Keyboard Navigation

The keyboard navigation of the DatePicker is always available.

The DatePicker supports the following keyboard shortcuts:

ShortcutDescription
Alt+Down ArrowOpens the popup and moves the focus to the displayed calendar.
Alt+Up ArrowCloses the popup and moves the focus to the input element.
Up/Down/Left/Right ArrowSelects the adjacent date in the specified direction.
Page UpScrolls to the previous month.
Page DownScrolls to the next month.
EscDiscards the selection and closes the calendar.
EnterAccepts the selected date and closes the calendar.
Example
View Source
Edit In Stackblitz  
Change Theme:

When the popup of the DatePicker is opened, it adopts the same keyboard shortcuts as the keyboard shortcuts of the Calendar.

When the input of the DatePicker is focused, it adopts the same keyboard shortcuts as the keyboard shortcuts of the DateInput.

In this article

Not finding the help you need?