Blazor Scheduler
The Blazor Scheduler is a calendar component with day, week, month, year planner, and timeline views, appointment editing, and tooltips.
Day, week and month views link
Console log
Year Planner and Timeline views link
Plan out the whole year with <RadzenYearPlannerView /> and <RadzenYearTimelineView />.
Console log
Display additional content when the user hovers an appointment link
Use the SlotRender event and templates to display tooltips with additional appointment details on hover.
Display any number of days side-by-side link
Configure the scheduler to display multiple days simultaneously for better week or multi-day planning views.
Console log
Display scheduler as an agenda link
Configure the scheduler to display appointments in an agenda view for better overview of upcoming events.
Console log
Keyboard Navigation link
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor Scheduler component.
| Press this key | To do this |
|---|---|
| Tab | Navigate to a Scheduler component. |
| Tab on focused Scheduler | Navigate forward across available scheduler components. |
| Shift + Tab on focused Scheduler | Navigate backward across available scheduler components. |
| RightArrow on week/month view or year view selected month | Focus previous day. |
| LeftArrow on week/month view or year view selected month | Focus next day. |
| UpArrow on week/month view or year view selected month | Focus same day from previous week. |
| DownArrow on week/month view or year view selected month | Focus same day from next week. |
| UpArrow on day view | Focus previous hour. |
| DownArrow on day view | Focus next hour. |
| UpArrow on appointment | Focus previous appointment. |
| DownArrow on appointment | Focus next appointment. |
| Space on appointment | Edit appointment. |
| Enter | Add appointment. |
Frequently asked questions
Can I use the Blazor Scheduler as a calendar?
Yes. The Scheduler is a calendar with day, week, month, year planner, and timeline views; bind your appointments to its Data and it renders them on the calendar.
What views does the Blazor Scheduler support?
Day, week, month, year planner, and timeline views, and you can show any number of days side by side.
How do I add and edit appointments in the Scheduler?
Handle the slot and appointment events (such as SlotSelect and AppointmentSelect) to open a dialog where users create or edit events bound to your data.
Related
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT