Date and time picker

A date and time picker allows users to select both a specific date and a time, by combining date picker and time picker components.

Demos

In this demo, learn how to use a CalendarMonth component and a Dropdown component to compose a simple DateTimePicker. The input is read only, meaning that the following example does not cover pasting a copied date and time. Also, you can pick the time only from the predefined options and cannot change it in the input.

Date and time picker

Date and time range picker

to