Currently, the views order all-day events based on their index in the events array. However, in the Month view, all-day events are arranged by start date, from earliest to latest. This means that if events start at different times, they will be displayed in that order.
For example - https://stackblitz.com/edit/angular-yvtoyp?file=src%2Fapp%2Fevents-utc.ts,src%2Fapp%2Fapp.component.ts
Day view:
Month view:
Example - https://stackblitz.com/run/?file=src%2Fapp%2Fevents-utc.ts,src%2Fapp%2Fapp.component.ts
React seems to render them in the start date order - https://stackblitz.com/edit/react-kms53j?file=app%2Fshared-sc-events-utc.js
And Google Calendar for reference:
Currently, the slotClass callback is triggered on every change detection, which also includes user interactions such as dragging or editing an event.
This will become problematic if there is complex logic in the callback and it can get a bit worse if there are bigger slotDivisions in place.
Example with dragging and editing:
While dragging, the slotClass will fire multiple times, and while editing every keypress will trigger the callback. This can be further improved and limit when the slotClass callback is called in the Scheduler component.
Hi,
Currently, the 'More Events' button is not accessible through keyboard navigation, and it would be helpful if it could be made accessible.
In the Agenda view of the Kendo Scheduler, multi-day events that are not marked as "All Day" are currently displayed with a time range of 12:00 AM - 12:00 AM for intermediate days. This is incorrect and should be updated to show "All Day" for these days.
Steps to Reproduce:
Create a multi-day event (e.g., September 1, 12:30 PM to September 5, 3:00 PM).
Ensure the event's 'isAllDay' property is set to 'false'.
View the event in the Agenda view.
Expected Behavior:
Start date (September 1) shows the start time (12:30 PM).
End date (September 5) shows the end time (3:00 PM).
Intermediate days (September 2 to 4) display "All Day" instead of 12:00 AM - 12:00 AM.
Actual Behavior: Intermediate days display 12:00 AM - 12:00 AM. They should display "All Day" to accurately represent the event spanning these days.
Example of current and desired rendering - https://stackblitz.com/edit/angular-lhne15?file=src%2Fapp%2Fapp.component.ts
Currently, it can be achieved with a template, but it will be nice if it's handled internally.
Hi,
Currently, when adding or editing an event, if the user chooses any start date, the end date field does not update, and the user needs to manually add the time. This is acceptable, but in some cases, automatically adding 30 minutes or 1 hour to the start date and time would be a useful feature.
Similar to Microsoft Teams Meeting editor. Recording provided.
Hi,
I have events with reccurenceRule with start time setted to 00:00:01:
{
id: 4,
title: '1 OK',
start: new Date('2020-10-19T00:00:01'),
end: new Date('2020-10-19T10:30:00'),
recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201028;BYDAY=MO',
},
{
id: 5,
title: '2 OK',
start: new Date('2020-10-19T00:00:01'),
end: new Date('2020-10-19T10:30:00'),
recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201028;BYDAY=TU',
},
{
id: 6,
title: '3 OK',
start: new Date('2020-10-19T00:00:01'),
end: new Date('2020-10-19T10:30:00'),
recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201028;BYDAY=WE',
},After changing start time to be 00:00:00:
- Wednesday's event started showing on October 14th.
- Event from Tuesday '2BAD' hass been duplicated and is also shown on October 14th.
{
id: 1,
title: '1 BAD',
start: new Date('2020-10-05T00:00:00'),
end: new Date('2020-10-05T10:30:00'),
recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201014;BYDAY=MO',
},
{
id: 2,
title: '2 BAD',
start: new Date('2020-10-05T00:00:00'),
end: new Date('2020-10-05T10:30:00'),
recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201014;BYDAY=TU',
},
{
id: 3,
title: '3 BAD',
start: new Date('2020-10-05T00:00:00'),
end: new Date('2020-10-05T10:30:00'),
recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201014;BYDAY=WE',
},StackBlitz: https://stackblitz.com/edit/angular-pusn73-utpuwe?file=src%2Fapp%2Fapp.component.ts
Currently, Kendo UI for Angular Scheduler requires recurrenceExceptions to match the start date time. If the recurrenceExceptions time doesn't match the event start time, then the exception doesn't work which might confuse the user or developer using the component.
Example - https://stackblitz.com/edit/angular-d32nfp-e9ybqn?file=src%2Fapp%2Fapp.component.ts
The 06/09 event should not render, but due to the time difference in the start and exception date, it renders the event.
The same will go for editing if an event has a recurrenceExceptions, and the user edits the series by changing the start time, it will render the event in the exception time due to that change:
Edit the series and change the start time to see that the event will also be rendered on the exception date which is the 10/21/2020.
However, there are numerous scenarios where users need more flexibility in defining recurrenceExceptions based on broader criteria, rather than strict start time matching. In such case it will be nice to have more control and for the reccurenceExceptions to not depend on the event start date time.
Hi, Team!
I would like to request a template that would allow me to customize the slots in the Year view:
Hi, Team!
I would like to request a property that would allow me to programmatically control the number of rows that is used for rendering the months in the Scheduler Year view.
Currently, all events are set min-height of 25px. That causes the visually improper display of events:
Removing the applied min-height style will make sure that the events are visually positioned as expected, but the events' titles will be partly or fully hidden:
A workaround based on custom CSS is demonstrated in the following example:
https://stackblitz.com/edit/angular-bvh7fq-1s3ub7
It will be a good addition to the component if an option like layout is provided to adjust the action buttons of the editing dialog. Similar to the following Dialog demo:
Hi, Team!
I would like to request an adaptive rendering feature for the Kendo UI for Angular Scheduler component similar to the one present in the Kendo UI for jQuery library:
https://docs.telerik.com/kendo-ui/controls/scheduler/adaptive-rendering
Hi,
A template for the load more button will allow flexibility to display more information about the events or other content. The template should also provide the events for the specific date which will help in scenarios where the button should show how many events are hidden.
Example use case:
Hi,
It will be a good feature to provide a way to change the content of the date headers in the Scheduler as currently, the kendoSchedulerDateHeaderTemplate doesn't support the month view.
Hi,
The current design of the Scheduler displays days from the previous and next month in the current month view. This behavior aligns with the calendars of both Apple and Microsoft:
Example with Scheduler - https://stackblitz.com/edit/angular-gdzdca-4hrqyw
Nevertheless, it would be a valuable enhancement if developers had the option to exclude those days/weeks.
Hi,
Please provide a multiple-selection option using the ctr + click shortcut.
thank you
Hi, Team!
Currently, the GroupHeaderTemplateDirective cannot be used inside the Agenda view of the Scheduler component. I would like to request the introduction of a feature that provides similar functionality for the Agenda view.
Please provide a TimeLineMultiWeekView. It should allow the TimeLine view to display a start date from one month up to an end date in the following month. It should be similar to the available MultiWeekView.
thank you