DateField
Segmented date/time text entry primitive. Prefer InputDate/InputDateRange for forms.
Import
import { DateField, DateInput, DateSegment, TimeField } from "@repo/design-system/components/ui/datefield";Segmented entry: each segment (month, day, year) is typed and navigated independently with the keyboard.
Date Field
mmddyyyy
Zero-Padded Segments
mmddyyyy
Time Field
––––AM
Disabled
mmddyyyy