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.
Provide the possibility to dynamically change the height of the slots in Month, Multi-Week, and other views. This feature is useful in order to fit the events in the specific slot:
jQuery Scheduler:
https://demos.telerik.com/kendo-ui/scheduler/adaptive-slot-height
Provide an auto event height functionality in order to display the entire content of the event in the Moth view:
jQuery Scheduler:
https://demos.telerik.com/kendo-ui/scheduler/auto-event-height
Hi Team,
It will be a good feature to have the ability to hide/remove the toolbar and footer toolbar of the Scheduler component.
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.
Provide an option for hierarchical grouping in Kendo Angular Scheduler as jQuery does:
https://demos.telerik.com/kendo-ui/scheduler/resources-grouping-hierarchical
Please, consider adding an option that makes the corresponding groups collapsible.
Regards
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
A property to remove all-day slot in the scheduler just like it is in jQuery (https://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler/configuration/alldayslot)
Current workaround:
Add the following CSS snippet:
.hide-all-day .k-scheduler-table tr:nth-of-type(0), .k-scheduler-times-all-day, .k-scheduler-table.k-scheduler-header-all-day {
display: none;
}
Thank you.
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,
I would like a feature that allow to build a timeline view and group them using the Group resource calendar view and would like to show individual resource timeline in the group as demonstrated in the following picture:
thanks
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, Team!
I would like to have a designated Timeline View that displays a whole year.
Best regards!