Keyboard Navigation
The keyboard navigation of the Scheduler is always available.
Available Shortcuts
The Scheduler supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
c | Creates a new event. |
Alt+1, Alt+2, etc.Option+1, Option+2, etc. (MacOS) | Switches to the view with the specified index. |
t | Navigates to today's date. |
Shift+Left | Navigates to the previous time period. |
Shift+Right | Navigates to the next time period. |
Left Arrow or Up Arrow | Focuses the previous event or Toolbar element. |
Right Arrow or Down Arrow | Focuses the next event or Toolbar element. When focus is in the Toolbar, Down Arrow focuses the first focusable event. |
F10 | Focuses the first focusable Toolbar element. |
When an event is focused, the Scheduler supports the following shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Enter | Opens the edit form for the focused event. |
Delete or Backspace | Deletes the event after a confirmation from the user. |
The Scheduler Year view supports the following shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Right Arrow, Up Arrow, Down Arrow, and Left Arrow | Changes the currently focused date in the Calendar. |
Enter | Opens the tooltip for the currently focused Calendar date. When the tooltip is already open, navigates to Day view. |
Delete or Backspace | Closes the tooltip. |
Managing Focus
The Scheduler is a single tab stop, and focus is managed through roving tab index and the arrow keys except for the following scenarios:
- The views of the Scheduler (except the grid-like Agenda view) have an additional tab-stop—the scrollable element that serves as a container for the events.
- The Scheduler Year view uses the MultiViewCalendar that adds another tab stop.
The following example demonstrates the built-in keyboard navigation of the Scheduler.
Event Navigation with the Tab Key
By default, the navigation between the Scheduler events is enabled through the Arrow keys while the Tab key moves the focus to the next page element in compliance with the Fundamental Keyboard Navigation Conventions.
To use the Tab key for event navigation, prevent the default keydown event action and call the focusNextCell method.