Devextreme-reactive: Adjust the time cell height in scheduler

[dupled]

• [x] I have searched this repository's issues and believe that this is not a duplicate.

I'm using ...

• [ ] React Grid
• [ ] React Chart
• [x] React Scheduler

Description

I would like to ask if there is anyway to adjust the height of these hour cell? I have searched all the documentation but unable to find a way to change it, thanks.

Environment

• "@devexpress/dx-react-core": "^2.7.2"
• "@devexpress/dx-react-scheduler": "^2.7.2"
• "devexpress/dx-react-scheduler-material-ui": "^2.7.2"

[aswinckr]

I was able to change it by setting the style manually -

<WeekView.TimeTableCell
   style={{height: 20}} />

[AryamnovEugeniy]

Hello!

To achieve this, you need to customize the following components: TimeTableCell, TimeScaleLabel and TimeScaleTickCell (our private component). I made a small example to illustrate this: https://codesandbox.io/s/broken-cdn-kv864?file=/demo.js