Description
Appointment editing does not work on Chrome for mobile (Android).
Steps To Reproduce
Run the following demo in the Chrome for mobile browser, on a mobile device with Android : https://demos.telerik.com/blazor-ui/scheduler/appointment-editing
- Attempt to edit an appointment by double tapping it
Actual Behavior
The popup editor does not show up.
Expected Behavior
The popup editor shows up.
Browser
Chrome
Last working version of Telerik UI for Blazor (if regression)
No response
Hello,
The fun that one can have with dates, time and time zones seems almost infinite. I just stumbled across an issue with the Scheduler component where deleting a single occurrence of an appointment series did not work correctly sometimes. Specifically, it doesn't work in my use case for daily and hourly recurrences, but works fine for the others. When it does not work, the problem is that the recurrence exceptions do not match the actual start time of the event that they are supposed to "except". For compatibility reasons with other libraries, we have to feed the scheduler with events that have all of their dates and times represented as DateTime with DateTime.Kind == DateTimeKind.Unspecified .
I traced the issue to the RecurrenceCalculator where for both the GetNextDailyOccurrence and GetNextHourlyOccurence, the DateTime of the exception is created from the original event's start date, but with the DateTimeKind explicitly set to UTC. For example, if I have a daily recurring event from 2025-08-11 13:00 to 14:00 (with unspecified DateTimeKind) and then I delete the occurrence for 2025-08-12 in the scheduler, then the exception that is added excludes "2025-08-12T14:00:00.000Z" (with UTC DateTimeKind) which is clearly not correct. It is also not consistent with the other recurrence frequencies.
In the code of the RecurrenceCalculator
new DateTime(year, month, day, date.Hour, date.Minute, date.Second, date.Millisecond, DateTimeKind.Utc)
creates a new UTC DateTime regardless of whether the original date had DateTimeKind UTC, local or unspecified. Therefore I'm pretty sure this qualifies as a bug. There is an argument to be had about which "way" would be correct as the rest of the code creates new DateTime instance with DateTimeKind.Unspecified instead by not specifying the kind at all.
I personally would argue that for all occurrences, new DateTime instances should always be created with the same kind as the original DateTime.
Also, the events that we are displaying definitely don't happen in the UTC time zone and converting everything to UTC is really not an option as the events would be displayed incorrectly. I also don't want to "reinterpret" all the times as UTC without actually converting the time because that would end up being extremely confusing.
Regards,
// Lukas Angerer
The behavior is reproducible only in the Material and Bootstrap themes - it can be observed in the online demo.
When I scroll to a point where an appointment is not fully visible and click it, the page scrolls up. This does not happen in the other themes.
Reproduction video: https://www.loom.com/share/b8303675096d42ea8582a1638f37571f.
Once a user has clicked an appointment to select it, I'd like the ability to clear this selection. For example, if you show one set of appointments, then click a radio button on the page to switch to a different set of appointments, I'd like to clear the selection so that no appointment is selected. The way it works now, the component appears to store the index of the selected appointment and then re-apply that when it's rendered with new appointments.
More context here: https://www.telerik.com/forums/how-to-clear-the-selected-slot-in-the-scheduler
In the scheduler for Asp.net Ajax, the month view would put a k-other-month class on the cells from other months outside of the current one and those cells would have a different style (grayed day numbers or background, etc.). In the Blazor scheduler component it doesn't look like that class is being put on those cells anymore. The Telerik SCSS themes still allow for that class, so is there a way to add them or is there a workaround so that those cells can be re-styled similar to the way the Ajax Scheduler functions?
Thanks,
Mike
When SchedulerGroupOrientation is set to vertical, increasing the height of the `SchedulerResourceGroupHeader` breaks the rendering of the Scheduler cells, which causes misalignment of the appointments. In my scenario, I want to have a Button and an Icon in the group header cell.
Reproduction example: https://blazorrepl.telerik.com/wJElGYvF02XSsN6j42
I'd like to have a data virtualization feature (similar to the OnRead event), so I can load only small chunks of data (appointments) specifically for the current page/view.
===
ADMIN EDIT
===
Currently, you can achieve similar functionality by handling the DateChanged and ViewChanged events of the Scheduler to load only the relevant appointments for the selected period.
You can find an example here: Load Scheduler Appointments on Demand.
The Timeline view currently does not provide the "Show business hours" option as in the other views.
Please add that for the Timeline view similar to the jQuery version of the component.
===
ADMIN EDIT
===
For the time being, you can achieve this functionality with a custom approach by programmatically setting the StartTime and EndTime of the view to equal the WorkDayStart and WorkDayEnd.
Here is a basic example: https://blazorrepl.telerik.com/QyEhvjbO07j1ZvID42.
Hello,
I use the scheduler component with grouping ressources on a timeline view.
When there is only one ressource for the second group, there is no text showing on the view.
It works with 2 ressources.
I try over your demo and i have the same result.
https://blazorrepl.telerik.com/GyYAmBGE22N2CcIQ27
When I use 2 ressources it works.
Thank you
Now that we can have more than 2 events in a day in Month View, we need to add an AppointmentHeight parameter to be able to make the appointments taller in height to accommodate longer titles.
ADMIN EDIT
An alternative for the time being is to show the longer content by using the appointment templates and the Tooltip component. For example:
https://github.com/telerik/blazor-ui/tree/master/scheduler/appointment-tooltips
I want to easily print the Scheduler calendar - month view, week view and more.
===
ADMIN EDIT
===
A possible approach for the time being is to implement printing functionality for the Scheduler in a similar fashion to how the Grid is printed here https://github.com/telerik/blazor-ui/tree/master/grid/print.
The approach relies on using JavaScript to invoke the browser print() method. Using CSS and @media print, you can customize the page and specify which elements should be visible when printing. For example, you may hide the toolbar and footer of the component, so only the calendar is visible.
Here is a runnable sample that demonstrates the approach: https://blazorrepl.telerik.com/wfkbbBca54BdZnUk24
I want to add more fields to the scheduler create/edit popup. Currently, this is possible by creating a custom edit form. However, this customization would be easier if the Scheduler exposed a Popup Form Template similar to the Grid.
===
ADMIN EDIT
===
A necessary prerequisite for exposing this is to first add a State feature in the Scheduler. This will allow programmatic control over the edited item.