DatePickerOption() — supabase Function Reference

Source Code

apps/studio/components/grid/components/header/filter/FilterPopoverNew.tsx lines 61–84

function DatePickerOption({ onChange, onCancel, search }: CustomOptionProps) {
  const [date, setDate] = useState<Date | undefined>(search ? new Date(search) : undefined)

  return (
    <div className="w-[300px] space-y-4">
      <Calendar
        autoFocus
        mode="single"
        defaultMonth={date}
        selected={date}
        onSelect={setDate}
        className="w-full"
      />
      <div className="flex justify-end gap-2 py-3 px-4 border-t">
        <Button type="default" onClick={onCancel}>
          Cancel
        </Button>
        <Button type="primary" onClick={() => onChange(date ? format(date, 'yyyy-MM-dd') : '')}>
          Apply
        </Button>
      </div>
    </div>
  )
}