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 |