Hi Team,

How to show loading spinner for Schedular control when we changing the views (from day view to week view).

I am not able to find any props like loader or no-data-template.

Please help me on this.

Thanks,

Lingaraju

The current implementation of the Kendo UI for Vue Native Scheduler doesn't provide the 'Date Grouping' option that is available in the Kendo UI for jQuery Scheduler component.

Providing the discussed 'Date Grouping' option will make the Vue suite consistent with the jQuery one and will help the users in the migration of their projects from Wrapper to Native Scheduler.   

Describe the bug
The displaying of consecutive events in different timezones is inconsistent when we have a yearly recurrence.

To Reproduce

1. Open this StackBlitz example
2. Set your timezone to Mexico City
3. Refresh the page and go the Sun, 6/18 - Sat, 6/24 week view
4. See the Program 7 and Program 8 events in the Sat, 6/24 column
5. Set your timezone to Mainland China
6. Refresh the page and go the Sun, 6/18 - Sat, 6/24 week view
7. See only the Program 7 event in the Sat, 6/24 column. The Program 8 event is visible in the Sun, 6/25 column

The above is not replicable if the following configuration is removed:

recurrenceRule: 'FREQ=YEARLY',

Expected behavior
The consecutive events in the Scheduler component should be displayed consecutively in all timezones and no matter the recurrence rule defined for each of the events.

Screenshots
Mexico timezone:

China Mainland

Describe the bug
With version 3.11.00 of the Native Scheduler, we no longer have to define custom styles for the slots inside the component.

To Reproduce

1. Open this StackBlitz example
2. See the Scheduler's slots. Its colors are the default ones

Expected behavior
The result should be like in this StackBlitz example.

Screenshots
Expected result:

Describe the bug
Scheduler difference in initial events' positioning in Firefox

To Reproduce
https://stackblitz.com/edit/to5tp6-yqy5j5?file=src%2Fmain.vue,package.json
Open the example in FireFox and in Chrome
In Firefox the events starts from 9:30

Expected behavior
The event starts in 8:30 in both browsers

Describe the bug
some of the template props are not available in the slot template

To Reproduce
https://stackblitz.com/edit/whbigs?file=src%2Fmain.vue

Expected behavior
props.start is available in the slot

Describe the bug

The events part of an editable Native Scheduler cannot be opened for editing when displayed on a mobile device. If you take one and the same Scheduler and load it on a computer and on a tablet, on computer, the events' editing form can be opened with a double-click but there is no way to open the same form on a tablet, for example.

To Reproduce

1. Open this StackBlitz example in Chrome
2. Open the DevTools and switch to mobile view
3. From the list with pre-defined devices select "iPad Air"
4. Try to open the editing form of a randomly selected event

Expected behavior
There should be a way to open the editing form of the Native Scheduler when using the component on a mobile device

Describe the bug

The events displayed inside a Timeline view are not fully expanded to the time boundaries of the slots available in the view. Events that are 30 minutes long are displayed like something around 20 minutes in length.

To Reproduce

1. Open this StackBlitz example
2. Check the way the 'Website upload' event is displayed

Expected behavior
The 'Website upload' event should be displayed inside two 15 minute slots

Screenshots

Describe the bug
Scheduler Navigation is slow when grouped by resources

To Reproduce
Steps to reproduce the behavior:
https://stackblitz.com/edit/nuxt-starter-nwkdbu?file=package.json

Open the stackblitz
try to navigate to the next date by clicking on the arrow
Current - it takes 6-7 seconds

Expected behavior
Navigation and initial load are faster

The current implementation of the Native Scheduler component doesn't reactively update the Views definitions inside the Scheduler. 

In my scenario, I want to display multiple views like "Day", "Week", "Month", etc. only when the Scheduler data is not grouped. When grouped data is displayed, I want to show only the "Day" view to the users.

To achieve the targeted functionality, with the current implementation of the Scheduler, I should use the key attribute as demonstrated in this StackBlitz example.

Describe the bug

The Scheduler's date property is not being updated reactively when the value of the data property passed to it is changed

To Reproduce
Steps to reproduce the behavior:

1. Open this StackBlitz example
2. Select a random value in the Calendar above the Scheduler
3. The value of the schedulerDate variable is updated but the date inside the Scheduler is not changing

Expected behavior
The Scheduler's date should be updated when when the value of the schedulerDate variable is changed

Currently, the Native Scheduler doesn't provide an option to programmatically display its "Add new event" or "Edit event" form. 

In some scenarios, it will be useful to have the option to programmatically display the "new event" form or be able to load the data of specific existing event into the editing form 

Currently, the Native Scheduler component doesn't provide the option to group its date by date. 

This option is available in the Kendo UI for jQuery and it will be really nice if we have it also in the Native Vue Scheduler.

Describe the bug
The current implementation of the Native Scheduler component is not affected by the Internationalization configurations applied to it.

To Reproduce

1. Open this Globalization Demo
2. In it, the IntlProvider is defined with a locale value of es
3. Having the above configuration, the first weekday in the Week view should be Monday, while, in the example, the first day is Sunday

Expected behavior
The Scheduler should accept both the Localization and Internationalization configurations applied to it.

Describe the bug
The Native Scheduler allows you to create a new event without setting a title for it. When such an event is created, its delete (X) icon cannot be clicked.

The issue is replicable in scenarios with both default rendering of a custom SchedulerItem.

To Reproduce

1. Open this StackBlitz example
2. Double-click on the Scheduler to create a new event
3. Enter a value in the description field and save the new event

Expected behavior
When you try to delete the event that has no title, you should be able to do it

Workaround
Use the following CSS definition to workaround the bug:

div.k-scheduler-body > div > span.k-event-actions {
  z-index: 30000;
}

Here is a StackBlitz example demonstrating the usage of the above CSS.

Describe the bug
A modal for selecting the editing mode of a recurring event appears on a double click over a recurring event even if the Native Scheduler is not editable.

To Reproduce

1. Open this StackBlitz example
2. Double-click on a random recurring event

Expected behavior
No popups should appear when double-clicking on an event when the Scheduler is not editable.

Screenshots

We've been using the Telerik UI for ASP.NET AJAX Scheduler for years.  It has this nice reminder dialog that can be checked on this link and the below screenshot. 

Can you add the Reminder functionality in the Native Scheduler component?