Hi and happy new year!
I would like to use the Scheduler like a kind of school calendar, where the calendar items are not bound to a specific date but to a time on a week day. So for example on every Monday from 10:00 to 11:00 am there is for example math, from 11 to 12 there is biology, and so on, meaning the same item at the same time and day but independent of the date. Is this possible and if so, do you have an example for this?
1 Answer, 1 is accepted
Hello,
The Scheduler needs a valid JavaScript date in order to show an event:
https://www.telerik.com/kendo-react-ui/components/scheduler/data-binding/
"In order for the Scheduler to correctly handle and format dates, you have to represent them by instances of the JavaScript Date object."
Still, based on the description using the recurrent events may be helpful as it allows preparing the same event each specific day of the week at the same time:
https://www.telerik.com/kendo-react-ui/components/scheduler/recurring/
That event also supports expectations, so for example, if the next Monday is a holiday, the event will not appear in the Scheduler.
Regards,
Stefan
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Rank 5
Bronze
Bronze
Bronze
Hi Stefan, thanks for the answer.
Using the recurrent events functionality will work in this case. I would like to do 2 things though and wonder if that's possible:
a) Hide the header information of the scheduler (see screenshot header.png)
b) Show only the weekday (Monday, Tuesday, etc.) not the actual date on top of the columns (see screenshot columns.png).
Is that possible?
Both are possible:
1) This article show how to customize or fully hide the header and the footer:
https://www.telerik.com/kendo-react-ui-develop/components/scheduler/customization/header-footer/
2) Please check this GitHub item on a similar subject that shows how to change the content of the date cells:
https://github.com/telerik/kendo-react/issues/810