Date Picker

import { DatePicker } from "@/ui/DatePicker";

<DatePicker.Root
  label="Due date"
  value={dueDate}
  onChange={(event) => setDueDate(event.target.value)}
/>

function DatePickerRoot(props: React.InputHTMLAttributes<HTMLInputElement>) {
  return <input type="date" className="h-10 w-full rounded-lg border border-slate-200 px-3.5 text-sm" {...props} />;
}

type DatePickerCompound = typeof DatePickerRoot & { Root: typeof DatePickerRoot };
export const DatePicker = Object.assign(DatePickerRoot, { Root: DatePickerRoot }) as DatePickerCompound;