Docs
Date Time Field
Date Time Field
Date Time Field allows user to enter date and time value.
Installation
pnpm dlx cross-env REGISTRY_URL=https://ui-x.junwen-k.dev/r pnpm dlx shadcn@latest add date-picker
Usage
import {
DateTimeField,
DateTimeFieldAmPm,
DateTimeFieldDays,
DateTimeFieldHours,
DateTimeFieldMinutes,
DateTimeFieldMonths,
DateTimeFieldSeconds,
DateTimeFieldSeparator,
DateTimeFieldYears,
} from "@/components/ui/date-time-field"<DateTimeField>
<DateTimeFieldDays />
<DateTimeFieldSeparator>/</DateTimeFieldSeparator>
<DateTimeFieldMonths />
<DateTimeFieldSeparator>/</DateTimeFieldSeparator>
<DateTimeFieldYears />
<DateTimeFieldSeparator>·</DateTimeFieldSeparator>
<DateTimeFieldHours />
<DateTimeFieldSeparator>:</DateTimeFieldSeparator>
<DateTimeFieldMinutes />
<DateTimeFieldSeparator>:</DateTimeFieldSeparator>
<DateTimeFieldSeconds />
<DateTimeFieldAmPm />
</DateTimeField>