More than the 24th hour in a day on the scheduler component

Hello Cyril,

The KendoReact Scheduler component is showing the standard hour values.

Could you please give us more information about your use case so we could be able to suggest a better solution?

For the current described case scenario we could suggest using two columns with two days next to each other. That way you can see a period of time longer than 24 hours.

The other possible solution could be the usage of the `timezone` property. That way for example, if you are using the Scheduler for a different time zone, you can just adjust it to show the hours accordingly to the other time zone.

For more information about the `timezone` property, you can check this API reference:

https://www.telerik.com/kendo-react-ui/components/scheduler/api/SchedulerProps/#toc-timezone 

Please let me know if I could assist further.

Regards,
Ina
Progress Telerik

Hello!

First, thank you for the reply !

Could you please give us more information about your use case so we could be able to suggest a better solution?

Sure!  I work for french television and this format (25th,26,27.. hour) is really specific to media planning. I cant really give more detail but its a must have for teams (technicians, programm director, control director....)

I'll try to give a more complete exemple:

From a week view, I need to start each day at 03h00 but the end of the collumn is not 24h00 (midnight) it will be 27h00 (3h00 + 24) because a day still 24hours.

If my week starts at 5h00, it will finish at .... 29h00.

As you said, the easy way would be to report the extra 24+ hours to the next day but this is not how it works, it has to be on the same column.

It's even more complicated but i'll avoid to talk about that :D It would be fabulous to find a solution.

Have a nice day!

Cyril.

Hello Cyril,

Based on the additional description you provided, we came up with the following solution which we believe satisfies all the described requirements.

We're using the `dateRange` of the Scheduler to first offset the dateRange by 5 hours, so we start the date at 5 o'clock at your timezone.
Additionally, we're using a Customized IntlService which is responsible for showing the hours from the next day with numbers of 24, 25, 26, 27 and 28 respectively.

https://stackblitz.com/edit/react-7wrtxf-cwc8rd?file=app/main.tsx

Please let us know if the provided example helps you implement the desired customization or if we misunderstood something.

Regards,
Kiril
Progress Telerik

Awesome!

Thank you guys for the solution!

Have a nice week,

Cyril.