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, 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:

https://stackblitz.com/edit/angular-zh12c4-h8hvq4?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts

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,

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.

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, the 'More Events' button is not accessible through keyboard navigation, and it would be helpful if it could be made accessible.

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:

https://stackblitz.com/edit/angular-qdjnb6?file=src%2Fapp%2Fedit.service.ts,src%2Fapp%2Fapp.component.ts

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.

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:

Like in the other scheduler components it would be very nice to highlight the hoverd timeslot and show the start time of the slot when hovering

I would be nice to highlight the currently selected event. As in the example below the selected event has a purple border

Custom editing in reactive forms within EditDialogTemplateDirective causes udefined error at EditDialogComponent.titleInput .

Reproducible at example https://www.telerik.com/kendo-angular-ui/components/scheduler/editing/custom-reactive-editing/

Hello!

My team has identified a need for a sticky header on the scheduler.  Essentially when scrolling down through a large scheduler, we would like an option for the header to be "sticky" or remain visible atop the scheduler as you scroll.  We are unsure how difficult this would be, but allowing users to retain the resource reference regardless of how far they scroll would be very helpful!!!  If this is not descriptive enough please feel free to let me know, and I can find some examples!

Thank you!

-Eric Reed

I have a data source where the events only have date ranges without time, and for each event I know if it's morning only, afternoon only or full day.

For such a data source, it doesn't really help to display all the times of the day in the Scheduler views. I'd like to just have three categories that reflect my data source: morning only, afternoon only or full day. Is there some way to customize the Scheduler like this?

Please provide an example demonstrating how to import from iCal and export to iCal similar to the following one:

https://demos.telerik.com/kendo-ui/scheduler/import-export-ical

but for the Kendo UI for Angular Scheduler component.

thank you

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:

1. Wednesday's event started showing on October 14th.
2. 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