# Keyboard Navigation

The keyboard navigation of the DatePicker is always available.

The DatePicker supports the following keyboard shortcuts:

| Shortcut                  | Description                                                    |
| :------------------------ | :------------------------------------------------------------- |
| `Alt`+`Down Arrow`        | Opens the popup and moves the focus to the displayed calendar. |
| `Alt`+`Up Arrow` or `Esc` | Closes the popup and moves the focus to the input element.     |

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/dateinputs/datepicker/keyboard_navigation/source.txt)

## Navigation Scenarios

When the popup of the DatePicker is opened, it adopts the same keyboard shortcuts as the keyboard shortcuts of the [Calendar](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/keyboard-navigation).

When the input of the DatePicker is focused, it adopts the same keyboard shortcuts as the keyboard shortcuts of the [DateInput](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/keyboard-navigation).

## Suggested Links

* [API Reference of the DatePicker](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/datepickercomponent)
* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/accessibility)