N.B. Full keyboard access will not work in Opera due to it's inbuilt spatial navigation feature.
← → ↑ ↓ = day navigation
Ctrl + ↑ = next year
Ctrl + ↓ = previous year
Ctrl + → = next month
Ctrl + ← = previous month
Space = todays date
Esc = close date-picker (no date selected)
Return = select highlighted date and close date-picker
2 - 7 = select the corresponding day as the first day of the week (numpad or regular keyboard)
Click and hold the next/previous buttons to activate the timed counter i.e. there's no need to repeatedly click the buttons.
The following date-pickers have a specified date range of 11/08/2006 to 13/09/2007. Dates outside of this range are unselectable.
The days Monday and Tuesday have also been specified as being unselectable.
View the page source should you wish to know how the new input boxs are created.
The datePicker should also fully cover the selectList in Internet Explorer when activated.
This is a test selectlist that should be covered by the datepicker even in IE
View the related “language in the lab” post for this demo.