New to Kendo UI for Angular? Start a free 30-day trial
Keyboard Navigation
The keyboard navigation of the TimePicker is always available.
The TimePicker 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. |
Tab | Moves focus to the next time section in the popup. |
Enter | Accepts the current value change. |
Example
View Source
Change Theme:
Navigation Scenarios
When the input of the TimePicker is focused, it adopts the same keyboard shortcuts as the keyboard shortcuts of the DateInput.
When the popup of the TimePicker is opened the following shortcuts become available:
| Shortcut | Description |
|---|---|
Up Arrow | Increments the value of the focused time section. |
Down Arrow | Decrements the value of the focused time section. |
Tab | Moves the focus to the next time section in the popup. |
Shift+Tab | Moves the focus backwards. |
Enter | Accepts the current value change. |
