Modes
Date, time, or datetime — pick exactly what you need.
Use the mode prop to choose what the picker collects.
Datetime (default)
A tabbed Date / Time picker.
Select date & time
<DateTimePicker mode="datetime" />Date only
Select…
<DateTimePicker mode="date" />Time only
A column-based spinner. Supports 12/24-hour, seconds, and minute/second steps.
Select…
<DateTimePicker mode="time" use24Hour minuteStep={15} />See the API reference for showSeconds, minuteStep, secondStep, and use24Hour.