DateTimePicker

DateTimePicker is the combined date + time control. One typeable field opens a Popover that pairs the Calendar (date) with a TimeField (time): picking a day keeps the current time, editing the time keeps the day, and the committed value is a single native Date carrying both. A format prop (date + time tokens like MM/dd/yyyy HH:mm) drives the field's display/parse/placeholder; timeFormat drives the inner time field.

It's built on the same field + popover shell as DatePicker (and reuses TimeField), so it matches the rest of the form family. Use DatePicker when there's no time, and TimeField/TimePicker when there's no date.

Pair with a Label and choose a format that shows both parts (date + time). Constrain the date with minDate/maxDate/isDateUnavailable. The field is fully keyboard-operable (ArrowDown opens, Enter commits, Escape closes); inside the popover the calendar and the time field are separate, each operable on its own. Reflect validity with aria-invalid + a described message.

Wire format: local wall time, no Z. With name, the hidden form input posts yyyy-MM-dd'T'HH:mm:ss (the <input type="datetime-local"> wire format) — exactly what the user expressed, never silently converted to UTC. If your backend wants a UTC instant, convert the Date from onValueChange yourself; that's a consumer decision, not the library default.