Keyboard Navigation - Kendo UI for Angular

Getting Started
Components
- Barcodes
- Buttons
- Chartsupdated
- Conversational UI
- Data Query
- Date Inputsupdated
- - Overview
  - Getting Started
  - Calendar
  - DateInput
  - DatePickerupdated
  - DateTimePickerupdated
  - DateRangeupdated
  - MultiViewCalendar
  - TimePickerupdated
  - Globalization
  - API
- Date Math
- Dialogsupdated
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Filter
- Ganttupdated
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputs
- Labels
- Layout
- ListBoxupdated
- ListView
- Map
- Menus
- Navigationupdated
- Notification
- Pager
- PDF Export
- PDFViewernew
- PivotGrid
- Popup
- ProgressBars
- Ripple
- Scheduler
- ScrollView
- Sortable
- ToolBar
- Tooltips
- TreeListupdated
- TreeViewupdated
- Typography
- Uploads
- Utilitiesupdated
Styling & Themes
Common Features
Project Setup
Knowledge Base
Sample Applications
FAQ
Troubleshooting
Updates
Changelogs

Components / Date Inputs / DatePicker / Keyboard Navigation /

New to Kendo UI for Angular? Start a free 30-day trial

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.

Example

View Source

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.

Suggested Links

Is this article helpful?

Thank you for your feedback!