Keyboard Navigation
The KendoReact Scheduler component provides keyboard navigaiton out-of-the box. Both the [Slot
] and [Item
] components handles the keyboard navigation differently.
Slot Keyboard Navigation
Available shortcuts:
SHORTCUT | DESCRIPTION |
---|---|
Left | Focuses the slot on the left of the current slot . |
Right | Focuses the slot on the right of the current slot . |
Up | Focuses the slot above the current slot in the view. |
Down | Focuses the slot bellow the current slot in the view. |
Tab | Focuses the first available item inside the slot. If no item is available, fall back to the default handling of the keyDown event. |
Enter | Triggers the form edit , with predefined start, end, isAllDay and resources. |
Item Keyboard Navigation
SHORTCUT | DESCRIPTION |
---|---|
Left | Focuses the slot on the left of the current item . |
Right | Focuses the slot on the right of the current item . |
Up | Focuses the slot above the first slot of the current item . |
Down | Focuses the slot bellow the first slot of the current item . |
Enter | Triggers the form edit , or the occurrenceDialog in case of a recurring item. |
Tab | Focuses the next available item, sorted by group , isAllDay , range and start - In this order. |
Shift + Tab | Focuses the previous available item, sorted by group , isAllDay , range and start - In this order. |
Play around with the Keyboard Navigation
Example
View Source
Change Theme: