jaci-ui 0.3.0 → 0.4.0

package/dist/components/date-range-picker/date-range-picker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.cjs","names":["isBeforeDay","isAfterDay","startOfMonth","dateRangePicker","createCalendarDate","addMonths","addDays","dateKey","BasePopover","toInputDate","cx","withRecipeClassName","formatDateLabel","getMonthLabels","isSameDay","getCalendarDays","getWeekdayLabels","formatMonthLabel"],"sources":["../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dateRangePicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport {\n  addDays,\n  addMonths,\n  createCalendarDate,\n  dateKey,\n  formatDateLabel,\n  formatMonthLabel,\n  getCalendarDays,\n  getMonthLabels,\n  getWeekdayLabels,\n  isAfterDay,\n  isBeforeDay,\n  isSameDay,\n  startOfMonth,\n  toInputDate,\n} from \"../date-picker/date-utils\";\n\nexport interface DateRange {\n  start: Date | null;\n  end: Date | null;\n}\n\nexport interface DateRangePickerYearRange {\n  start: number;\n  end: number;\n}\n\nexport interface DateRangePickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n  value?: DateRange;\n  defaultValue?: DateRange;\n  onValueChange?: (range: DateRange) => void;\n  referenceDate?: Date;\n  locale?: string;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  minDate?: Date;\n  maxDate?: Date;\n  isDateDisabled?: (date: Date) => boolean;\n  yearRange?: DateRangePickerYearRange;\n  closeOnSelect?: boolean;\n  name?: string;\n  disabled?: boolean;\n  placeholder?: ReactNode;\n  children?: ReactNode;\n}\n\ninterface DateRangePickerContextValue {\n  canNavigate: (amount: number) => boolean;\n  close: () => void;\n  dateDisabled: (date: Date) => boolean;\n  disabled: boolean;\n  focusDate: (date: Date, direction?: number) => void;\n  focusedDate: Date;\n  hoveredDate: Date | null;\n  locale: string;\n  maxDate: Date | undefined;\n  minDate: Date | undefined;\n  month: Date;\n  monthDisabled: (date: Date) => boolean;\n  onSelect: (date: Date) => void;\n  range: DateRange;\n  selectMonth: (month: number) => void;\n  selectYear: (year: number) => void;\n  setMonth: (date: Date) => void;\n  setHoveredDate: (date: Date | null) => void;\n  setRange: (range: DateRange) => void;\n  styles: ReturnType<typeof dateRangePicker>;\n  today: Date;\n  triggerId: string;\n  weekStartsOn: number;\n  yearRange: DateRangePickerYearRange;\n  registerDay: (key: string, node: HTMLButtonElement | null) => void;\n}\n\nconst DateRangePickerContext = createContext<DateRangePickerContextValue | null>(null);\n\nfunction useDateRangePickerContext() {\n  const context = useContext(DateRangePickerContext);\n  if (!context)\n    throw new Error(\"DateRangePicker parts must be rendered inside DateRangePicker.Root.\");\n  return context;\n}\n\nfunction sameMonth(left: Date, right: Date) {\n  return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();\n}\n\nfunction dateInRange(date: Date, range: DateRange, preview: Date | null) {\n  const end = range.end ?? preview;\n  return Boolean(range.start && end && !isBeforeDay(date, range.start) && !isAfterDay(date, end));\n}\n\nexport function DateRangePickerRoot({\n  children,\n  closeOnSelect = true,\n  defaultValue = { start: null, end: null },\n  disabled = false,\n  isDateDisabled,\n  locale = \"pt-BR\",\n  maxDate,\n  minDate,\n  name,\n  onValueChange,\n  referenceDate,\n  value: controlledValue,\n  weekStartsOn = 0,\n  yearRange: configuredYearRange,\n  ...popoverProps\n}: DateRangePickerRootProps) {\n  const [uncontrolledRange, setUncontrolledRange] = useState<DateRange>(defaultValue);\n  const range = controlledValue ?? uncontrolledRange;\n  const initialDate = range.start ?? referenceDate ?? new Date();\n  const [month, setMonthState] = useState(() => startOfMonth(initialDate));\n  const [focusedDate, setFocusedDate] = useState(range.start ?? initialDate);\n  const [hoveredDate, setHoveredDate] = useState<Date | null>(null);\n  const dayRefs = useRef(new Map<string, HTMLButtonElement>());\n  const actionsRef = useRef<BasePopoverRoot.Actions | null>(null);\n  const triggerId = useId();\n  const styles = dateRangePicker();\n  const today = useMemo(() => referenceDate ?? new Date(), [referenceDate]);\n  const minMonth = minDate ? startOfMonth(minDate) : undefined;\n  const maxMonth = maxDate ? startOfMonth(maxDate) : undefined;\n  const yearRange = useMemo(() => {\n    const start = configuredYearRange?.start ?? today.getFullYear() - 100;\n    const end = configuredYearRange?.end ?? today.getFullYear() + 20;\n    const years = [\n      range.start?.getFullYear(),\n      range.end?.getFullYear(),\n      minDate?.getFullYear(),\n      maxDate?.getFullYear(),\n    ].filter((year): year is number => year !== undefined);\n    return { start: Math.min(start, end, ...years), end: Math.max(start, end, ...years) };\n  }, [\n    configuredYearRange?.end,\n    configuredYearRange?.start,\n    maxDate,\n    minDate,\n    range.end,\n    range.start,\n    today,\n  ]);\n\n  const dateDisabled = useCallback(\n    (date: Date) =>\n      Boolean(\n        (minDate && isBeforeDay(date, minDate)) ||\n          (maxDate && isAfterDay(date, maxDate)) ||\n          isDateDisabled?.(date),\n      ),\n    [isDateDisabled, maxDate, minDate],\n  );\n  const monthDisabled = useCallback(\n    (date: Date) => {\n      const first = startOfMonth(date);\n      const last = createCalendarDate(date.getFullYear(), date.getMonth() + 1, 0);\n      return Boolean(\n        (minDate && isBeforeDay(last, minDate)) || (maxDate && isAfterDay(first, maxDate)),\n      );\n    },\n    [maxDate, minDate],\n  );\n  const clampMonth = useCallback(\n    (date: Date) => {\n      const normalized = startOfMonth(date);\n      if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;\n      if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;\n      return normalized;\n    },\n    [maxMonth, minMonth],\n  );\n  const setMonth = useCallback((date: Date) => setMonthState(clampMonth(date)), [clampMonth]);\n  const canNavigate = useCallback(\n    (amount: number) => {\n      const next = addMonths(month, amount);\n      return (\n        !(minMonth && isBeforeDay(next, minMonth)) && !(maxMonth && isAfterDay(next, maxMonth))\n      );\n    },\n    [maxMonth, minMonth, month],\n  );\n  const setRange = useCallback(\n    (nextRange: DateRange) => {\n      if (controlledValue === undefined) setUncontrolledRange(nextRange);\n      onValueChange?.(nextRange);\n    },\n    [controlledValue, onValueChange],\n  );\n  const close = useCallback(() => actionsRef.current?.close(), []);\n  const onSelect = useCallback(\n    (date: Date) => {\n      if (disabled || dateDisabled(date)) return;\n      const nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      let nextRange: DateRange;\n      if (!range.start || range.end) nextRange = { start: nextDate, end: null };\n      else if (isBeforeDay(nextDate, range.start)) nextRange = { start: nextDate, end: null };\n      else nextRange = { start: range.start, end: nextDate };\n      setRange(nextRange);\n      setFocusedDate(nextDate);\n      setMonth(nextDate);\n      setHoveredDate(null);\n      if (nextRange.start && nextRange.end && closeOnSelect) close();\n    },\n    [close, closeOnSelect, dateDisabled, disabled, range.end, range.start, setMonth, setRange],\n  );\n  const focusDate = useCallback(\n    (date: Date, direction = 1) => {\n      let next = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      const step = direction < 0 ? -1 : 1;\n      let attempts = 0;\n      while (dateDisabled(next) && attempts < 366) {\n        next = addDays(next, step);\n        attempts += 1;\n      }\n      setFocusedDate(next);\n      setMonth(next);\n      const focusTarget = () => dayRefs.current.get(dateKey(next))?.focus();\n      focusTarget();\n      queueMicrotask(focusTarget);\n    },\n    [dateDisabled, setMonth],\n  );\n  const selectMonth = useCallback(\n    (monthIndex: number) => setMonth(createCalendarDate(month.getFullYear(), monthIndex, 1)),\n    [month, setMonth],\n  );\n  const selectYear = useCallback(\n    (year: number) => setMonth(createCalendarDate(year, month.getMonth(), 1)),\n    [month, setMonth],\n  );\n  const registerDay = useCallback((key: string, node: HTMLButtonElement | null) => {\n    if (node) dayRefs.current.set(key, node);\n    else dayRefs.current.delete(key);\n  }, []);\n\n  useEffect(() => {\n    const selected = range.end ?? range.start;\n    if (!selected) return;\n    setFocusedDate(selected);\n    setMonthState((current) => (sameMonth(current, selected) ? current : clampMonth(selected)));\n  }, [clampMonth, range.end, range.start]);\n\n  const context: DateRangePickerContextValue = {\n    canNavigate,\n    close,\n    dateDisabled,\n    disabled,\n    focusDate,\n    focusedDate,\n    hoveredDate,\n    locale,\n    maxDate,\n    minDate,\n    month,\n    monthDisabled,\n    onSelect,\n    range,\n    registerDay,\n    selectMonth,\n    selectYear,\n    setHoveredDate,\n    setMonth,\n    setRange,\n    styles,\n    today,\n    triggerId,\n    weekStartsOn,\n    yearRange,\n  };\n\n  return (\n    <DateRangePickerContext.Provider value={context}>\n      <BasePopover.Root {...popoverProps} actionsRef={actionsRef}>\n        {children}\n      </BasePopover.Root>\n      {name ? (\n        <>\n          <input\n            disabled={disabled}\n            name={`${name}[start]`}\n            type=\"hidden\"\n            value={toInputDate(range.start)}\n          />\n          <input\n            disabled={disabled}\n            name={`${name}[end]`}\n            type=\"hidden\"\n            value={toInputDate(range.end)}\n          />\n        </>\n      ) : null}\n    </DateRangePickerContext.Provider>\n  );\n}\n\nexport type DateRangePickerLabelProps = ComponentPropsWithoutRef<\"label\">;\nexport const DateRangePickerLabel = forwardRef<HTMLLabelElement, DateRangePickerLabelProps>(\n  function DateRangePickerLabel({ className, ...props }, ref) {\n    const { styles, triggerId } = useDateRangePickerContext();\n    return (\n      // biome-ignore lint/a11y/noLabelWithoutControl: the consumer renders the trigger/control in this composition.\n      <label\n        {...props}\n        className={cx(styles.label, className)}\n        data-slot=\"date-range-picker-label\"\n        htmlFor={props.htmlFor ?? triggerId}\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type DateRangePickerControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerControl = forwardRef<HTMLDivElement, DateRangePickerControlProps>(\n  function DateRangePickerControl({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.control, className)}\n        data-slot=\"date-range-picker-control\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type DateRangePickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\nexport const DateRangePickerTrigger = forwardRef<HTMLButtonElement, DateRangePickerTriggerProps>(\n  function DateRangePickerTrigger({ children, className, disabled, id, ...props }, ref) {\n    const { disabled: pickerDisabled, styles, triggerId } = useDateRangePickerContext();\n    return (\n      <BasePopover.Trigger\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Choose date range\"}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-jaci-component=\"date-range-picker\"\n        data-slot=\"date-range-picker-trigger\"\n        disabled={disabled ?? pickerDisabled}\n        id={id ?? triggerId}\n        ref={ref}\n      >\n        {children ?? (\n          <>\n            <DateRangePickerValue />\n            <span aria-hidden=\"true\">▾</span>\n          </>\n        )}\n      </BasePopover.Trigger>\n    );\n  },\n);\n\nexport interface DateRangePickerValueProps extends ComponentPropsWithoutRef<\"span\"> {\n  placeholder?: ReactNode;\n}\nexport const DateRangePickerValue = forwardRef<HTMLSpanElement, DateRangePickerValueProps>(\n  function DateRangePickerValue({ children, className, placeholder, ...props }, ref) {\n    const { locale, range, styles } = useDateRangePickerContext();\n    const value =\n      children ??\n      (range.start && range.end\n        ? `${formatDateLabel(range.start, locale, \"\")} – ${formatDateLabel(range.end, locale, \"\")}`\n        : range.start\n          ? `${formatDateLabel(range.start, locale, \"\")} – …`\n          : (placeholder ?? \"Select a date range\"));\n    return (\n      <span\n        {...props}\n        className={cx(styles.value, className)}\n        data-placeholder={range.start ? undefined : \"true\"}\n        data-slot=\"date-range-picker-value\"\n        ref={ref}\n      >\n        {value}\n      </span>\n    );\n  },\n);\n\nexport type DateRangePickerClearProps = ComponentPropsWithoutRef<\"button\">;\nexport const DateRangePickerClear = forwardRef<HTMLButtonElement, DateRangePickerClearProps>(\n  function DateRangePickerClear({ children = \"×\", className, disabled, onClick, ...props }, ref) {\n    const {\n      disabled: pickerDisabled,\n      range,\n      setRange,\n      styles,\n      close,\n    } = useDateRangePickerContext();\n    return (\n      <button\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Clear date range\"}\n        className={cx(styles.clear, className)}\n        data-slot=\"date-range-picker-clear\"\n        disabled={disabled || pickerDisabled || (!range.start && !range.end)}\n        onClick={(event) => {\n          setRange({ start: null, end: null });\n          close();\n          onClick?.(event);\n        }}\n        ref={ref}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport type DateRangePickerPortalProps = ComponentPropsWithoutRef<typeof BasePopover.Portal>;\nexport const DateRangePickerPortal = BasePopover.Portal;\nexport type DateRangePickerPositionerProps = ComponentPropsWithoutRef<\n  typeof BasePopover.Positioner\n>;\nexport const DateRangePickerPositioner = forwardRef<HTMLDivElement, DateRangePickerPositionerProps>(\n  function DateRangePickerPositioner({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <BasePopover.Positioner\n        {...props}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"date-range-picker-positioner\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type DateRangePickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\nexport const DateRangePickerPopup = forwardRef<HTMLDivElement, DateRangePickerPopupProps>(\n  function DateRangePickerPopup({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <BasePopover.Popup\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Calendar\"}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"date-range-picker-popup\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type DateRangePickerCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\nexport const DateRangePickerClose = forwardRef<HTMLButtonElement, DateRangePickerCloseProps>(\n  function DateRangePickerClose({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <BasePopover.Close\n        {...props}\n        className={withRecipeClassName(styles.close, className)}\n        data-slot=\"date-range-picker-close\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type DateRangePickerHeaderProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerHeader = forwardRef<HTMLDivElement, DateRangePickerHeaderProps>(\n  function DateRangePickerHeader({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.header, className)}\n        data-slot=\"date-range-picker-header\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type DateRangePickerNavigationProps = ComponentPropsWithoutRef<\"button\"> & {\n  amount?: number;\n};\nconst DateRangePickerNavigationButton = forwardRef<\n  HTMLButtonElement,\n  DateRangePickerNavigationProps\n>(function DateRangePickerNavigationButton(\n  { amount = 1, children, className, onClick, ...props },\n  ref,\n) {\n  const { canNavigate, month, setMonth, styles } = useDateRangePickerContext();\n  const isDisabled = props.disabled || !canNavigate(amount);\n  return (\n    <button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? (amount < 0 ? \"Previous month\" : \"Next month\")}\n      className={cx(styles.navigation, className)}\n      data-slot={amount < 0 ? \"date-range-picker-previous\" : \"date-range-picker-next\"}\n      disabled={isDisabled}\n      onClick={(event) => {\n        if (!isDisabled) setMonth(addMonths(month, amount));\n        onClick?.(event);\n      }}\n      ref={ref}\n      type=\"button\"\n    >\n      {children ?? (amount < 0 ? \"‹\" : \"›\")}\n    </button>\n  );\n});\nexport const DateRangePickerPrevious = forwardRef<\n  HTMLButtonElement,\n  DateRangePickerNavigationProps\n>(function DateRangePickerPrevious(props, ref) {\n  return <DateRangePickerNavigationButton {...props} amount={-1} ref={ref} />;\n});\nexport const DateRangePickerNext = forwardRef<HTMLButtonElement, DateRangePickerNavigationProps>(\n  function DateRangePickerNext(props, ref) {\n    return <DateRangePickerNavigationButton {...props} amount={1} ref={ref} />;\n  },\n);\nexport type DateRangePickerMonthSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerMonthSelect = forwardRef<\n  HTMLSelectElement,\n  DateRangePickerMonthSelectProps\n>(function DateRangePickerMonthSelect({ className, ...props }, ref) {\n  const { locale, month, monthDisabled, selectMonth, styles } = useDateRangePickerContext();\n  const labels = getMonthLabels(locale);\n  return (\n    <select\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Select month\"}\n      className={cx(styles.monthSelect, className)}\n      data-slot=\"date-range-picker-month-select\"\n      onChange={(event) => selectMonth(Number(event.currentTarget.value))}\n      ref={ref}\n      value={month.getMonth()}\n    >\n      {labels.map((label, index) => (\n        <option\n          disabled={monthDisabled(createCalendarDate(month.getFullYear(), index, 1))}\n          key={label}\n          value={index}\n        >\n          {label}\n        </option>\n      ))}\n    </select>\n  );\n});\nexport type DateRangePickerYearSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerYearSelect = forwardRef<\n  HTMLSelectElement,\n  DateRangePickerYearSelectProps\n>(function DateRangePickerYearSelect({ className, ...props }, ref) {\n  const { month, monthDisabled, selectYear, styles, yearRange } = useDateRangePickerContext();\n  const years = Array.from(\n    { length: yearRange.end - yearRange.start + 1 },\n    (_, index) => yearRange.start + index,\n  );\n  return (\n    <select\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Select year\"}\n      className={cx(styles.yearSelect, className)}\n      data-slot=\"date-range-picker-year-select\"\n      onChange={(event) => selectYear(Number(event.currentTarget.value))}\n      ref={ref}\n      value={month.getFullYear()}\n    >\n      {years.map((year) => (\n        <option\n          disabled={monthDisabled(createCalendarDate(year, month.getMonth(), 1))}\n          key={year}\n          value={year}\n        >\n          {year}\n        </option>\n      ))}\n    </select>\n  );\n});\n\nexport interface DateRangePickerDayProps extends Omit<ComponentPropsWithoutRef<\"button\">, \"value\"> {\n  date: Date;\n}\nexport const DateRangePickerDay = forwardRef<HTMLButtonElement, DateRangePickerDayProps>(\n  function DateRangePickerDay(\n    { children, className, date, disabled, onClick, onKeyDown, onMouseEnter, ...props },\n    ref,\n  ) {\n    const {\n      dateDisabled,\n      disabled: pickerDisabled,\n      focusDate,\n      focusedDate,\n      hoveredDate,\n      locale,\n      month,\n      range,\n      onSelect,\n      registerDay,\n      setHoveredDate,\n      styles,\n      today,\n      weekStartsOn,\n    } = useDateRangePickerContext();\n    const key = dateKey(date);\n    const isDisabled = Boolean(disabled || pickerDisabled || dateDisabled(date));\n    const isStart = Boolean(range.start && isSameDay(date, range.start));\n    const isEnd = Boolean(range.end && isSameDay(date, range.end));\n    const inRange = dateInRange(date, range, hoveredDate);\n    const outsideMonth = !sameMonth(date, month);\n    const isFocused = isSameDay(date, focusedDate);\n    const isToday = isSameDay(date, today);\n    return (\n      // biome-ignore lint/a11y/useSemanticElements: the roving button is the interactive grid cell.\n      <button\n        {...props}\n        aria-label={\n          props[\"aria-label\"] ?? new Intl.DateTimeFormat(locale, { dateStyle: \"full\" }).format(date)\n        }\n        aria-current={isToday ? \"date\" : undefined}\n        aria-selected={isStart || isEnd}\n        className={cx(styles.day, className)}\n        data-date={key}\n        data-disabled={isDisabled || undefined}\n        data-in-range={inRange || undefined}\n        data-outside-month={outsideMonth || undefined}\n        data-range-end={isEnd || undefined}\n        data-range-start={isStart || undefined}\n        data-slot=\"date-range-picker-day\"\n        data-today={isToday || undefined}\n        disabled={isDisabled}\n        onClick={(event) => {\n          onSelect(date);\n          onClick?.(event);\n        }}\n        onKeyDown={(event) => {\n          if (!event.defaultPrevented) {\n            let nextDate: Date | undefined;\n            switch (event.key) {\n              case \"ArrowLeft\":\n                nextDate = addDays(date, -1);\n                break;\n              case \"ArrowRight\":\n                nextDate = addDays(date, 1);\n                break;\n              case \"ArrowUp\":\n                nextDate = addDays(date, -7);\n                break;\n              case \"ArrowDown\":\n                nextDate = addDays(date, 7);\n                break;\n              case \"Home\":\n                nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));\n                break;\n              case \"End\":\n                nextDate = addDays(date, 6 - ((date.getDay() - weekStartsOn + 7) % 7));\n                break;\n              case \"PageUp\":\n                nextDate = addMonths(date, event.shiftKey ? -12 : -1);\n                break;\n              case \"PageDown\":\n                nextDate = addMonths(date, event.shiftKey ? 12 : 1);\n                break;\n              case \"Enter\":\n              case \" \":\n                if (!isDisabled) {\n                  event.preventDefault();\n                  onSelect(date);\n                }\n                break;\n            }\n            if (nextDate) {\n              event.preventDefault();\n              focusDate(nextDate, nextDate < date ? -1 : 1);\n            }\n          }\n          onKeyDown?.(event);\n        }}\n        onMouseEnter={(event) => {\n          if (!isDisabled) setHoveredDate(date);\n          onMouseEnter?.(event);\n        }}\n        ref={(node) => {\n          registerDay(key, node);\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        role=\"gridcell\"\n        tabIndex={isFocused && !isDisabled ? 0 : -1}\n        type=\"button\"\n      >\n        {children ?? date.getDate()}\n      </button>\n    );\n  },\n);\n\nexport interface DateRangePickerCalendarProps\n  extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\"> {\n  \"aria-label\"?: string;\n}\nexport const DateRangePickerCalendar = forwardRef<HTMLElement, DateRangePickerCalendarProps>(\n  function DateRangePickerCalendar({ \"aria-label\": ariaLabel, className, ...props }, ref) {\n    const { locale, month, styles, weekStartsOn } = useDateRangePickerContext();\n    const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n    const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\n    return (\n      <section\n        {...props}\n        aria-label={ariaLabel ?? formatMonthLabel(month, locale)}\n        className={cx(styles.calendar, className)}\n        data-slot=\"date-range-picker-calendar\"\n        ref={ref}\n      >\n        <div aria-hidden=\"true\" className={styles.weekdays} data-slot=\"date-range-picker-weekdays\">\n          {weekdays.map((weekday) => (\n            <span className={styles.weekday} data-slot=\"date-range-picker-weekday\" key={weekday}>\n              {weekday}\n            </span>\n          ))}\n        </div>\n        {/* biome-ignore lint/a11y/useSemanticElements: the calendar uses the ARIA grid pattern. */}\n        <div\n          aria-label={formatMonthLabel(month, locale)}\n          className={styles.grid}\n          data-slot=\"date-range-picker-grid\"\n          role=\"grid\"\n        >\n          {days.map((date) => (\n            <DateRangePickerDay date={date} key={dateKey(date)} />\n          ))}\n        </div>\n      </section>\n    );\n  },\n);\n\nexport interface DateRangePickerPreviewProps extends ComponentPropsWithoutRef<\"div\"> {\n  children?: ReactNode;\n}\nexport const DateRangePickerPreview = forwardRef<HTMLDivElement, DateRangePickerPreviewProps>(\n  function DateRangePickerPreview({ children, className, ...props }, ref) {\n    const { hoveredDate, locale, range, styles } = useDateRangePickerContext();\n    const content =\n      children ??\n      (range.start\n        ? `${formatDateLabel(range.start, locale, \"\")} – ${range.end ? formatDateLabel(range.end, locale, \"\") : hoveredDate ? formatDateLabel(hoveredDate, locale, \"\") : \"…\"}`\n        : \"Select a start date\");\n    return (\n      <div\n        {...props}\n        aria-live=\"polite\"\n        className={cx(styles.preview, className)}\n        data-slot=\"date-range-picker-preview\"\n        ref={ref}\n      >\n        {content}\n      </div>\n    );\n  },\n);\n\nexport interface DateRangePickerInputProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"type\" | \"value\" | \"onChange\"> {\n  side: \"start\" | \"end\";\n}\nexport const DateRangePickerInput = forwardRef<HTMLInputElement, DateRangePickerInputProps>(\n  function DateRangePickerInput({ className, onBlur, onInput, side, ...props }, ref) {\n    const { disabled, range, setRange, styles } = useDateRangePickerContext();\n    const value = toInputDate(side === \"start\" ? range.start : range.end);\n    return (\n      <input\n        {...props}\n        aria-label={props[\"aria-label\"] ?? (side === \"start\" ? \"Start date\" : \"End date\")}\n        className={cx(styles.input, className)}\n        data-slot={`date-range-picker-${side}-input`}\n        disabled={disabled || props.disabled}\n        onChange={(event) => {\n          const [year, month, day] = event.currentTarget.value.split(\"-\").map(Number);\n          if (!year || !month || !day) return;\n          const date = createCalendarDate(year, month - 1, day);\n          setRange(\n            side === \"start\" ? { start: date, end: range.end } : { start: range.start, end: date },\n          );\n        }}\n        onBlur={onBlur}\n        onInput={onInput}\n        ref={ref}\n        type=\"date\"\n        value={value}\n      />\n    );\n  },\n);\n\nexport const DateRangePickerStartInput = forwardRef<\n  HTMLInputElement,\n  Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerStartInput(props, ref) {\n  return <DateRangePickerInput {...props} ref={ref} side=\"start\" />;\n});\nexport const DateRangePickerEndInput = forwardRef<\n  HTMLInputElement,\n  Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerEndInput(props, ref) {\n  return <DateRangePickerInput {...props} ref={ref} side=\"end\" />;\n});\n\nexport const DateRangePicker = {\n  Root: DateRangePickerRoot,\n  Label: DateRangePickerLabel,\n  Control: DateRangePickerControl,\n  Trigger: DateRangePickerTrigger,\n  Value: DateRangePickerValue,\n  Clear: DateRangePickerClear,\n  Portal: DateRangePickerPortal,\n  Positioner: DateRangePickerPositioner,\n  Popup: DateRangePickerPopup,\n  Close: DateRangePickerClose,\n  Header: DateRangePickerHeader,\n  Previous: DateRangePickerPrevious,\n  Next: DateRangePickerNext,\n  MonthSelect: DateRangePickerMonthSelect,\n  YearSelect: DateRangePickerYearSelect,\n  Calendar: DateRangePickerCalendar,\n  Day: DateRangePickerDay,\n  Preview: DateRangePickerPreview,\n  StartInput: DateRangePickerStartInput,\n  EndInput: DateRangePickerEndInput,\n};\n"],"mappings":"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"}

package/dist/components/date-range-picker/date-range-picker.d.cts

@@ -0,0 +1,134 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Popover, PopoverRoot } from "@base-ui/react/popover";
+//#region src/components/date-range-picker/date-range-picker.d.ts
+interface DateRange {
+  start: Date | null;
+  end: Date | null;
+}
+interface DateRangePickerYearRange {
+  start: number;
+  end: number;
+}
+interface DateRangePickerRootProps extends Omit<PopoverRoot.Props, "children"> {
+  value?: DateRange;
+  defaultValue?: DateRange;
+  onValueChange?: (range: DateRange) => void;
+  referenceDate?: Date;
+  locale?: string;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  minDate?: Date;
+  maxDate?: Date;
+  isDateDisabled?: (date: Date) => boolean;
+  yearRange?: DateRangePickerYearRange;
+  closeOnSelect?: boolean;
+  name?: string;
+  disabled?: boolean;
+  placeholder?: ReactNode;
+  children?: ReactNode;
+}
+declare function DateRangePickerRoot({ children, closeOnSelect, defaultValue, disabled, isDateDisabled, locale, maxDate, minDate, name, onValueChange, referenceDate, value: controlledValue, weekStartsOn, yearRange: configuredYearRange, ...popoverProps }: DateRangePickerRootProps): import("react").JSX.Element;
+type DateRangePickerLabelProps = ComponentPropsWithoutRef<"label">;
+declare const DateRangePickerLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+type DateRangePickerControlProps = ComponentPropsWithoutRef<"div">;
+declare const DateRangePickerControl: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DateRangePickerTriggerProps = ComponentPropsWithoutRef<typeof Popover.Trigger>;
+declare const DateRangePickerTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/internals/types").NativeButtonProps & Omit<import("@base-ui/react/internals/types").WithBaseUIEvent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "style" | "defaultChecked" | "defaultValue" | "className" | "color"> & {
+  className?: string | ((state: import("@base-ui/react").PopoverTriggerState) => string | undefined) | undefined;
+  render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, import("@base-ui/react").PopoverTriggerState> | undefined;
+  style?: import("react").CSSProperties | ((state: import("@base-ui/react").PopoverTriggerState) => React.CSSProperties | undefined) | undefined;
+} & {
+  nativeButton?: boolean | undefined;
+  handle?: Popover.Handle<unknown> | undefined;
+  payload?: unknown;
+  id?: string | undefined;
+  openOnHover?: boolean | undefined;
+  delay?: number | undefined;
+  closeDelay?: number | undefined;
+} & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+interface DateRangePickerValueProps extends ComponentPropsWithoutRef<"span"> {
+  placeholder?: ReactNode;
+}
+declare const DateRangePickerValue: import("react").ForwardRefExoticComponent<DateRangePickerValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+type DateRangePickerClearProps = ComponentPropsWithoutRef<"button">;
+declare const DateRangePickerClear: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type DateRangePickerPortalProps = ComponentPropsWithoutRef<typeof Popover.Portal>;
+declare const DateRangePickerPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DateRangePickerPositionerProps = ComponentPropsWithoutRef<typeof Popover.Positioner>;
+declare const DateRangePickerPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DateRangePickerPopupProps = ComponentPropsWithoutRef<typeof Popover.Popup>;
+declare const DateRangePickerPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DateRangePickerCloseProps = ComponentPropsWithoutRef<typeof Popover.Close>;
+declare const DateRangePickerClose: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type DateRangePickerHeaderProps = ComponentPropsWithoutRef<"div">;
+declare const DateRangePickerHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DateRangePickerNavigationProps = ComponentPropsWithoutRef<"button"> & {
+  amount?: number;
+};
+declare const DateRangePickerPrevious: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+  amount?: number;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DateRangePickerNext: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+  amount?: number;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+type DateRangePickerMonthSelectProps = Omit<ComponentPropsWithoutRef<"select">, "children" | "onChange" | "value">;
+declare const DateRangePickerMonthSelect: import("react").ForwardRefExoticComponent<DateRangePickerMonthSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+type DateRangePickerYearSelectProps = Omit<ComponentPropsWithoutRef<"select">, "children" | "onChange" | "value">;
+declare const DateRangePickerYearSelect: import("react").ForwardRefExoticComponent<DateRangePickerYearSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+interface DateRangePickerDayProps extends Omit<ComponentPropsWithoutRef<"button">, "value"> {
+  date: Date;
+}
+declare const DateRangePickerDay: import("react").ForwardRefExoticComponent<DateRangePickerDayProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface DateRangePickerCalendarProps extends Omit<ComponentPropsWithoutRef<"section">, "children"> {
+  "aria-label"?: string;
+}
+declare const DateRangePickerCalendar: import("react").ForwardRefExoticComponent<DateRangePickerCalendarProps & import("react").RefAttributes<HTMLElement>>;
+interface DateRangePickerPreviewProps extends ComponentPropsWithoutRef<"div"> {
+  children?: ReactNode;
+}
+declare const DateRangePickerPreview: import("react").ForwardRefExoticComponent<DateRangePickerPreviewProps & import("react").RefAttributes<HTMLDivElement>>;
+interface DateRangePickerInputProps extends Omit<ComponentPropsWithoutRef<"input">, "type" | "value" | "onChange"> {
+  side: "start" | "end";
+}
+declare const DateRangePickerStartInput: import("react").ForwardRefExoticComponent<Omit<DateRangePickerInputProps, "side"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const DateRangePickerEndInput: import("react").ForwardRefExoticComponent<Omit<DateRangePickerInputProps, "side"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const DateRangePicker: {
+  Root: typeof DateRangePickerRoot;
+  Label: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+  Control: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/internals/types").NativeButtonProps & Omit<import("@base-ui/react/internals/types").WithBaseUIEvent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "style" | "defaultChecked" | "defaultValue" | "className" | "color"> & {
+    className?: string | ((state: import("@base-ui/react").PopoverTriggerState) => string | undefined) | undefined;
+    render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, import("@base-ui/react").PopoverTriggerState> | undefined;
+    style?: import("react").CSSProperties | ((state: import("@base-ui/react").PopoverTriggerState) => React.CSSProperties | undefined) | undefined;
+  } & {
+    nativeButton?: boolean | undefined;
+    handle?: Popover.Handle<unknown> | undefined;
+    payload?: unknown;
+    id?: string | undefined;
+    openOnHover?: boolean | undefined;
+    delay?: number | undefined;
+    closeDelay?: number | undefined;
+  } & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Value: import("react").ForwardRefExoticComponent<DateRangePickerValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+  Clear: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Close: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Previous: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    amount?: number;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  Next: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    amount?: number;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  MonthSelect: import("react").ForwardRefExoticComponent<DateRangePickerMonthSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+  YearSelect: import("react").ForwardRefExoticComponent<DateRangePickerYearSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+  Calendar: import("react").ForwardRefExoticComponent<DateRangePickerCalendarProps & import("react").RefAttributes<HTMLElement>>;
+  Day: import("react").ForwardRefExoticComponent<DateRangePickerDayProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Preview: import("react").ForwardRefExoticComponent<DateRangePickerPreviewProps & import("react").RefAttributes<HTMLDivElement>>;
+  StartInput: import("react").ForwardRefExoticComponent<Omit<DateRangePickerInputProps, "side"> & import("react").RefAttributes<HTMLInputElement>>;
+  EndInput: import("react").ForwardRefExoticComponent<Omit<DateRangePickerInputProps, "side"> & import("react").RefAttributes<HTMLInputElement>>;
+};
+//#endregion
+export { DateRange, DateRangePicker, DateRangePickerCalendar, DateRangePickerCalendarProps, DateRangePickerClear, DateRangePickerClearProps, DateRangePickerClose, DateRangePickerCloseProps, DateRangePickerControl, DateRangePickerControlProps, DateRangePickerDay, DateRangePickerDayProps, DateRangePickerEndInput, DateRangePickerHeader, DateRangePickerHeaderProps, DateRangePickerInputProps, DateRangePickerLabel, DateRangePickerLabelProps, DateRangePickerMonthSelect, DateRangePickerMonthSelectProps, DateRangePickerNavigationProps, DateRangePickerNext, DateRangePickerPopup, DateRangePickerPopupProps, DateRangePickerPortal, DateRangePickerPortalProps, DateRangePickerPositioner, DateRangePickerPositionerProps, DateRangePickerPreview, DateRangePickerPreviewProps, DateRangePickerPrevious, DateRangePickerRoot, DateRangePickerRootProps, DateRangePickerStartInput, DateRangePickerTrigger, DateRangePickerTriggerProps, DateRangePickerValue, DateRangePickerValueProps, DateRangePickerYearRange, DateRangePickerYearSelect, DateRangePickerYearSelectProps };
+//# sourceMappingURL=date-range-picker.d.cts.map

package/dist/components/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,134 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Popover, PopoverRoot } from "@base-ui/react/popover";
+//#region src/components/date-range-picker/date-range-picker.d.ts
+interface DateRange {
+  start: Date | null;
+  end: Date | null;
+}
+interface DateRangePickerYearRange {
+  start: number;
+  end: number;
+}
+interface DateRangePickerRootProps extends Omit<PopoverRoot.Props, "children"> {
+  value?: DateRange;
+  defaultValue?: DateRange;
+  onValueChange?: (range: DateRange) => void;
+  referenceDate?: Date;
+  locale?: string;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  minDate?: Date;
+  maxDate?: Date;
+  isDateDisabled?: (date: Date) => boolean;
+  yearRange?: DateRangePickerYearRange;
+  closeOnSelect?: boolean;
+  name?: string;
+  disabled?: boolean;
+  placeholder?: ReactNode;
+  children?: ReactNode;
+}
+declare function DateRangePickerRoot({ children, closeOnSelect, defaultValue, disabled, isDateDisabled, locale, maxDate, minDate, name, onValueChange, referenceDate, value: controlledValue, weekStartsOn, yearRange: configuredYearRange, ...popoverProps }: DateRangePickerRootProps): import("react").JSX.Element;
+type DateRangePickerLabelProps = ComponentPropsWithoutRef<"label">;
+declare const DateRangePickerLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+type DateRangePickerControlProps = ComponentPropsWithoutRef<"div">;
+declare const DateRangePickerControl: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DateRangePickerTriggerProps = ComponentPropsWithoutRef<typeof Popover.Trigger>;
+declare const DateRangePickerTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/internals/types").NativeButtonProps & Omit<import("@base-ui/react/internals/types").WithBaseUIEvent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "style" | "defaultChecked" | "defaultValue" | "className" | "color"> & {
+  className?: string | ((state: import("@base-ui/react").PopoverTriggerState) => string | undefined) | undefined;
+  render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, import("@base-ui/react").PopoverTriggerState> | undefined;
+  style?: import("react").CSSProperties | ((state: import("@base-ui/react").PopoverTriggerState) => React.CSSProperties | undefined) | undefined;
+} & {
+  nativeButton?: boolean | undefined;
+  handle?: Popover.Handle<unknown> | undefined;
+  payload?: unknown;
+  id?: string | undefined;
+  openOnHover?: boolean | undefined;
+  delay?: number | undefined;
+  closeDelay?: number | undefined;
+} & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+interface DateRangePickerValueProps extends ComponentPropsWithoutRef<"span"> {
+  placeholder?: ReactNode;
+}
+declare const DateRangePickerValue: import("react").ForwardRefExoticComponent<DateRangePickerValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+type DateRangePickerClearProps = ComponentPropsWithoutRef<"button">;
+declare const DateRangePickerClear: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type DateRangePickerPortalProps = ComponentPropsWithoutRef<typeof Popover.Portal>;
+declare const DateRangePickerPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DateRangePickerPositionerProps = ComponentPropsWithoutRef<typeof Popover.Positioner>;
+declare const DateRangePickerPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DateRangePickerPopupProps = ComponentPropsWithoutRef<typeof Popover.Popup>;
+declare const DateRangePickerPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DateRangePickerCloseProps = ComponentPropsWithoutRef<typeof Popover.Close>;
+declare const DateRangePickerClose: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type DateRangePickerHeaderProps = ComponentPropsWithoutRef<"div">;
+declare const DateRangePickerHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DateRangePickerNavigationProps = ComponentPropsWithoutRef<"button"> & {
+  amount?: number;
+};
+declare const DateRangePickerPrevious: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+  amount?: number;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DateRangePickerNext: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+  amount?: number;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+type DateRangePickerMonthSelectProps = Omit<ComponentPropsWithoutRef<"select">, "children" | "onChange" | "value">;
+declare const DateRangePickerMonthSelect: import("react").ForwardRefExoticComponent<DateRangePickerMonthSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+type DateRangePickerYearSelectProps = Omit<ComponentPropsWithoutRef<"select">, "children" | "onChange" | "value">;
+declare const DateRangePickerYearSelect: import("react").ForwardRefExoticComponent<DateRangePickerYearSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+interface DateRangePickerDayProps extends Omit<ComponentPropsWithoutRef<"button">, "value"> {
+  date: Date;
+}
+declare const DateRangePickerDay: import("react").ForwardRefExoticComponent<DateRangePickerDayProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface DateRangePickerCalendarProps extends Omit<ComponentPropsWithoutRef<"section">, "children"> {
+  "aria-label"?: string;
+}
+declare const DateRangePickerCalendar: import("react").ForwardRefExoticComponent<DateRangePickerCalendarProps & import("react").RefAttributes<HTMLElement>>;
+interface DateRangePickerPreviewProps extends ComponentPropsWithoutRef<"div"> {
+  children?: ReactNode;
+}
+declare const DateRangePickerPreview: import("react").ForwardRefExoticComponent<DateRangePickerPreviewProps & import("react").RefAttributes<HTMLDivElement>>;
+interface DateRangePickerInputProps extends Omit<ComponentPropsWithoutRef<"input">, "type" | "value" | "onChange"> {
+  side: "start" | "end";
+}
+declare const DateRangePickerStartInput: import("react").ForwardRefExoticComponent<Omit<DateRangePickerInputProps, "side"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const DateRangePickerEndInput: import("react").ForwardRefExoticComponent<Omit<DateRangePickerInputProps, "side"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const DateRangePicker: {
+  Root: typeof DateRangePickerRoot;
+  Label: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+  Control: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/internals/types").NativeButtonProps & Omit<import("@base-ui/react/internals/types").WithBaseUIEvent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "style" | "defaultChecked" | "defaultValue" | "className" | "color"> & {
+    className?: string | ((state: import("@base-ui/react").PopoverTriggerState) => string | undefined) | undefined;
+    render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, import("@base-ui/react").PopoverTriggerState> | undefined;
+    style?: import("react").CSSProperties | ((state: import("@base-ui/react").PopoverTriggerState) => React.CSSProperties | undefined) | undefined;
+  } & {
+    nativeButton?: boolean | undefined;
+    handle?: Popover.Handle<unknown> | undefined;
+    payload?: unknown;
+    id?: string | undefined;
+    openOnHover?: boolean | undefined;
+    delay?: number | undefined;
+    closeDelay?: number | undefined;
+  } & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Value: import("react").ForwardRefExoticComponent<DateRangePickerValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+  Clear: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Close: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Previous: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    amount?: number;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  Next: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    amount?: number;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  MonthSelect: import("react").ForwardRefExoticComponent<DateRangePickerMonthSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+  YearSelect: import("react").ForwardRefExoticComponent<DateRangePickerYearSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+  Calendar: import("react").ForwardRefExoticComponent<DateRangePickerCalendarProps & import("react").RefAttributes<HTMLElement>>;
+  Day: import("react").ForwardRefExoticComponent<DateRangePickerDayProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Preview: import("react").ForwardRefExoticComponent<DateRangePickerPreviewProps & import("react").RefAttributes<HTMLDivElement>>;
+  StartInput: import("react").ForwardRefExoticComponent<Omit<DateRangePickerInputProps, "side"> & import("react").RefAttributes<HTMLInputElement>>;
+  EndInput: import("react").ForwardRefExoticComponent<Omit<DateRangePickerInputProps, "side"> & import("react").RefAttributes<HTMLInputElement>>;
+};
+//#endregion
+export { DateRange, DateRangePicker, DateRangePickerCalendar, DateRangePickerCalendarProps, DateRangePickerClear, DateRangePickerClearProps, DateRangePickerClose, DateRangePickerCloseProps, DateRangePickerControl, DateRangePickerControlProps, DateRangePickerDay, DateRangePickerDayProps, DateRangePickerEndInput, DateRangePickerHeader, DateRangePickerHeaderProps, DateRangePickerInputProps, DateRangePickerLabel, DateRangePickerLabelProps, DateRangePickerMonthSelect, DateRangePickerMonthSelectProps, DateRangePickerNavigationProps, DateRangePickerNext, DateRangePickerPopup, DateRangePickerPopupProps, DateRangePickerPortal, DateRangePickerPortalProps, DateRangePickerPositioner, DateRangePickerPositionerProps, DateRangePickerPreview, DateRangePickerPreviewProps, DateRangePickerPrevious, DateRangePickerRoot, DateRangePickerRootProps, DateRangePickerStartInput, DateRangePickerTrigger, DateRangePickerTriggerProps, DateRangePickerValue, DateRangePickerValueProps, DateRangePickerYearRange, DateRangePickerYearSelect, DateRangePickerYearSelectProps };
+//# sourceMappingURL=date-range-picker.d.ts.map