Scheduler : how to set row height + workhours

[Joccd]

Hi,

I have a scheduler within a dialog. The DayView is defined like this :

<DayView
              slotDuration={60}
              slotDivisions={2}
              startTime={"08:00"}
              endTime={"20:00"}
              workDayStart={"08:00"}
              workDayEnd={"20:00"}
            />

1) The height of each row is too important. How can I reduce the height to avoid scroll (see attached file) ?

2) The endTime/workDayEnd doesn't work (the day ends at 17:00). I see the same behaviour in your documentation : 

https://www.telerik.com/kendo-react-ui/components/scheduler/views/day/

Regards,

Joffrey

[Stefan]

Hello, Joffrey,

Regarding the questions:

1) This can be done using a custom view slot:

https://www.telerik.com/kendo-react-ui/components/scheduler/slots/slot/

I made an example showcasing how to reduce the height:

https://stackblitz.com/edit/react-vvjnwq-bufram?file=app/main.jsx

		.k-scheduler-layout-flex .k-scheduler-cell {
			min-height: 2px;
			line-height: 1;
		}

2) I can confirm that this is an issue with the current version of the KendoReact Scheduler.

I created an issue in our GitHub repository and forwarded it to our developers for fixing. You can track its progress at:

https://github.com/telerik/kendo-react/issues/462

For now, there is no available workaround, if one is found it will be added in the GitHub issue for reference.

Additionally, I updated your Telerik points for bringing this to our attention.

Regards,
Stefan
Progress Telerik