Unobtrusive JavaScript date-picker widgit

Keyboard access

Key Combination	Action
`←` `→` `↑` `↓`	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

Single Input DatePicker

class=“format-d-m-y divider-dash highlight-days-12 range-low-today no-transparency”

Date :

Split Input DatePicker

class="highlight-days-67 range-low-2006-08-11 range-high-2009-09-13 disable-days-12 split-date"

/DD

/MM

YYYY

View the related “language in the lab” post for this demo.