Keyboard Navigation

By default, the keyboard navigation of the DateRangePicker is enabled.

The DateRangePicker supports the following keyboard shortcuts:

ShortcutDescription
Alt+Down ArrowOpens the popup.
TabMoves the focus from the start input to the end input, or from the end input to the calendar element.
EscCloses the popup and moves the focus to the start or to an empty input element.
Example
View Source
Edit In Stackblitz  
Change Theme:

When the popup of the DateRangePicker is opened, it adopts the same keyboard shortcuts as the keyboard shortcuts of the MultiViewCalendar.

When the inputs of the DateRangePicker is focused, it adopts the same keyboard shortcuts as the keyboard shortcuts of the DateInput.

In this article

Not finding the help you need?