Components
Loading preview...
A date field allows users to enter and edit date and time values using a keyboard. Each part of a date value is displayed in an individually editable segment.
@jolbol1
npx shadcn@latest add https://21st.dev/r/jolbol1/datefieldimport { DateField, DateInput } from "@/components/ui/datefield"
import { Label } from "@/components/ui/field"
export function DateFieldDemo() {
return (
<DateField className={"min-w-[150px] space-y-1"}>
<Label>Birth date</Label>
<DateInput />
</DateField>
)
}