Angular Material DateTimePicker

You can double click / double tap to make selections.

Datepicker Only

Timepicker Only | 12-hour

Timepicker Only | 24-hour | Timezone utc | edit input {{timez.toDate()}}

Timepicker Only | 12-hour | step 15 | auto-ok

Timepicker Only | 24-hour | UTC

Timepicker Only with seconds and auto ok | 24-hour

Date/Time Picker

Time Picker edit input

Date/Time Picker auto ok

Date/Time Picker no minutes

Date/Time Picker seconds

Start Date/Time

End Date/Time

Disable Certain Dates

Highlight Weekdays Only

Custom Picker template

mdcDateTimeDialog Service

Display Picker

Date: {{selectedDateTime|date:'medium'}}

Datetime Pickers