@puzzle-ui/ui 0.0.0-stage → 0.2.0

package/dist/components/forms/date-picker/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["isValidDate","startOfDay","toDateKey","useId","useRef","useState","startOfMonth","getLocaleWeekStartsOn","resolveResponsiveValue","useMemo","getWeekdayDates","getCalendarDays","useCallback","addDays","addMonths","getLastDayOfMonth","addYears","cn","Popout","isSameDay","isSameMonth"],"sources":["../../../../src/components/forms/date-picker/index.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type InvalidEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n} from \"react\";\n\nimport { cn, resolveResponsiveValue } from \"@puzzle-ui/core\";\n\nimport { Popout, type PopoutTriggerProps } from \"../../overlays/popout\";\n\nimport {\n  addDays,\n  addMonths,\n  addYears,\n  getCalendarDays,\n  getLastDayOfMonth,\n  getLocaleWeekStartsOn,\n  getWeekdayDates,\n  isSameDay,\n  isSameMonth,\n  isValidDate,\n  startOfDay,\n  startOfMonth,\n  toDateKey,\n  type Weekday,\n} from \"./date-picker.utils\";\n\nimport type { DatePickerProps, DatePickerSize } from \"./date-picker.types\";\n\nimport \"./date-picker.css\";\n\nconst EMPTY_DATES: readonly Date[] = [] as const;\n\nconst normalizeDate = (date?: Date | null): Date | null =>\n  date && isValidDate(date) ? startOfDay(date) : null;\n\nconst findDateFromInput = (value: string): Date | null => {\n  if (!value) {\n    return null;\n  }\n\n  const [year, month, day] = value.split(\"-\").map(Number);\n\n  if (!year || !month || !day) {\n    return null;\n  }\n\n  const date = new Date(year, month - 1, day);\n\n  return isValidDate(date) && toDateKey(date) === value ? date : null;\n};\n\nconst DatePicker = ({\n  value,\n  defaultValue,\n  onChange,\n  label,\n  placeholder = \"Select date\",\n  description,\n  error,\n  disabled = false,\n  required = false,\n  clearable = false,\n  clearLabel = \"Clear date\",\n  name,\n  form,\n  minDate,\n  maxDate,\n  disabledDates = EMPTY_DATES,\n  shouldDisableDate,\n  locale,\n  weekStartsOn,\n  dateFormat,\n  size = \"md\",\n  fullWidth = false,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  position = \"bottom\",\n  align = \"start\",\n  offset = 8,\n  collisionPadding = 8,\n  calendarLabel = \"Choose date\",\n  previousMonthLabel = \"Previous month\",\n  nextMonthLabel = \"Next month\",\n  rootClassName,\n  popoverClassName,\n  id,\n  className,\n  style,\n  onClick,\n  onKeyDown,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-invalid\": ariaInvalid,\n  dir,\n  ...buttonProps\n}: DatePickerProps) => {\n  const baseId = useId();\n\n  const triggerId = id ?? `${baseId}-trigger`;\n  const labelId = `${baseId}-label`;\n  const descriptionId = `${baseId}-description`;\n  const errorId = `${baseId}-error`;\n  const calendarId = `${baseId}-calendar`;\n  const gridId = `${baseId}-grid`;\n\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const calendarGridRef = useRef<HTMLTableElement | null>(null);\n  const nativeInputRef = useRef<HTMLInputElement | null>(null);\n\n  const isControlledValue = value !== undefined;\n  const isControlledOpen = open !== undefined;\n\n  const initialValue = normalizeDate(\n    value !== undefined ? value : defaultValue,\n  );\n  const [today] = useState(() => startOfDay(new Date()));\n\n  const [internalValue, setInternalValue] = useState<Date | null>(() =>\n    normalizeDate(defaultValue),\n  );\n\n  const selectedDate = isControlledValue ? normalizeDate(value) : internalValue;\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const isOpen = open ?? internalOpen;\n\n  const [viewDate, setViewDate] = useState(() =>\n    startOfMonth(initialValue ?? today),\n  );\n\n  const [activeDate, setActiveDate] = useState(() => initialValue ?? today);\n\n  const resolvedLocale =\n    locale ?? Intl.DateTimeFormat().resolvedOptions().locale;\n\n  const resolvedWeekStartsOn: Weekday =\n    weekStartsOn ?? getLocaleWeekStartsOn(resolvedLocale);\n\n  const responsiveSize = resolveResponsiveValue(size, \"md\");\n  const responsiveFullWidth = resolveResponsiveValue(fullWidth, false);\n\n  const normalizedMinDate = useMemo(() => normalizeDate(minDate), [minDate]);\n\n  const normalizedMaxDate = useMemo(() => normalizeDate(maxDate), [maxDate]);\n\n  const disabledDateKeys = useMemo(\n    () =>\n      new Set(\n        disabledDates\n          .filter(isValidDate)\n          .map((date) => toDateKey(startOfDay(date))),\n      ),\n    [disabledDates],\n  );\n\n  const selectedKey = selectedDate ? toDateKey(selectedDate) : \"\";\n\n  const minDateKey = normalizedMinDate\n    ? toDateKey(normalizedMinDate)\n    : undefined;\n\n  const maxDateKey = normalizedMaxDate\n    ? toDateKey(normalizedMaxDate)\n    : undefined;\n\n  const dateFormatter = useMemo(\n    () =>\n      new Intl.DateTimeFormat(\n        resolvedLocale,\n        dateFormat ?? {\n          day: \"numeric\",\n          month: \"long\",\n          year: \"numeric\",\n        },\n      ),\n    [resolvedLocale, dateFormat],\n  );\n\n  const accessibleDateFormatter = useMemo(\n    () =>\n      new Intl.DateTimeFormat(resolvedLocale, {\n        weekday: \"long\",\n        day: \"numeric\",\n        month: \"long\",\n        year: \"numeric\",\n      }),\n    [resolvedLocale],\n  );\n\n  const monthFormatter = useMemo(\n    () =>\n      new Intl.DateTimeFormat(resolvedLocale, {\n        month: \"long\",\n        year: \"numeric\",\n      }),\n    [resolvedLocale],\n  );\n\n  const weekdayFormatter = useMemo(\n    () =>\n      new Intl.DateTimeFormat(resolvedLocale, {\n        weekday: \"short\",\n      }),\n    [resolvedLocale],\n  );\n\n  const weekdayAccessibleFormatter = useMemo(\n    () =>\n      new Intl.DateTimeFormat(resolvedLocale, {\n        weekday: \"long\",\n      }),\n    [resolvedLocale],\n  );\n\n  const dayNumberFormatter = useMemo(\n    () => new Intl.NumberFormat(resolvedLocale),\n    [resolvedLocale],\n  );\n\n  const weekdayLabels = useMemo(\n    () =>\n      getWeekdayDates(resolvedWeekStartsOn).map((date) => ({\n        short: weekdayFormatter.format(date),\n        long: weekdayAccessibleFormatter.format(date),\n      })),\n    [resolvedWeekStartsOn, weekdayFormatter, weekdayAccessibleFormatter],\n  );\n\n  const calendarDays = useMemo(\n    () => getCalendarDays(viewDate, resolvedWeekStartsOn),\n    [viewDate, resolvedWeekStartsOn],\n  );\n\n  const hasError = error !== undefined && error !== null && error !== false;\n\n  const isAriaInvalid =\n    ariaInvalid !== undefined &&\n    ariaInvalid !== false &&\n    ariaInvalid !== \"false\";\n\n  const isInvalid = hasError || isAriaInvalid;\n\n  const resolvedAriaInvalid = isInvalid ? true : ariaInvalid;\n\n  const errorContent = error === true ? \"Invalid date\" : error;\n\n  const displayedValue = selectedDate\n    ? dateFormatter.format(selectedDate)\n    : placeholder;\n\n  const monthLabel = monthFormatter.format(viewDate);\n\n  const isDateDisabled = useCallback(\n    (date: Date): boolean => {\n      const normalized = startOfDay(date);\n\n      if (\n        !isValidDate(normalized) ||\n        (normalizedMinDate &&\n          normalizedMaxDate &&\n          normalizedMinDate > normalizedMaxDate)\n      ) {\n        return true;\n      }\n\n      if (normalizedMinDate && normalized < normalizedMinDate) {\n        return true;\n      }\n\n      if (normalizedMaxDate && normalized > normalizedMaxDate) {\n        return true;\n      }\n\n      if (disabledDateKeys.has(toDateKey(normalized))) {\n        return true;\n      }\n\n      return shouldDisableDate?.(normalized) === true;\n    },\n    [normalizedMinDate, normalizedMaxDate, disabledDateKeys, shouldDisableDate],\n  );\n\n  /**\n   * Search in one direction for the next selectable date.\n   * The search stops immediately when it reaches a hard date boundary.\n   */\n  const findAvailableDate = useCallback(\n    (date: Date, direction: -1 | 1, maxDistance = 3660): Date | null => {\n      if (\n        normalizedMinDate &&\n        normalizedMaxDate &&\n        normalizedMinDate > normalizedMaxDate\n      ) {\n        return null;\n      }\n\n      const base = startOfDay(date);\n\n      for (let offset = 0; offset <= maxDistance; offset++) {\n        const candidate = addDays(base, offset * direction);\n\n        if (normalizedMinDate && candidate < normalizedMinDate) {\n          if (direction === -1) {\n            return null;\n          }\n\n          continue;\n        }\n\n        if (normalizedMaxDate && candidate > normalizedMaxDate) {\n          if (direction === 1) {\n            return null;\n          }\n\n          continue;\n        }\n\n        if (!isDateDisabled(candidate)) {\n          return candidate;\n        }\n      }\n\n      return null;\n    },\n    [normalizedMinDate, normalizedMaxDate, isDateDisabled],\n  );\n\n  /**\n   * Find the closest selectable date around a starting point.\n   * Prefer the future when both dates are equally distant.\n   */\n  const findNearestAvailableDate = useCallback(\n    (date: Date): Date | null => {\n      if (\n        normalizedMinDate &&\n        normalizedMaxDate &&\n        normalizedMinDate > normalizedMaxDate\n      ) {\n        return null;\n      }\n\n      let base = startOfDay(date);\n\n      if (normalizedMinDate && base < normalizedMinDate) {\n        base = normalizedMinDate;\n      }\n\n      if (normalizedMaxDate && base > normalizedMaxDate) {\n        base = normalizedMaxDate;\n      }\n\n      for (let distance = 0; distance <= 3660; distance++) {\n        const future = addDays(base, distance);\n\n        if (\n          (!normalizedMaxDate || future <= normalizedMaxDate) &&\n          !isDateDisabled(future)\n        ) {\n          return future;\n        }\n\n        if (distance > 0) {\n          const past = addDays(base, -distance);\n\n          if (\n            (!normalizedMinDate || past >= normalizedMinDate) &&\n            !isDateDisabled(past)\n          ) {\n            return past;\n          }\n        }\n      }\n\n      return null;\n    },\n    [normalizedMinDate, normalizedMaxDate, isDateDisabled],\n  );\n\n  const changeOpenState = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlledOpen) {\n        setInternalOpen(nextOpen);\n      }\n\n      onOpenChange?.(nextOpen);\n    },\n    [isControlledOpen, onOpenChange],\n  );\n\n  const openCalendar = useCallback(() => {\n    const initialDate =\n      selectedDate && !isDateDisabled(selectedDate)\n        ? selectedDate\n        : findNearestAvailableDate(today);\n\n    if (initialDate) {\n      setActiveDate(initialDate);\n      setViewDate(startOfMonth(initialDate));\n    }\n\n    changeOpenState(true);\n  }, [\n    selectedDate,\n    today,\n    isDateDisabled,\n    findNearestAvailableDate,\n    changeOpenState,\n  ]);\n\n  const updateValue = useCallback(\n    (nextDate: Date | null) => {\n      const normalized = normalizeDate(nextDate);\n\n      if (normalized && isDateDisabled(normalized)) {\n        return;\n      }\n\n      if (!isControlledValue) {\n        setInternalValue(normalized);\n      }\n\n      onChange?.(normalized ? new Date(normalized.getTime()) : null);\n    },\n    [isControlledValue, isDateDisabled, onChange],\n  );\n\n  const selectDate = useCallback(\n    (date: Date) => {\n      const normalized = startOfDay(date);\n\n      if (disabled || isDateDisabled(normalized)) {\n        return;\n      }\n\n      setActiveDate(normalized);\n      setViewDate(startOfMonth(normalized));\n\n      updateValue(normalized);\n      changeOpenState(false);\n\n      triggerRef.current?.focus({ preventScroll: true });\n    },\n    [disabled, isDateDisabled, updateValue, changeOpenState],\n  );\n\n  const clearDate = useCallback(() => {\n    if (disabled || required || !selectedDate) {\n      return;\n    }\n\n    updateValue(null);\n    changeOpenState(false);\n\n    triggerRef.current?.focus({ preventScroll: true });\n  }, [disabled, required, selectedDate, updateValue, changeOpenState]);\n\n  const changeMonth = useCallback(\n    (amount: number) => {\n      const nextMonth = addMonths(viewDate, amount);\n      const candidate = addMonths(activeDate, amount);\n      const availableDate = findNearestAvailableDate(candidate);\n\n      setViewDate(startOfMonth(availableDate ?? nextMonth));\n\n      if (availableDate) {\n        setActiveDate(availableDate);\n      }\n    },\n    [viewDate, activeDate, findNearestAvailableDate],\n  );\n\n  const isPreviousMonthDisabled =\n    normalizedMinDate !== null &&\n    normalizedMinDate !== undefined &&\n    getLastDayOfMonth(addMonths(viewDate, -1)) < normalizedMinDate;\n\n  const isNextMonthDisabled =\n    normalizedMaxDate !== null &&\n    normalizedMaxDate !== undefined &&\n    startOfMonth(addMonths(viewDate, 1)) > normalizedMaxDate;\n\n  const handleTriggerClick = (event: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n\n    if (event.defaultPrevented || disabled) {\n      return;\n    }\n\n    // Popout delegates the click to the trigger.\n    // Prevent its own handler because this component controls the state.\n    event.preventDefault();\n\n    if (isOpen) {\n      changeOpenState(false);\n    } else {\n      openCalendar();\n    }\n  };\n\n  const handleTriggerKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(event);\n\n    if (event.defaultPrevented || disabled) {\n      return;\n    }\n\n    if (\n      event.key === \"ArrowDown\" ||\n      event.key === \"ArrowUp\" ||\n      event.key === \"Enter\" ||\n      event.key === \" \"\n    ) {\n      event.preventDefault();\n\n      if (!isOpen) {\n        openCalendar();\n      }\n\n      return;\n    }\n  };\n\n  const handleDayKeyDown = (\n    event: KeyboardEvent<HTMLButtonElement>,\n    date: Date,\n  ) => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const computedDirection =\n      triggerRef.current?.ownerDocument.defaultView?.getComputedStyle(\n        triggerRef.current,\n      ).direction;\n\n    const direction: -1 | 1 =\n      dir === \"rtl\" || (dir !== \"ltr\" && computedDirection === \"rtl\") ? -1 : 1;\n\n    let candidate: Date | null = null;\n    let searchDirection: -1 | 1 = 1;\n    let searchDistance = 3660;\n\n    switch (event.key) {\n      case \"ArrowLeft\":\n        candidate = addDays(date, -direction);\n        searchDirection = -direction as -1 | 1;\n        break;\n\n      case \"ArrowRight\":\n        candidate = addDays(date, direction);\n        searchDirection = direction;\n        break;\n\n      case \"ArrowUp\":\n        candidate = addDays(date, -7);\n        searchDirection = -1;\n        break;\n\n      case \"ArrowDown\":\n        candidate = addDays(date, 7);\n        searchDirection = 1;\n        break;\n\n      case \"Home\": {\n        const offset = (date.getDay() - resolvedWeekStartsOn + 7) % 7;\n\n        candidate = addDays(date, -offset);\n        searchDirection = 1;\n        searchDistance = 6;\n        break;\n      }\n\n      case \"End\": {\n        const offset = (date.getDay() - resolvedWeekStartsOn + 7) % 7;\n\n        candidate = addDays(date, 6 - offset);\n        searchDirection = -1;\n        searchDistance = 6;\n        break;\n      }\n\n      case \"PageUp\": {\n        candidate = event.shiftKey ? addYears(date, -1) : addMonths(date, -1);\n\n        searchDirection = -1;\n        break;\n      }\n\n      case \"PageDown\": {\n        candidate = event.shiftKey ? addYears(date, 1) : addMonths(date, 1);\n\n        searchDirection = 1;\n        break;\n      }\n\n      case \"Enter\":\n      case \" \": {\n        event.preventDefault();\n        selectDate(date);\n        return;\n      }\n\n      default:\n        return;\n    }\n\n    if (!candidate) {\n      return;\n    }\n\n    const nextDate = findAvailableDate(\n      candidate,\n      searchDirection,\n      searchDistance,\n    );\n\n    event.preventDefault();\n\n    if (!nextDate) {\n      return;\n    }\n\n    setActiveDate(nextDate);\n    setViewDate(startOfMonth(nextDate));\n  };\n\n  const handleNativeChange = (event: ChangeEvent<HTMLInputElement>) => {\n    updateValue(findDateFromInput(event.currentTarget.value));\n  };\n\n  const handleNativeInvalid = (event: InvalidEvent<HTMLInputElement>) => {\n    event.preventDefault();\n    triggerRef.current?.focus({ preventScroll: true });\n  };\n\n  // Keep the calendar synchronized with controlled value changes.\n  useEffect(() => {\n    if (!selectedDate) {\n      return;\n    }\n\n    setActiveDate(selectedDate);\n    setViewDate(startOfMonth(selectedDate));\n  }, [selectedKey]);\n\n  // Apply custom disabled-date validation to the native form input.\n  useEffect(() => {\n    const input = nativeInputRef.current;\n\n    if (!input) {\n      return;\n    }\n\n    const invalidSelection =\n      selectedDate !== null && isDateDisabled(selectedDate);\n\n    input.setCustomValidity(\n      invalidSelection ? \"Please select an available date.\" : \"\",\n    );\n  }, [selectedKey, isDateDisabled, selectedDate]);\n\n  // Move focus into the calendar when it opens or the active day changes.\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const ownerDocument = triggerRef.current?.ownerDocument;\n    const ownerWindow = ownerDocument?.defaultView;\n\n    if (!ownerDocument || !ownerWindow) {\n      return;\n    }\n\n    let focusDate = activeDate;\n\n    if (isDateDisabled(focusDate)) {\n      const nearestDate = findNearestAvailableDate(focusDate);\n\n      if (nearestDate) {\n        focusDate = nearestDate;\n        setActiveDate(nearestDate);\n        setViewDate(startOfMonth(nearestDate));\n      } else {\n        calendarGridRef.current?.focus({\n          preventScroll: true,\n        });\n\n        return;\n      }\n    }\n\n    const focusActiveDate = () => {\n      const dayButton = ownerDocument.getElementById(\n        `${gridId}-day-${toDateKey(focusDate)}`,\n      );\n\n      dayButton?.focus({ preventScroll: true });\n    };\n\n    // Popout mounts its portal after its first effect.\n    // requestAnimationFrame also covers an initially open calendar.\n    if (typeof ownerWindow.requestAnimationFrame === \"function\") {\n      const frame = ownerWindow.requestAnimationFrame(focusActiveDate);\n\n      return () => {\n        ownerWindow.cancelAnimationFrame(frame);\n      };\n    }\n\n    focusActiveDate();\n  }, [isOpen, activeDate, gridId, isDateDisabled, findNearestAvailableDate]);\n\n  const resolvedLabelledBy =\n    ariaLabelledBy ?? (label != null ? labelId : undefined);\n\n  const resolvedDescribedBy =\n    [\n      ariaDescribedBy,\n      description != null ? descriptionId : undefined,\n      hasError ? errorId : undefined,\n    ]\n      .filter(Boolean)\n      .join(\" \") || undefined;\n\n  const triggerElement = (\n    <button\n      {...buttonProps}\n      ref={triggerRef}\n      id={triggerId}\n      type=\"button\"\n      disabled={disabled}\n      dir={dir}\n      style={style}\n      className={cn(\"puzzle-date-picker__trigger\", className)}\n      onClick={handleTriggerClick}\n      onKeyDown={handleTriggerKeyDown}\n      aria-label={ariaLabel}\n      aria-labelledby={resolvedLabelledBy}\n      aria-describedby={resolvedDescribedBy}\n      aria-haspopup=\"dialog\"\n      aria-expanded={isOpen}\n      aria-controls={isOpen ? calendarId : undefined}\n      aria-required={required || undefined}\n      aria-invalid={resolvedAriaInvalid}\n    >\n      <span\n        className={cn(\n          \"puzzle-date-picker__value\",\n          !selectedDate && \"puzzle-date-picker__placeholder\",\n        )}\n      >\n        {displayedValue}\n      </span>\n\n      <span className=\"puzzle-date-picker__calendar-icon\" aria-hidden=\"true\" />\n    </button>\n  ) as ReactElement<PopoutTriggerProps>;\n\n  const calendarHasEnabledDate = calendarDays.some(\n    ({ date }) => !isDateDisabled(date),\n  );\n\n  return (\n    <div\n      className={cn(\"puzzle-date-picker\", rootClassName)}\n      data-open={isOpen ? \"true\" : \"false\"}\n      data-disabled={disabled ? \"true\" : undefined}\n      data-invalid={isInvalid ? \"true\" : undefined}\n      data-size-mobile={responsiveSize.mobile}\n      data-size-tablet={responsiveSize.tablet}\n      data-size-desktop={responsiveSize.desktop}\n      data-full-width-mobile={String(responsiveFullWidth.mobile)}\n      data-full-width-tablet={String(responsiveFullWidth.tablet)}\n      data-full-width-desktop={String(responsiveFullWidth.desktop)}\n      lang={resolvedLocale}\n      dir={dir}\n    >\n      {label != null && (\n        <label\n          id={labelId}\n          htmlFor={triggerId}\n          className=\"puzzle-date-picker__label\"\n        >\n          {label}\n\n          {required && (\n            <span className=\"puzzle-date-picker__required\" aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div className=\"puzzle-date-picker__control\">\n        <Popout\n          trigger={triggerElement}\n          open={isOpen}\n          onOpenChange={changeOpenState}\n          action=\"click\"\n          position={position}\n          align={align}\n          offset={offset}\n          collisionPadding={collisionPadding}\n          contentClassName={cn(\"puzzle-date-picker__popover\", popoverClassName)}\n        >\n          <div\n            id={calendarId}\n            className=\"puzzle-date-picker__calendar\"\n            role=\"dialog\"\n            aria-label={calendarLabel}\n            lang={resolvedLocale}\n            dir={dir}\n            onKeyDown={(event) => {\n              if (event.key === \"Tab\") {\n                changeOpenState(false);\n                triggerRef.current?.focus({ preventScroll: true });\n              }\n            }}\n          >\n            <div className=\"puzzle-date-picker__header\">\n              <button\n                type=\"button\"\n                className=\"puzzle-date-picker__navigation\"\n                aria-label={`${previousMonthLabel}: ${monthFormatter.format(\n                  addMonths(viewDate, -1),\n                )}`}\n                disabled={disabled || isPreviousMonthDisabled}\n                onClick={() => changeMonth(-1)}\n              >\n                <span aria-hidden=\"true\">‹</span>\n              </button>\n\n              <div\n                id={`${calendarId}-month`}\n                className=\"puzzle-date-picker__month\"\n                aria-live=\"polite\"\n                aria-atomic=\"true\"\n              >\n                {monthLabel}\n              </div>\n\n              <button\n                type=\"button\"\n                className=\"puzzle-date-picker__navigation\"\n                aria-label={`${nextMonthLabel}: ${monthFormatter.format(\n                  addMonths(viewDate, 1),\n                )}`}\n                disabled={disabled || isNextMonthDisabled}\n                onClick={() => changeMonth(1)}\n              >\n                <span aria-hidden=\"true\">›</span>\n              </button>\n            </div>\n\n            <table\n              ref={calendarGridRef}\n              id={gridId}\n              className=\"puzzle-date-picker__grid\"\n              role=\"grid\"\n              aria-labelledby={`${calendarId}-month`}\n              tabIndex={calendarHasEnabledDate ? -1 : 0}\n            >\n              <thead>\n                <tr role=\"row\">\n                  {weekdayLabels.map((weekday, index) => (\n                    <th\n                      key={index}\n                      scope=\"col\"\n                      role=\"columnheader\"\n                      aria-label={weekday.long}\n                    >\n                      {weekday.short}\n                    </th>\n                  ))}\n                </tr>\n              </thead>\n\n              <tbody>\n                {Array.from({ length: 6 }, (_, weekIndex) => (\n                  <tr key={weekIndex} role=\"row\">\n                    {calendarDays\n                      .slice(weekIndex * 7, weekIndex * 7 + 7)\n                      .map(({ date, key, outsideMonth }) => {\n                        const selected =\n                          selectedDate !== null &&\n                          isSameDay(date, selectedDate);\n\n                        const isToday = isSameDay(date, today);\n                        const isActive = isSameDay(date, activeDate);\n\n                        const dayDisabled = disabled || isDateDisabled(date);\n\n                        return (\n                          <td\n                            key={key}\n                            role=\"gridcell\"\n                            aria-selected={selected || undefined}\n                            className=\"puzzle-date-picker__cell\"\n                            data-outside-month={outsideMonth || undefined}\n                          >\n                            <button\n                              type=\"button\"\n                              id={`${gridId}-day-${key}`}\n                              className=\"puzzle-date-picker__day\"\n                              disabled={dayDisabled}\n                              tabIndex={isActive && !dayDisabled ? 0 : -1}\n                              aria-label={accessibleDateFormatter.format(date)}\n                              aria-current={isToday ? \"date\" : undefined}\n                              data-selected={selected || undefined}\n                              data-today={isToday || undefined}\n                              data-outside-month={outsideMonth || undefined}\n                              data-active={isActive || undefined}\n                              onFocus={() => {\n                                setActiveDate(date);\n\n                                if (!isSameMonth(date, viewDate)) {\n                                  setViewDate(startOfMonth(date));\n                                }\n                              }}\n                              onKeyDown={(event) =>\n                                handleDayKeyDown(event, date)\n                              }\n                              onClick={() => selectDate(date)}\n                            >\n                              {dayNumberFormatter.format(date.getDate())}\n                            </button>\n                          </td>\n                        );\n                      })}\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n\n            {!calendarHasEnabledDate && (\n              <div className=\"puzzle-date-picker__empty\" role=\"status\">\n                No available dates\n              </div>\n            )}\n\n            <div className=\"puzzle-date-picker__footer\">\n              <button\n                type=\"button\"\n                className=\"puzzle-date-picker__today\"\n                disabled={disabled || isDateDisabled(today)}\n                onClick={() => selectDate(today)}\n              >\n                Today\n              </button>\n            </div>\n          </div>\n        </Popout>\n\n        {clearable && selectedDate && !required && (\n          <button\n            type=\"button\"\n            className=\"puzzle-date-picker__clear\"\n            disabled={disabled}\n            aria-label={clearLabel}\n            onClick={clearDate}\n          >\n            <span aria-hidden=\"true\">×</span>\n          </button>\n        )}\n      </div>\n\n      {description != null && (\n        <div id={descriptionId} className=\"puzzle-date-picker__description\">\n          {description}\n        </div>\n      )}\n\n      {hasError && (\n        <div id={errorId} className=\"puzzle-date-picker__error\" role=\"alert\">\n          {errorContent}\n        </div>\n      )}\n\n      {(name !== null || required) && (\n        <input\n          ref={nativeInputRef}\n          className=\"puzzle-date-picker__native\"\n          type=\"date\"\n          name={name ?? undefined}\n          form={form}\n          value={selectedKey}\n          min={minDateKey}\n          max={maxDateKey}\n          disabled={disabled}\n          required={required}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          onChange={handleNativeChange}\n          onInvalid={handleNativeInvalid}\n        />\n      )}\n    </div>\n  );\n};\n\nexport { DatePicker, type DatePickerProps, type DatePickerSize };\n"],"mappings":"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"}

