# Keyboard Navigation

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

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`   | Closes the popup and moves the focus to the `input` element.   |
| `Esc`              | Closes the popup and moves the focus to the `input` element.   |

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dateinputs/datepicker/keyboard/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-vue-ui-develop/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-vue-ui-develop/components/dateinputs/dateinput/keyboard-navigation).

## Suggested Links

* [API Reference of the DatePicker](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/datepickerprops)
* [Accessibility](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/accessibility/wai-aria-support)