export const datePickerRoot = "w-full flex flex-col gap-2.5";
export const datePickerLabel = "";
export const datePickerControl = "flex gap-2.5";
export const datePickerInput = "";
export const datePickerTrigger = "border border-foreground/15 bg-background";
export const datePickerClearTrigger =
  "border border-foreground/15 bg-background";
export const datePickerPositioner = "!z-50 !w-auto";
export const datePickerContent =
  "min-w-(--reference-width) p-0 z-(--layer-index) [&>div]:p-4 [&>div]:grid [&>div]:grid-cols-2 [&>div]:gap-x-2.5 [&>div]:gap-y-3 [&>div>div]:col-span-2";
export const datePickerYearSelect =
  "shadow-none w-auto inline px-3 py-1.5 h-auto mb-2.5";
export const datePickerMonthSelect =
  "shadow-none w-auto inline px-3 py-1.5 h-auto mb-2.5";
export const datePickerView = "flex flex-col gap-2";
export const datePickerViewControl = "flex";
export const datePickerPresetTrigger =
  "border border-foreground/15 bg-background";
export const datePickerPrevTrigger =
  "px-2.5 py-1.5 rounded-lg hover:bg-foreground/5 cursor-pointer [&>svg]:size-4 [&>svg]:stroke-[1.5]";
export const datePickerViewTrigger =
  "mx-auto px-4 py-1.5 rounded-lg hover:bg-foreground/5 cursor-pointer [&>svg]:size-4 [&>svg]:stroke-[1.5]";
export const datePickerNextTrigger =
  "px-2.5 py-1.5 rounded-lg hover:bg-foreground/5 cursor-pointer [&>svg]:size-4 [&>svg]:stroke-[1.5]";
export const datePickerRangeText = "mx-auto font-medium";
export const datePickerTable =
  "w-full text-center border-separate border-spacing-y-2 border-spacing-x-1.5";
export const datePickerTableHead = "";
export const datePickerTableRow = "";
export const datePickerTableHeader = "font-normal opacity-70";
export const datePickerTableBody = "";
export const datePickerTableCell = "";
export const datePickerTableCellTrigger =
  "px-1.5 py-1 rounded-lg hover:bg-foreground/5 cursor-pointer data-[selected]:bg-foreground/70 data-[in-range]:bg-foreground/10 data-[selected]:text-background data-[disabled]:opacity-70";