package/dist/components/forms/date-picker/index.d.cts

@@ -0,0 +1,3 @@
+import { DatePickerProps, DatePickerSize } from "./date-picker.types.cjs";
+declare const DatePicker: ({ value, defaultValue, onChange, label, placeholder, description, error, disabled, required, clearable, clearLabel, name, form, minDate, maxDate, disabledDates, shouldDisableDate, locale, weekStartsOn, dateFormat, size, fullWidth, open, defaultOpen, onOpenChange, position, align, offset, collisionPadding, calendarLabel, previousMonthLabel, nextMonthLabel, rootClassName, popoverClassName, id, className, style, onClick, onKeyDown, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, dir, ...buttonProps }: DatePickerProps) => import("react").JSX.Element;
+export { DatePicker, type DatePickerProps, type DatePickerSize };

package/dist/components/forms/date-picker/index.d.ts

@@ -0,0 +1,3 @@
+import { DatePickerProps, DatePickerSize } from "./date-picker.types.js";
+declare const DatePicker: ({ value, defaultValue, onChange, label, placeholder, description, error, disabled, required, clearable, clearLabel, name, form, minDate, maxDate, disabledDates, shouldDisableDate, locale, weekStartsOn, dateFormat, size, fullWidth, open, defaultOpen, onOpenChange, position, align, offset, collisionPadding, calendarLabel, previousMonthLabel, nextMonthLabel, rootClassName, popoverClassName, id, className, style, onClick, onKeyDown, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, dir, ...buttonProps }: DatePickerProps) => import("react").JSX.Element;
+export { DatePicker, type DatePickerProps, type DatePickerSize };