Accessibility in EJ 1 Angular DatePicker
13 Sep 20171 minute to read
Keyboard Interaction
DatePicker support all possible keyboard interaction, you can enable this option by specifying “allowKeyboardNavigation” as true.
You can use the keyboard shortcut keys as an alternative of mouse to interact with DatePicker widget.
Keyboard shortcut keys are,
| Key | Description |
|---|---|
|
Alt + Down |
Opens the DatePicker calendar |
|
Left |
Moves to previous date |
|
Right |
Moves to next date |
|
Up |
Moves one week upward |
|
Down |
Moves one week downward |
|
Enter |
Selects the focused date |
|
Esc |
Closes the popup |
|
Ctrl + Up |
Navigates to top view |
|
Ctrl + Down |
Navigates to lower view |
|
Ctrl + Left |
Navigates to previous month |
|
Ctrl + Right |
Navigates to next month |