Headcode CMSDate Picker
The Date Picker Field allows selecting a date or date range.
It can use a custom or shadcn/ui‑based date picker component.
Installation
Included in Headcode CMS Starter, no setup needed.
Usage
eventSection.tsx
export const eventSection = { name: 'event', label: 'Event Details', fields: { date: DatePickerField({ label: 'Event Date', }), },};Options
eventSection.tsx
DatePickerField({ label: 'Date', validator: z.date().min(Date.now),});