UI_date/time

Demo page for date/time picker UI

Download .zip Download .tar.gz View on GitHub

UI_datetime Demo

(back to Main page)

Common Cotonti date/time selection controls New date/time UI controls (used with extension)
Test date UI widget
Test time UI widget
Test date/time widget
Test date/time widget (combined mode)

Help:

In this test table you can see Cotonti `old style` elements for date/time selection (in first column) and `new style` unified elemints that will be used in Cotonti when ui_datetime extension installed.

New UI elements are linked with standard ones. You may change values in it to test it.


You can use keyboard shortcuts to drive the datepicker:

  • page up/down - previous/next month
  • ctrl+page up/down - previous/next year
  • ctrl+home - current month or open when closed
  • ctrl+left/right - previous/next day
  • ctrl+up/down - previous/next week
  • enter - accept the selected date
  • ctrl+end - close and erase the date
  • escape - close the datepicker without selection