Date & time selection

The date picker ships with five built-in variations for rendering the UI. The controls option supports the following:

• date - renders a date-only scroller or dropdown control
• time - renders a time-only scroller or dropdown control
• timegrid - renders a time grid for time selection
• datetime - renders a date & time scroller or dropdown
• calendar - renders a calendar view for date picking

Use controls: ['datetime'] for rendering a date & time picker within the same control, tied to the same input, or use them separately for two inputs - controls: ['date'] and controls: ['time']. It will render a scrollers for touchUi: true and a dropdowns for touchUi: false.