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.

Change Theme

Theme

Loading ...

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.

Suggested Links

• API Reference of the TimePicker
• Accessibility