A.3 HTML Calendar (html5-calendar)
This section contains information on the Date component.
Table A-3 Date Component
| Target | Key | Action |
|---|---|---|
| Button | Tab | Set focus to the input. |
| Enter | Activates the control and opens Calendar |
This section contains information on the Calendar popup component.
Table A-4 Calendar Component
| Target | Key | Action |
|---|---|---|
| Popup | Tab | Set focus to the Calendar Popup. |
| Single Select (Month, Year) | Tab | Set focus to the input. |
| Single Select (Month, Year) Drop-down | Enter | Activates the Select control. Open |
| UpArrow or DownArrow | Highlight the option item in the direction of the arrow. | |
| Esc | Collapse the drop-down list. If the drop-down is already closed, do nothing. | |
| Enter | Switch to selected Month/Year. Reloads the Calendar Popup | |
| Left Arrow Button (Month, Year) | Enter | Switch to Previous Month/Year. Reloads the Calendar Popup |
| Right Arrow Button (Month, Year) | Enter | Switch to Next Month/Year. Reloads the Calendar Popup |
| Calendar Picker | Tab | Set focus to the day cells |
| Enter | Select the currently focused day | |
| Close Link | Enter | Closes the Calendar Popup |