DatePickerDemo() — supabase Function Reference

Source Code

apps/design-system/registry/default/example/date-picker-demo.tsx lines 16–38

export default function DatePickerDemo() {
  const [date, setDate] = React.useState<Date>()

  return (
    <Popover_Shadcn_>
      <PopoverTrigger_Shadcn_ asChild>
        <Button
          type={'outline'}
          className={cn(
            'w-[280px] justify-start text-left font-normal',
            !date && 'text-muted-foreground'
          )}
          icon={<CalendarIcon className="h-4 w-4" />}
        >
          {date ? format(date, 'PPP') : <span>Pick a date</span>}
        </Button>
      </PopoverTrigger_Shadcn_>
      <PopoverContent_Shadcn_ className="w-auto p-0">
        <Calendar mode="single" selected={date} onSelect={setDate} initialFocus />
      </PopoverContent_Shadcn_>
    </Popover_Shadcn_>
  )
}