React Scheduler - Keyboard Support

An end user can use the following keys to interact with the UI component.

UI component Element Key / Key Combination Action
Scheduler UI component Tab / Shift+Tab Shifts focus to the next/previous appointment.
Shift + Mouse Wheel Scrolls the content left/right if the horizontal scrolling is taking place.
View Switcher Left Arrow or Right Arrow Switches between scheduler views.
Date Navigator Tab / Shift+Tab Shifts focus to the next/previous element within the navigator.
Enter or Space Selects the focused element of the navigator.
Timetable Left Arrow / Right Arrow / Up Arrow / Down Arrow Selects the previous/next/top/bottom cell.
Enter or Space Invokes the appointment edit form for the currently selected cell.
Shift + Arrow Keys Selects several cells.
Shift + Space or Enter + Arrow Keys Invokes a popup window for currently selected cells.
Popup Window Tab / Shift+Tab Shifts focus to the next/previous element within the window. Editors within the window are controlled by their own keyboard shortcuts.
Appointments Tab / Shift+Tab Shifts focus to the next/previous appointment.
Enter or Space Invokes the appointment edit form.
Delete Deletes the current appointment.
Appointment Tooltip Tab / Shift+Tab Shifts focus between tooltip elements.
Enter or Space Selects the focused element in the tooltip.
See Also
jQuery
Angular
Vue
React