Calendar

'use client'

import { DatePicker } from '@/components/ui/date-picker'

// A fixed date keeps the example (and its screenshots) stable.
const today = new Date(2026, 9, 3)

export default function DatePickerBasic() {
  return (
    <div className="flex w-full max-w-xs flex-col gap-6">
      <DatePicker label="Invoice due date" name="dueDate" defaultValue={new Date(2026, 9, 31)} />
      <DatePicker
        label="Start date"
        placeholder="Choose a start date"
        calendarProps={{ disabled: { before: today }, defaultMonth: today }}
      />
    </div>
  )
}