You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on May 29, 2019. It is now read-only.
* keyboard navigation
* WAI-ARIA roles
* popup will close on escape on input or calendar
* handle focus when closing popup
Closes#1922
BREAKING CHANGES: popup calendar does not open on input focus
@@ -65,7 +65,7 @@ All settings can be provided as attributes in the `<datepicker>` or globally con
65
65
_(Default: 'EEE')_ :
66
66
Format of day in week header.
67
67
68
-
*`format-day-title-`
68
+
*`format-day-title`
69
69
_(Default: 'MMMM yyyy')_ :
70
70
Format of title when selecting day.
71
71
@@ -110,3 +110,20 @@ Specific settings for the `datepicker-popup`, that can globally configured throu
110
110
*`datepicker-append-to-body`
111
111
_(Default: false)_:
112
112
Append the datepicker popup element to `body`, rather than inserting after `datepicker-popup`. For global configuration, use `datepickerPopupConfig.appendToBody`.
113
+
114
+
### Keyboard Support ###
115
+
116
+
Depending on datepicker's current mode, the date may reffer either to day, month or year. Accordingly, the term view reffers either to a month, year or year range.
117
+
118
+
*`Left`: Move focus to the previous date. Will move to the last date of the previous view, if the current date is the first date of a view.
119
+
*`Right`: Move focus to the next date. Will move to the first date of the following view, if the current date is the last date of a view.
120
+
*`Up`: Move focus to the same column of the previous row. Will wrap to the appropriate row in the previous view.
121
+
*`Down`: Move focus to the same column of the following row. Will wrap to the appropriate row in the following view.
122
+
*`PgUp`: Move focus to the same date of the previous view. If that date does not exist, focus is placed on the last date of the month.
123
+
*`PgDn`: Move focus to the same date of the following view. If that date does not exist, focus is placed on the last date of the month.
124
+
*`Home`: Move to the first date of the view.
125
+
*`End`: Move to the last date of the view.
126
+
*`Enter`/`Space`: Select date.
127
+
*`Ctrl`+`Up`: Move to an upper mode.
128
+
*`Ctrl`+`Down`: Move to a lower mode.
129
+
*`Esc`: Will close popup, and move focus to the input.
0 commit comments