Keyboard Navigation

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

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.
EscCloses the popup and moves the focus to the input element.
Example
View Source
Edit In Stackblitz  
Change Theme:

Navigation Scenarios

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?