Usage
DateTimeInput when the operator must commit one moment. The field shows the date and the time together and stores a Date. Confirm mode adds a time field under the calendar, with Reset, Clear and Apply. When timeZone is set, the zone name after the time uses the design system's monospace role.
Use DateInput when the time does not matter. Use TimeInput when the day is already chosen. Do not pair a calendar grid with native input type="time" elements; the field owns both.
Without confirm, the popover holds a calendar beside a time list; a pressed day or time commits at once. With confirm, a time field under the calendar edits the draft with Reset, Clear and Apply. Reset restores the value held when the popover opened and stays open. Clear, when clearLabel is set, empties the draft and stays open. Escape and an outside press close without committing. Apply is the only primary action; Reset and Clear are secondary, not destructive.