@mortenbrudvik/waveui 0.9.0 → 0.11.0

package/dist/components/input/Calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.cjs","names":["startOfDay","React","startOfMonth","clampDate","getDecadeStart","useId","formatISODate","isSameMonth","isDayUnavailable","getSelectionRange","getCalendarDays","addMonths","isSameDay","makeDate","isOwnEvent","addDays","formatMonthYear","isYearOutOfRange","formatYear","formatDecade","isDateInRange","CalendarDayGrid","getYearMonths","CalendarPickerGrid","formatMonthShort","isMonthOutOfRange","getDecadeYears","_Fragment","cn","focusableDisabledProps","preventIfDisabled","focusRing","disabledStyles","ChevronLeftIcon","ChevronRightIcon","calendarClassNames","useControllable","useIsClient","isValidLocaleTag","useFieldContext","useFieldControl","useMergedRefs","joinIds","HiddenInput","require_runtime","require_cn","require_dev","require_classNames","require_date","require_useControllable","require_useId","require_useMergedRefs","require_useIsClient","require_aria","require_useFieldControl","require_styles","require_icons","require_useFormReset","require_HiddenInput","require_events","require_dateUtils","require_Calendar_views","react","react_jsx_runtime","NAV_BUTTON_CLASSES","HEADING_BUTTON_CLASSES","FOOTER_BUTTON_CLASSES","DEFAULT_WORK_WEEK_DAYS","toWeeks","weeks","i","days","inDecadeGrid","year","decade","clampYear","min","max","CalendarView","todayProp","Heading","today","viewState","setView","view","showMonthPicker","viewMonth","setViewMonth","value","initialVisibleDate","minDate","maxDate","focusedDay","setFocusedDay","monthViewYear","setMonthViewYear","focusedMonth","setFocusedMonth","setDecade","focusedYear","setFocusedYear","gridRef","focusGridRef","focusRequest","setFocusRequest","gridId","hintId","valueIso","seenValueIso","setSeenValueIso","isUnavailable","date","disabledDates","selectedDays","selectionRange","firstDayOfWeek","workWeekDays","inView","inGrid","clampedToday","firstInRange","focusTarget","focusIso","moveFocus","target","next","navigateMonth","nextView","delta","moved","handleDayFocus","day","minMonth","maxMonth","clampMonth","month","inMonthView","firstMonthInRange","monthTarget","moveMonthFocus","navigateYear","nextYear","firstYearInRange","yearTarget","moveYearFocus","preferredDecade","navigateDecade","nextDecade","changeView","goToToday","request","showMonths","showYears","pickMonth","monthsAway","pickYear","yearDate","handleEscape","event","periodKey","cellKey","headerRef","viewHadFocusRef","onFocusIn","previousViewRef","viewChanged","requested","grid","active","lost","button","previousLabel","nextLabel","previousDisabled","nextDisabled","navigate","headingText","labels","locale","todayOutOfRange","headingButtonTarget","hint","months","direction","partClassNames","years","headingId","showGoToToday","onClose","closeLabel","CALENDAR_PART_CLASS_NAMES","Calendar","valueProp","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaInvalid","ariaRequired","rest","setValue","defaultValue","onValueChange","commit","normalized","isClient","hasDate","field","fieldAriaRequired","fieldDescribedBy","fieldProps","required","isRequired","requiredHintId","showRequiredHint","rootRef","mergedRef","ref","form","focusTabStop","className"],"sources":["../../../src/components/input/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { DayOfWeek, FirstWeekOfYear } from '../../lib/types';\nimport { cn } from '../../lib/cn';\nimport { focusableDisabledProps, joinIds, preventIfDisabled } from '../../lib/aria';\nimport { calendarClassNames } from '../../lib/classNames';\nimport { warnOnce } from '../../lib/dev';\nimport { isOwnEvent } from '../../lib/events';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../lib/icons';\nimport { disabledStyles, focusRing } from '../../lib/styles';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useFieldContext, useFieldControl } from '../../hooks/useFieldControl';\nimport { useFormReset } from '../../hooks/useFormReset';\nimport { useId } from '../../hooks/useId';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { HiddenInput } from '../internal/HiddenInput';\nimport { makeDate } from '../../lib/date';\nimport {\n  CalendarDayGrid,\n  CalendarPickerGrid,\n  type CalendarDayGridPartClassNames,\n} from './Calendar.views';\nimport {\n  addDays,\n  addMonths,\n  clampDate,\n  formatDecade,\n  formatISODate,\n  formatMonthShort,\n  formatMonthYear,\n  formatYear,\n  getCalendarDays,\n  getDecadeStart,\n  getDecadeYears,\n  getSelectionRange,\n  getYearMonths,\n  isDateInRange,\n  isDayUnavailable,\n  isMonthOutOfRange,\n  isSameDay,\n  isSameMonth,\n  isValidLocaleTag,\n  isYearOutOfRange,\n  startOfDay,\n  startOfMonth,\n  type CalendarSelectionRange,\n} from './dateUtils';\n\n/**\n * The built-in texts of the calendar, for localization: the names of the navigation buttons in\n * the day, month and year views, the hints of the heading button, the \"Go to today\" button, the\n * week-number column and the marked days, and (Calendar only) the required hint. Each member is\n * optional and falls back to its English default. Month and weekday names and the day labels follow\n * `locale`. DatePicker's labels extend this type.\n */\nexport interface CalendarLabels {\n  /** Name of the previous-month button.\n   * @default 'Previous month'\n   */\n  previousMonth?: string;\n  /** Name of the next-month button.\n   * @default 'Next month'\n   */\n  nextMonth?: string;\n  /** Name of the previous-year button of the month view.\n   * @default 'Previous year'\n   */\n  previousYear?: string;\n  /** Name of the next-year button of the month view.\n   * @default 'Next year'\n   */\n  nextYear?: string;\n  /** Name of the previous-decade button of the year view.\n   * @default 'Previous decade'\n   */\n  previousDecade?: string;\n  /** Name of the next-decade button of the year view.\n   * @default 'Next decade'\n   */\n  nextDecade?: string;\n  /** Description of the heading button that shows the month view.\n   * @default 'Choose a month'\n   */\n  chooseMonth?: string;\n  /** Description of the heading button that shows the year view.\n   * @default 'Choose a year'\n   */\n  chooseYear?: string;\n  /** Name of the \"Go to today\" button.\n   * @default 'Go to today'\n   */\n  goToToday?: string;\n  /** Hidden text of the week-number column header.\n   * @default 'Week'\n   */\n  week?: string;\n  /** Name of a week-number row header.\n   * @default (week) => `Week ${week}`\n   */\n  weekNumber?: (week: number) => string;\n  /** Name of a marked day, built from its default name.\n   * @default (dayLabel) => `${dayLabel}, marked`\n   */\n  markedDay?: (dayLabel: string) => string;\n  /**\n   * Said in the calendar's description while it is required (`required`, a required Field, or a\n   * consumer `aria-required` alone), since its role cannot carry `aria-required`.\n   * @default 'Required'\n   */\n  required?: string;\n}\n\n/** Second argument of `Calendar`'s `onValueChange`. */\nexport interface CalendarValueChangeDetails {\n  /**\n   * The selected days in order (local midnight): the picked day, or with `selectionRange` its\n   * week, work week or month (the days that are not available left out); `[]` for `null`.\n   */\n  range: Date[];\n}\n\n/** Properties for the Calendar component. */\nexport interface CalendarProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /** Controlled selected day (`null` for none). */\n  value?: Date | null;\n  /**\n   * Initial selected day for uncontrolled usage.\n   * @default null\n   */\n  defaultValue?: Date | null;\n  /**\n   * Called with the new day (local midnight) when the selected day changes: a pick of another day\n   * or a form reset (Fluent's `onSelectDate` fires on every pick). Picking the selected day again\n   * does nothing. WaveUI always passes `details`.\n   */\n  onValueChange?: (date: Date | null, details?: CalendarValueChangeDetails) => void;\n  /** Earliest available day (the whole day is included). */\n  minDate?: Date;\n  /** Latest available day (the whole day is included). */\n  maxDate?: Date;\n  /** Returns `true` for days that cannot be picked (called with local-midnight dates). */\n  disabledDates?: (date: Date) => boolean;\n  /**\n   * First day of the week (0 = Sunday, 1 = Monday, etc.).\n   * @default 0\n   */\n  firstDayOfWeek?: DayOfWeek;\n  /**\n   * BCP 47 locale of the month text, the weekday names and the day labels. Pass it when rendering\n   * on the server, so the server and the browser render the same text. The grid is Gregorian, as\n   * in DatePicker. A tag `Intl` rejects (the POSIX `de_DE`, a typo) falls back to the runtime\n   * default locale (development warning).\n   * @default the runtime default locale\n   */\n  locale?: string;\n  /**\n   * The day marked as today (`aria-current=\"date\"`), and the tab stop when no day is selected in\n   * the shown month. Without it, the server HTML and the hydration render mark no day and the\n   * browser applies the current date once hydrated: pass it when rendering on the server, so the\n   * mark is in the HTML.\n   * @default the current date (applied after hydration when not passed)\n   */\n  today?: Date;\n  /**\n   * The month shown first when there is no value (Fluent's `initialPickerDate`), clamped into\n   * `minDate`/`maxDate` like the value's month and today's.\n   * @default today's month\n   */\n  initialVisibleDate?: Date;\n  /**\n   * Turns the month text into a button that shows the month view (the 12 months of the year),\n   * whose heading, the year, is a button to the year view (a decade with the year before and\n   * after it). A picked year shows its months and a picked month its days; Escape goes back a\n   * level to the period shown before. Fluent's `isMonthPickerVisible`, here as a drill-down in one\n   * pane.\n   * @default true\n   */\n  showMonthPicker?: boolean;\n  /**\n   * Adds a leading column of week numbers: a row header per week (`Week 23`, from\n   * `labels.weekNumber`) under a header cell named `labels.week`. The numbers follow\n   * `firstDayOfWeek` and `firstWeekOfYear`; the column is not focusable and the keys skip it.\n   * @default false\n   */\n  showWeekNumbers?: boolean;\n  /**\n   * Which week is week 1 of a year. ISO 8601 is `'first-four-day-week'` with `firstDayOfWeek={1}`.\n   * @default 'first-day'\n   */\n  firstWeekOfYear?: FirstWeekOfYear;\n  /**\n   * Adds a footer button that shows today's month in the day view and focuses today without\n   * selecting it. It is disabled while today is outside `minDate`/`maxDate`.\n   * @default false\n   */\n  showGoToToday?: boolean;\n  /**\n   * Days that draw a dot under the number (in the text colour of the day) and say \"marked\" in\n   * their name (`labels.markedDay`); also `data-marked` on the day's button (Fluent's\n   * `getMarkedDays`). Called with local-midnight dates.\n   */\n  markedDates?: (date: Date) => boolean;\n  /**\n   * Replaces the content inside a day's button, which keeps its role, state and keys;\n   * `defaultContent` is the day number. The content must be non-interactive (no buttons or links),\n   * and the button's name does not follow it: set the name with `dayLabel`. The marked-day dot is\n   * drawn next to the content.\n   */\n  renderDay?: (date: Date, defaultContent: React.ReactNode) => React.ReactNode;\n  /**\n   * The accessible name of a day, from its default name (the date in words, `Monday, June 2,\n   * 2025`, with `labels.markedDay` applied for a marked day). Use it to say what `renderDay` shows.\n   */\n  dayLabel?: (date: Date, defaultLabel: string) => string;\n  /**\n   * What a pick selects: the day, or its week, work week (`workWeekDays`) or month. The value is\n   * the picked day, `details.range` the selected days, and every day of the range is\n   * `aria-selected`, `aria-pressed` and `data-selected`. Days that are not available are left\n   * out. Fluent's `dateRangeType`.\n   * @default 'day'\n   */\n  selectionRange?: CalendarSelectionRange;\n  /**\n   * The days of `selectionRange=\"work-week\"` (0 = Sunday), within the week that starts on\n   * `firstDayOfWeek`.\n   * @default [1, 2, 3, 4, 5]\n   */\n  workWeekDays?: readonly DayOfWeek[];\n  /**\n   * Names of the navigation buttons, the heading button's hints, the \"Go to today\" button, the\n   * week-number column, the marked days and the required hint, for localization.\n   */\n  labels?: CalendarLabels;\n  /** Form field name: the day is submitted as ISO `yyyy-mm-dd` (hidden input). */\n  name?: string;\n  /** Id of the `<form>` the value belongs to, when the calendar is outside it. */\n  form?: string;\n  /**\n   * Blocks form submission while no day is selected; the form's report focuses the calendar's\n   * tab stop. Said in the description (`labels.required`), as the group cannot carry\n   * `aria-required`. A consumer `aria-required` alone also shows that hint (assistive technology\n   * only: it does not block submission).\n   */\n  required?: boolean;\n  /** Ref to the root element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Internal: the stable classes of a calendar view's parts, passed in by the component that\n * renders the view (DatePicker passes its own).\n */\nexport interface CalendarViewPartClassNames extends CalendarDayGridPartClassNames {\n  /** On the row of the navigation buttons and the heading. */\n  header?: string;\n  /** On the previous button (previous month, year or decade). */\n  previousMonthButton?: string;\n  /** On the heading (the month, the year or the decade). */\n  heading?: string;\n  /** On the heading's button, which shows the month or the year view. */\n  headingButton?: string;\n  /** On the next button (next month, year or decade). */\n  nextMonthButton?: string;\n  /** On each month button of the month view. */\n  month?: string;\n  /** On each year button of the year view. */\n  year?: string;\n  /** On the row of the footer buttons. */\n  footer?: string;\n  /** On the \"Go to today\" button. */\n  todayButton?: string;\n  /** On the \"Close\" button. */\n  closeButton?: string;\n}\n\n/** Internal props of {@link CalendarView}. */\nexport interface CalendarViewProps {\n  /** The selected day, or `null` for none. */\n  value: Date | null;\n  /** Called with an available day the user picks (click, Enter or Space on a day button). */\n  onPick: (date: Date) => void;\n  /** Earliest available day (the whole day is included). */\n  minDate?: Date;\n  /** Latest available day (the whole day is included). */\n  maxDate?: Date;\n  /** Returns `true` for days that cannot be picked (called with local-midnight dates). */\n  disabledDates?: (date: Date) => boolean;\n  /** First day of the week (0 = Sunday). */\n  firstDayOfWeek: DayOfWeek;\n  /** BCP 47 locale of the heading, the weekday names and the day labels. */\n  locale?: string;\n  /**\n   * The day marked as today; `null` while it is unknown (the server HTML and the hydration render\n   * of a Calendar without `today`): no day is marked, and the tab stop skips today.\n   * @default the current date\n   */\n  today?: Date | null;\n  /** The month shown first when there is no value (else today's, else the clock's). */\n  initialVisibleDate?: Date;\n  /**\n   * The heading is a button that shows the month view, whose heading shows the year view.\n   * @default true\n   */\n  showMonthPicker?: boolean;\n  /** Adds a leading column of week numbers to the day view. @default false */\n  showWeekNumbers?: boolean;\n  /** Which week is week 1 of a year. @default 'first-day' */\n  firstWeekOfYear?: FirstWeekOfYear;\n  /** Returns `true` for days that draw a dot and are named \"marked\". */\n  markedDates?: (date: Date) => boolean;\n  /** Replaces the content of a day button. */\n  renderDay?: (date: Date, defaultContent: React.ReactNode) => React.ReactNode;\n  /** The accessible name of a day, from its default name. */\n  dayLabel?: (date: Date, defaultLabel: string) => string;\n  /**\n   * What a pick selects (the day, or its week, work week or month): the days drawn selected. The\n   * parent receives only the picked day.\n   * @default 'day'\n   */\n  selectionRange?: CalendarSelectionRange;\n  /** The days of the `'work-week'` range. @default [1, 2, 3, 4, 5] */\n  workWeekDays?: readonly DayOfWeek[];\n  /** Adds a footer button that shows today's month and focuses today. @default false */\n  showGoToToday?: boolean;\n  /** Adds a footer \"Close\" button that calls this (DatePicker closes its dialog). */\n  onClose?: () => void;\n  /** Name of the \"Close\" button. @default 'Close' */\n  closeLabel?: string;\n  /** Names of the navigation buttons, the heading button's hints and the footer buttons. */\n  labels?: CalendarLabels;\n  /** Element of the heading: `h2` in DatePicker's dialog (its title), else `div`. */\n  headingAs: 'h2' | 'div';\n  /** Id of the heading (it labels the grid; DatePicker also labels its dialog with it). */\n  headingId: string;\n  /** Stable classes of the view's parts. */\n  partClassNames?: CalendarViewPartClassNames;\n}\n\n// Every button sets its own padding and background (C-NATIVE): an app-wide `button` rule would\n// otherwise pad and fill them.\nconst NAV_BUTTON_CLASSES =\n  'flex h-8 w-8 items-center justify-center rounded bg-transparent p-0 text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover';\n\n// The heading's button keeps the heading's text style, set on itself (C-NATIVE).\nconst HEADING_BUTTON_CLASSES =\n  'flex h-8 items-center justify-center rounded bg-transparent p-0 px-2 text-body-1 font-semibold text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover';\n\n// The footer's text buttons (C-NATIVE: their own padding and background).\nconst FOOTER_BUTTON_CLASSES =\n  'flex h-8 items-center justify-center rounded bg-transparent p-0 px-3 text-body-1 text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover';\n\n/** The days of `'work-week'` unless `workWeekDays` says otherwise (Monday to Friday). */\nconst DEFAULT_WORK_WEEK_DAYS: readonly DayOfWeek[] = [1, 2, 3, 4, 5];\n\n/** The 42 grid days as 6 weeks. */\nfunction toWeeks(days: Date[]): Date[][] {\n  const weeks: Date[][] = [];\n  for (let i = 0; i < days.length; i += 7) weeks.push(days.slice(i, i + 7));\n  return weeks;\n}\n\n/** The years of the year view of the decade starting at `decade` (the year before and after it). */\nfunction inDecadeGrid(year: number, decade: number): boolean {\n  return year >= decade - 1 && year <= decade + 10;\n}\n\n/** `year` clamped into the years of `[min, max]` (as `clampDate` clamps a day). */\nfunction clampYear(year: number, min?: Date, max?: Date): number {\n  if (min && year < min.getFullYear()) return min.getFullYear();\n  if (max && year > max.getFullYear()) return max.getFullYear();\n  return year;\n}\n\n/** Which grid a calendar view shows. */\ntype CalendarViewKind = 'day' | 'month' | 'year';\n\n/**\n * Internal: the header (the previous button, the heading, the next button), the grid and the\n * optional footer (Go to today, Close) of a calendar, in one of three views: the days of a month, the months of a year (the month view) and\n * the years of a decade (the year view). It renders no element of its own (a fragment). It opens\n * on the day view of the month of `value`, else `initialVisibleDate`'s, else today's, clamped into\n * `minDate`/`maxDate`, and keeps that month until navigated or until `value` changes to a day of\n * another month, whose month it then shows (DatePicker mounts it with each opening of its dialog).\n *\n * With `showMonthPicker`, the day view's heading is a button to the month view, and the month\n * view's heading a button to the year view; a picked year shows its months and a picked month its\n * days. Escape in the year and month views goes back one level to the period shown before (and is\n * consumed, also on the footer's buttons). Each view change moves focus into the new grid in the\n * same commit. The day view can add a week-number column, a dot and a name suffix for marked\n * days, custom day content, and a range around the picked day (`selectionRange`); the footer has\n * \"Go to today\" (`showGoToToday`) and a Close button (`onClose`).\n */\nexport const CalendarView = ({\n  value,\n  onPick,\n  minDate,\n  maxDate,\n  disabledDates,\n  firstDayOfWeek,\n  locale,\n  today: todayProp,\n  initialVisibleDate,\n  showMonthPicker = true,\n  showWeekNumbers,\n  firstWeekOfYear,\n  markedDates,\n  renderDay,\n  dayLabel,\n  selectionRange = 'day',\n  workWeekDays = DEFAULT_WORK_WEEK_DAYS,\n  showGoToToday = false,\n  onClose,\n  closeLabel,\n  labels,\n  headingAs: Heading,\n  headingId,\n  partClassNames,\n}: CalendarViewProps) => {\n  const today =\n    todayProp === undefined ? startOfDay(new Date()) : todayProp && startOfDay(todayProp);\n  const [viewState, setView] = React.useState<CalendarViewKind>('day');\n  // Without the month picker the headings are no buttons: only the day view exists.\n  const view = showMonthPicker ? viewState : 'day';\n  if (viewState !== view) setView(view);\n  // Day view: the shown month and the day moved to.\n  const [viewMonth, setViewMonth] = React.useState<Date>(() =>\n    // Without a value, an `initialVisibleDate` or a known today the month comes from the clock:\n    // on the server, the server's (the Calendar warns after such a hydration render).\n    startOfMonth(clampDate(value ?? initialVisibleDate ?? today ?? new Date(), minDate, maxDate)),\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date | null>(null);\n  // Month view: the shown year and the month moved to. Year view: the first year of the shown\n  // decade and the year moved to. Each view keeps its state while a higher view is shown, so\n  // Escape shows the period it showed before.\n  const [monthViewYear, setMonthViewYear] = React.useState(() => viewMonth.getFullYear());\n  const [focusedMonth, setFocusedMonth] = React.useState<Date | null>(null);\n  const [decade, setDecade] = React.useState(() => getDecadeStart(viewMonth.getFullYear()));\n  const [focusedYear, setFocusedYear] = React.useState<number | null>(null);\n  const gridRef = React.useRef<HTMLTableElement | null>(null);\n  /** Set by a view change: the next layout effect moves focus into the new grid. */\n  const focusGridRef = React.useRef(false);\n  /** Bumped by \"Go to today\": the next layout effect moves focus to the focused day. */\n  const [focusRequest, setFocusRequest] = React.useState(0);\n  const gridId = useId('calendar-grid');\n  const hintId = useId('calendar-heading-hint');\n\n  // A value that changes to a day of another month shows that month (adjusted during render,\n  // C-HOOKS): a controlled value set by the parent, a form reset, or a picked day of the next\n  // month.\n  const valueIso = value ? formatISODate(value) : '';\n  const [seenValueIso, setSeenValueIso] = React.useState(valueIso);\n  if (seenValueIso !== valueIso) {\n    setSeenValueIso(valueIso);\n    if (value) {\n      if (!isSameMonth(value, viewMonth)) {\n        setViewMonth(startOfMonth(clampDate(value, minDate, maxDate)));\n        setFocusedDay(null);\n      }\n      // The month and year views follow the value too, to its year and its decade.\n      const year = clampYear(value.getFullYear(), minDate, maxDate);\n      setMonthViewYear(year);\n      setFocusedMonth(null);\n      setDecade(getDecadeStart(year));\n      setFocusedYear(null);\n    }\n  }\n\n  const isUnavailable = (date: Date) => isDayUnavailable(date, minDate, maxDate, disabledDates);\n\n  // The days drawn selected: the range around the value (its available days).\n  const selectedDays = new Set(\n    value\n      ? getSelectionRange(value, selectionRange, firstDayOfWeek, workWeekDays, isUnavailable).map(\n          formatISODate,\n        )\n      : [],\n  );\n\n  const weeks = React.useMemo(\n    () => toWeeks(getCalendarDays(viewMonth, firstDayOfWeek)),\n    [viewMonth, firstDayOfWeek],\n  );\n\n  /* ---- day view ----------------------------------------------------- */\n\n  // The focused day is derived: the day moved to while it is shown (a pointer-focused day of the\n  // previous/next month counts too), else the selected day of the month, else today (clamped into\n  // the range; skipped while today is unknown), else the first day of the month in range (it may\n  // be unavailable: unavailable days are focusable).\n  const inView = (date: Date | null | undefined): date is Date =>\n    !!date && isSameMonth(date, viewMonth);\n  const inGrid = (date: Date | null | undefined): date is Date =>\n    !!date && date >= weeks[0][0] && date <= weeks[weeks.length - 1][6];\n  const clampedToday = today && clampDate(today, minDate, maxDate);\n  const firstInRange = clampDate(viewMonth, minDate, maxDate);\n  const focusTarget = inGrid(focusedDay)\n    ? focusedDay\n    : inView(value)\n      ? startOfDay(value)\n      : inView(clampedToday)\n        ? clampedToday\n        : inView(firstInRange)\n          ? firstInRange\n          : viewMonth;\n  const focusIso = formatISODate(focusTarget);\n\n  const moveFocus = (next: Date) => {\n    const target = clampDate(next, minDate, maxDate);\n    setFocusedDay(target);\n    if (!isSameMonth(target, viewMonth)) setViewMonth(startOfMonth(target));\n  };\n\n  const navigateMonth = (delta: number) => {\n    const nextView = addMonths(viewMonth, delta);\n    const moved = clampDate(addMonths(focusTarget, delta), minDate, maxDate);\n    setViewMonth(nextView);\n    // From a day of the previous/next month the moved day may fall outside the new month: the\n    // focused day is then derived again (selected, today or the first day of the month).\n    setFocusedDay(isSameMonth(moved, nextView) ? moved : null);\n  };\n\n  /** Pointer (or assistive technology) focus on a day makes it the roving day; the month stays. */\n  const handleDayFocus = (day: Date) => {\n    if (!isSameDay(day, focusTarget)) setFocusedDay(day);\n  };\n\n  /* ---- month view --------------------------------------------------- */\n\n  const minMonth = minDate && startOfMonth(minDate);\n  const maxMonth = maxDate && startOfMonth(maxDate);\n  const clampMonth = (month: Date) => clampDate(startOfMonth(month), minMonth, maxMonth);\n  const inMonthView = (date: Date | null | undefined): date is Date =>\n    !!date && date.getFullYear() === monthViewYear;\n  const firstMonthInRange = clampMonth(makeDate(monthViewYear, 0, 1));\n  const monthTarget = inMonthView(focusedMonth)\n    ? focusedMonth\n    : inMonthView(value)\n      ? startOfMonth(value)\n      : inMonthView(clampedToday)\n        ? startOfMonth(clampedToday)\n        : inMonthView(firstMonthInRange)\n          ? firstMonthInRange\n          : makeDate(monthViewYear, 0, 1);\n\n  /** A key moves the focused month; the shown year follows it. */\n  const moveMonthFocus = (next: Date) => {\n    const target = clampMonth(next);\n    setFocusedMonth(target);\n    setMonthViewYear(target.getFullYear());\n  };\n\n  const navigateYear = (delta: number) => {\n    const nextYear = monthViewYear + delta;\n    const moved = clampMonth(addMonths(monthTarget, delta * 12));\n    setMonthViewYear(nextYear);\n    setFocusedMonth(moved.getFullYear() === nextYear ? moved : null);\n  };\n\n  /* ---- year view ---------------------------------------------------- */\n\n  const firstYearInRange = clampYear(decade, minDate, maxDate);\n  const yearTarget =\n    focusedYear !== null && inDecadeGrid(focusedYear, decade)\n      ? focusedYear\n      : value && inDecadeGrid(value.getFullYear(), decade)\n        ? value.getFullYear()\n        : clampedToday && inDecadeGrid(clampedToday.getFullYear(), decade)\n          ? clampedToday.getFullYear()\n          : inDecadeGrid(firstYearInRange, decade)\n            ? firstYearInRange\n            : decade;\n\n  /**\n   * A key moves the focused year. The arrows keep the decade while the year is in its grid (the\n   * year before and after it included), PageUp/PageDown show the previous and next decade; a\n   * year the bounds clamp outside that grid shows its own decade.\n   */\n  const moveYearFocus = (next: number, preferredDecade: number) => {\n    const target = clampYear(next, minDate, maxDate);\n    setFocusedYear(target);\n    setDecade(inDecadeGrid(target, preferredDecade) ? preferredDecade : getDecadeStart(target));\n  };\n\n  const navigateDecade = (delta: number) => {\n    const nextDecade = decade + delta * 10;\n    const moved = clampYear(yearTarget + delta * 10, minDate, maxDate);\n    setDecade(nextDecade);\n    setFocusedYear(inDecadeGrid(moved, nextDecade) ? moved : null);\n  };\n\n  /* ---- view changes ------------------------------------------------- */\n\n  const changeView = (next: CalendarViewKind) => {\n    focusGridRef.current = true;\n    setView(next);\n  };\n\n  /** \"Go to today\": today's month in the day view, today focused; nothing is selected. */\n  const goToToday = () => {\n    const target = clampDate(today ?? startOfDay(new Date()), minDate, maxDate);\n    setViewMonth(startOfMonth(target));\n    setFocusedDay(target);\n    setFocusRequest((request) => request + 1);\n    changeView('day');\n  };\n\n  /** The day view's heading button: the months of the focused day's year, its month focused. */\n  const showMonths = () => {\n    setFocusedDay(focusTarget);\n    setMonthViewYear(focusTarget.getFullYear());\n    setFocusedMonth(startOfMonth(focusTarget));\n    changeView('month');\n  };\n\n  /** The month view's heading button: the decade of the focused month, its year focused. */\n  const showYears = () => {\n    setFocusedMonth(monthTarget);\n    setDecade(getDecadeStart(monthTarget.getFullYear()));\n    setFocusedYear(monthTarget.getFullYear());\n    changeView('year');\n  };\n\n  /** A picked month shows its days; the focused day keeps its day of the month, clamped. */\n  const pickMonth = (month: Date) => {\n    const monthsAway =\n      (month.getFullYear() - focusTarget.getFullYear()) * 12 +\n      (month.getMonth() - focusTarget.getMonth());\n    const day = clampDate(addMonths(focusTarget, monthsAway), minDate, maxDate);\n    setViewMonth(month);\n    setFocusedDay(isSameMonth(day, month) ? day : null);\n    changeView('day');\n  };\n\n  /** A picked year shows its months; the focused month keeps its month, clamped. */\n  const pickYear = (yearDate: Date) => {\n    const year = yearDate.getFullYear();\n    const month = clampMonth(makeDate(year, monthTarget.getMonth(), 1));\n    setMonthViewYear(year);\n    setFocusedMonth(month.getFullYear() === year ? month : null);\n    changeView('month');\n  };\n\n  // Escape goes back one level (C-POPUPS: an inner widget that consumes Escape prevents its\n  // default, so a DatePicker stays open); the day view leaves it to the surroundings.\n  const handleEscape = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (event.key !== 'Escape' || view === 'day' || !isOwnEvent(event)) return;\n    if (event.defaultPrevented || event.nativeEvent.isComposing) return;\n    event.preventDefault();\n    changeView(view === 'year' ? 'month' : 'day');\n  };\n\n  /* ---- focus -------------------------------------------------------- */\n\n  const periodKey =\n    view === 'day' ? formatISODate(viewMonth) : view === 'month' ? monthViewYear : decade;\n  const cellKey =\n    view === 'day' ? focusIso : view === 'month' ? formatISODate(monthTarget) : yearTarget;\n\n  // Roving focus: while the grid holds focus, focus follows the focused cell, also when the\n  // period changes under it (the buttons are keyed by position, so the focused one shows another\n  // cell). A view change moves focus into the new grid in the same commit, since the element that\n  // had it (the heading button that becomes text, a picked cell) may be gone.\n  const headerRef = React.useRef<HTMLDivElement | null>(null);\n  /** Whether focus last rested in the header or the grid (a removed element fires no event). */\n  const viewHadFocusRef = React.useRef(false);\n  React.useEffect(() => {\n    const onFocusIn = (event: FocusEvent) => {\n      const target = event.target as Node | null;\n      viewHadFocusRef.current =\n        !!target && (!!gridRef.current?.contains(target) || !!headerRef.current?.contains(target));\n    };\n    document.addEventListener('focusin', onFocusIn);\n    return () => document.removeEventListener('focusin', onFocusIn);\n  }, []);\n  const previousViewRef = React.useRef(view);\n  React.useLayoutEffect(() => {\n    const viewChanged = previousViewRef.current !== view;\n    previousViewRef.current = view;\n    const requested = focusGridRef.current;\n    focusGridRef.current = false;\n    const grid = gridRef.current;\n    if (!grid) return;\n    const active = grid.ownerDocument.activeElement;\n    // A view change the props made (the month picker turned off) removed the element that had\n    // focus: focus then moves into the new grid, if the view had focus and it now rests on\n    // nothing. A calendar that did not have focus keeps it where it is.\n    const lost =\n      viewChanged && viewHadFocusRef.current && (!active || active === grid.ownerDocument.body);\n    if (!requested && !lost && (!active || !grid.contains(active))) return;\n    const button = grid.querySelector<HTMLElement>('button[tabindex=\"0\"]');\n    if (button && button !== active) button.focus();\n  }, [view, periodKey, cellKey, focusRequest]);\n\n  /* ---- render ------------------------------------------------------- */\n\n  let previousLabel: string;\n  let nextLabel: string;\n  let previousDisabled: boolean;\n  let nextDisabled: boolean;\n  let navigate: (delta: number) => void;\n  let headingText: string;\n  if (view === 'day') {\n    previousLabel = labels?.previousMonth ?? 'Previous month';\n    nextLabel = labels?.nextMonth ?? 'Next month';\n    previousDisabled = !!minDate && addDays(viewMonth, -1) < startOfDay(minDate);\n    nextDisabled = !!maxDate && addMonths(viewMonth, 1) > startOfDay(maxDate);\n    navigate = navigateMonth;\n    headingText = formatMonthYear(viewMonth, locale);\n  } else if (view === 'month') {\n    previousLabel = labels?.previousYear ?? 'Previous year';\n    nextLabel = labels?.nextYear ?? 'Next year';\n    previousDisabled = isYearOutOfRange(monthViewYear - 1, minDate, maxDate);\n    nextDisabled = isYearOutOfRange(monthViewYear + 1, minDate, maxDate);\n    navigate = navigateYear;\n    headingText = formatYear(makeDate(monthViewYear, 0, 1), locale);\n  } else {\n    previousLabel = labels?.previousDecade ?? 'Previous decade';\n    nextLabel = labels?.nextDecade ?? 'Next decade';\n    // A decade is wholly outside when its last year is before minDate or its first after maxDate.\n    previousDisabled =\n      isYearOutOfRange(decade - 1, minDate, undefined) ||\n      isYearOutOfRange(decade - 10, undefined, maxDate);\n    nextDisabled =\n      isYearOutOfRange(decade + 10, undefined, maxDate) ||\n      isYearOutOfRange(decade + 19, minDate, undefined);\n    navigate = navigateDecade;\n    headingText = formatDecade(decade, locale);\n  }\n\n  // Unknown today (before hydration) leaves the button enabled; the clock decides once it is known.\n  const todayOutOfRange = !!today && !isDateInRange(today, minDate, maxDate);\n\n  const headingButtonTarget = showMonthPicker && view !== 'year' ? view : null;\n  const hint =\n    view === 'day'\n      ? (labels?.chooseMonth ?? 'Choose a month')\n      : (labels?.chooseYear ?? 'Choose a year');\n\n  let grid: React.ReactNode;\n  if (view === 'day') {\n    grid = (\n      <CalendarDayGrid\n        ref={gridRef}\n        id={gridId}\n        headingId={headingId}\n        viewMonth={viewMonth}\n        weeks={weeks}\n        focusTarget={focusTarget}\n        selectedDays={selectedDays}\n        today={today}\n        firstDayOfWeek={firstDayOfWeek}\n        locale={locale}\n        showWeekNumbers={showWeekNumbers}\n        firstWeekOfYear={firstWeekOfYear}\n        markedDates={markedDates}\n        renderDay={renderDay}\n        dayLabel={dayLabel}\n        labels={labels}\n        isUnavailable={isUnavailable}\n        onMoveFocus={moveFocus}\n        onDayFocus={handleDayFocus}\n        onPick={onPick}\n        partClassNames={partClassNames}\n      />\n    );\n  } else if (view === 'month') {\n    const months = getYearMonths(monthViewYear);\n    grid = (\n      <CalendarPickerGrid\n        ref={gridRef}\n        id={gridId}\n        headingId={headingId}\n        cells={months.map((month) => ({\n          date: month,\n          text: formatMonthShort(month, locale),\n          label: formatMonthYear(month, locale),\n          selected: !!value && isSameMonth(month, value),\n          current: !!today && isSameMonth(month, today),\n          outside: false,\n          unavailable: isMonthOutOfRange(month, minDate, maxDate),\n        }))}\n        focusIndex={monthTarget.getMonth()}\n        onMoveFocus={(delta) => moveMonthFocus(addMonths(monthTarget, delta))}\n        onPage={(direction) => moveMonthFocus(addMonths(monthTarget, direction * 12))}\n        onCellFocus={(month) => {\n          if (!isSameMonth(month, monthTarget)) setFocusedMonth(month);\n        }}\n        onPick={pickMonth}\n        onKeyDown={handleEscape}\n        partClassNames={{ grid: partClassNames?.grid, cell: partClassNames?.month }}\n      />\n    );\n  } else {\n    const years = getDecadeYears(decade);\n    grid = (\n      <CalendarPickerGrid\n        ref={gridRef}\n        id={gridId}\n        headingId={headingId}\n        cells={years.map((yearDate) => {\n          const year = yearDate.getFullYear();\n          return {\n            date: yearDate,\n            text: formatYear(yearDate, locale),\n            selected: value?.getFullYear() === year,\n            current: today?.getFullYear() === year,\n            outside: year < decade || year > decade + 9,\n            unavailable: isYearOutOfRange(year, minDate, maxDate),\n          };\n        })}\n        focusIndex={yearTarget - (decade - 1)}\n        onMoveFocus={(delta) => moveYearFocus(yearTarget + delta, decade)}\n        onPage={(direction) => moveYearFocus(yearTarget + direction * 10, decade + direction * 10)}\n        onCellFocus={(yearDate) => {\n          if (yearDate.getFullYear() !== yearTarget) setFocusedYear(yearDate.getFullYear());\n        }}\n        onPick={pickYear}\n        onKeyDown={handleEscape}\n        partClassNames={{ grid: partClassNames?.grid, cell: partClassNames?.year }}\n      />\n    );\n  }\n\n  return (\n    <>\n      <div\n        ref={headerRef}\n        className={cn(partClassNames?.header, 'mb-2 flex items-center justify-between gap-2')}\n        onKeyDown={handleEscape}\n      >\n        <button\n          type=\"button\"\n          aria-label={previousLabel}\n          aria-controls={gridId}\n          {...focusableDisabledProps(previousDisabled)}\n          onClick={preventIfDisabled(previousDisabled, () => navigate(-1))}\n          className={cn(\n            partClassNames?.previousMonthButton,\n            NAV_BUTTON_CLASSES,\n            focusRing,\n            disabledStyles,\n          )}\n        >\n          <ChevronLeftIcon className=\"wave-rtl:-scale-x-100\" />\n        </button>\n        <Heading\n          id={headingId}\n          aria-live=\"polite\"\n          className={cn(partClassNames?.heading, 'text-body-1 font-semibold')}\n        >\n          {headingButtonTarget ? (\n            // Named by its text, so the grid and a DatePicker's dialog keep their names; the hint\n            // is outside the heading, which names them.\n            <button\n              type=\"button\"\n              aria-describedby={hintId}\n              onClick={headingButtonTarget === 'day' ? showMonths : showYears}\n              className={cn(partClassNames?.headingButton, HEADING_BUTTON_CLASSES, focusRing)}\n            >\n              {headingText}\n            </button>\n          ) : (\n            headingText\n          )}\n        </Heading>\n        {headingButtonTarget && (\n          <span id={hintId} hidden>\n            {hint}\n          </span>\n        )}\n        <button\n          type=\"button\"\n          aria-label={nextLabel}\n          aria-controls={gridId}\n          {...focusableDisabledProps(nextDisabled)}\n          onClick={preventIfDisabled(nextDisabled, () => navigate(1))}\n          className={cn(\n            partClassNames?.nextMonthButton,\n            NAV_BUTTON_CLASSES,\n            focusRing,\n            disabledStyles,\n          )}\n        >\n          <ChevronRightIcon className=\"wave-rtl:-scale-x-100\" />\n        </button>\n      </div>\n      {grid}\n      {(showGoToToday || onClose) && (\n        <div\n          className={cn(partClassNames?.footer, 'mt-2 flex items-center justify-end gap-2')}\n          onKeyDown={handleEscape}\n        >\n          {showGoToToday && (\n            <button\n              type=\"button\"\n              // Natively disabled, since it never disables itself by its own activation.\n              disabled={todayOutOfRange}\n              onClick={goToToday}\n              className={cn(\n                partClassNames?.todayButton,\n                FOOTER_BUTTON_CLASSES,\n                focusRing,\n                disabledStyles,\n              )}\n            >\n              {labels?.goToToday ?? 'Go to today'}\n            </button>\n          )}\n          {onClose && (\n            <button\n              type=\"button\"\n              onClick={onClose}\n              className={cn(\n                partClassNames?.closeButton,\n                FOOTER_BUTTON_CLASSES,\n                focusRing,\n                disabledStyles,\n              )}\n            >\n              {closeLabel ?? 'Close'}\n            </button>\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n\nCalendarView.displayName = 'CalendarView';\n\n// The Calendar's parts carry its own stable classes (the view's keys name the day view's buttons;\n// the navigation buttons of every view share them).\nconst CALENDAR_PART_CLASS_NAMES: CalendarViewPartClassNames = {\n  header: calendarClassNames.header,\n  previousMonthButton: calendarClassNames.previousButton,\n  heading: calendarClassNames.heading,\n  headingButton: calendarClassNames.headingButton,\n  nextMonthButton: calendarClassNames.nextButton,\n  grid: calendarClassNames.grid,\n  weekday: calendarClassNames.weekday,\n  day: calendarClassNames.day,\n  month: calendarClassNames.month,\n  year: calendarClassNames.year,\n  weekNumberHeader: calendarClassNames.weekNumberHeader,\n  weekNumber: calendarClassNames.weekNumber,\n  markedDot: calendarClassNames.markedDot,\n  footer: calendarClassNames.footer,\n  todayButton: calendarClassNames.todayButton,\n};\n\n/**\n * A month calendar for picking one day, without a text input: the grid of DatePicker's dialog,\n * placed in the page (APG date picker grid).\n *\n * - **Structure**: a `role=\"group\"` root, named with `aria-label`/`aria-labelledby` or by a\n *   surrounding `Field`, around the previous-month button, the month text (a polite live region\n *   that labels the grid), the next-month button and a `role=\"grid\"` table of six weeks, with an\n *   optional leading column of week numbers (`showWeekNumbers`, `firstWeekOfYear`) and an\n *   optional footer button, \"Go to today\" (`showGoToToday`), which shows today's month and focuses\n *   today without selecting it. The month text is no heading, since a component cannot know the\n *   page's heading levels.\n * - **Month and year views** (`showMonthPicker`, on by default): the month text is a button\n *   (named by that text, its hint `labels.chooseMonth`) that shows the 12 months of the year; their\n *   heading, the year, is a button to the year view, a decade with the year before and after it\n *   (muted). The header buttons move by a year, then by a decade. A picked year shows its months\n *   and a picked month its days (the focused day keeps its day of the month, clamped); Escape\n *   goes back a level to the period shown before. Each view change moves focus into the new\n *   grid. Months and years wholly outside `minDate`/`maxDate` stay focusable, `aria-disabled`.\n * - **Keyboard**: one tab stop in the grid, the focused day (the selected day of the shown month,\n *   else today, else the first day of the month in range, which may be unavailable). Arrow keys\n *   move by day and week (mirrored in RTL), PageUp/PageDown by month, Shift+PageUp/PageDown by\n *   year (the day is clamped to the month), Home/End to the start and end of the week; Enter,\n *   Space and a click pick the day. Unavailable days (`minDate`, `maxDate`, `disabledDates`) stay\n *   focusable and are `aria-disabled`. In the month and year views the arrows move by a cell and a\n *   row of four, Home/End to the row's ends, PageUp/PageDown by a year (months) or ten (years).\n * - **Value**: `onValueChange` fires only when the day changes, with local midnight and `details`;\n *   picking the selected day again does nothing. A value that moves to another month shows that\n *   month. The selected day is `aria-selected` on its gridcell and `aria-pressed` on its button;\n *   today is `aria-current=\"date\"`. With `selectionRange` a pick selects the day's week, work\n *   week (`workWeekDays`) or month: every available day of it is drawn and marked selected, the\n *   value is the picked day, and `details.range` lists the selected days in order.\n * - **Marked days and custom content**: `markedDates` draws a dot in the text colour under the\n *   number, sets `data-marked` and says \"marked\" in the day's name; `renderDay` replaces the\n *   content of the day button (non-interactive content only) and `dayLabel` sets its name.\n * - **Forms and Field**: `name`/`required` add a hidden input (ISO `yyyy-mm-dd`) that resets with\n *   its form (to `defaultValue`); a required calendar that the form reports missing focuses its\n *   tab stop. Inside a `Field` the group takes the label, the description and `aria-invalid`; it\n *   says \"required\" in its description (`labels.required`), since a group cannot carry\n *   `aria-required`.\n * - **Server rendering**: pass `locale`, and `today`, `initialVisibleDate` or a value, so the\n *   server and the browser render the same month. Only `today` marks a day in the server HTML:\n *   without it the server HTML marks none and the browser marks today once hydrated. Without any\n *   of the three the month shown first comes from the server's clock (development warning).\n *\n * @example\n * <Calendar aria-label=\"Due date\" defaultValue={new Date(2025, 5, 12)} onValueChange={setDue} />\n */\nexport const Calendar = ({\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  minDate,\n  maxDate,\n  disabledDates,\n  firstDayOfWeek = 0,\n  locale,\n  today: todayProp,\n  initialVisibleDate,\n  showMonthPicker = true,\n  showWeekNumbers,\n  firstWeekOfYear,\n  showGoToToday,\n  markedDates,\n  renderDay,\n  dayLabel,\n  selectionRange = 'day',\n  workWeekDays,\n  labels,\n  name,\n  form,\n  required,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  className,\n  ref,\n  ...rest\n}: CalendarProps) => {\n  const isUnavailable = (date: Date) => isDayUnavailable(date, minDate, maxDate, disabledDates);\n  const [value, setValue] = useControllable<Date | null>(valueProp, defaultValue ?? null, (next) =>\n    onValueChange?.(next, {\n      range: next\n        ? getSelectionRange(\n            next,\n            selectionRange,\n            firstDayOfWeek,\n            workWeekDays ?? DEFAULT_WORK_WEEK_DAYS,\n            isUnavailable,\n          )\n        : [],\n    }),\n  );\n\n  /** Commits a day (or `null`) as local midnight; nothing is emitted when it is the same day. */\n  const commit = (next: Date | null) => {\n    const normalized = next ? startOfDay(next) : null;\n    const unchanged = normalized ? isSameDay(normalized, value) : value === null;\n    if (!unchanged) setValue(normalized);\n  };\n\n  // Today is unknown in the server HTML and the hydration render (the two clocks may name\n  // different days); the browser applies it once hydrated.\n  const isClient = useIsClient();\n  const today = todayProp ?? (isClient ? new Date() : null);\n\n  React.useEffect(() => {\n    if (locale !== undefined && !isValidLocaleTag(locale)) {\n      warnOnce(\n        `Calendar:invalid-locale:${locale}`,\n        `Calendar: \\`locale\\` \"${locale}\" is not a valid BCP 47 language tag (use hyphens, as in ` +\n          '\"en-US\"). The runtime default locale formats the dates instead, so the server and the ' +\n          'browser may render different text.',\n      );\n    }\n  }, [locale]);\n  const hasDate = todayProp !== undefined || initialVisibleDate !== undefined || value !== null;\n  React.useEffect(() => {\n    // Effects run only in the browser, where `isClient` is false after a hydration render alone.\n    if (!isClient && !hasDate) {\n      warnOnce(\n        'Calendar:hydration-date',\n        'Calendar: rendered on the server without `today`, `initialVisibleDate` or `value`, so ' +\n          \"the month shown first comes from the server's clock and the browser may show another \" +\n          'month. Pass `today` or `initialVisibleDate`.',\n      );\n    }\n  }, [isClient, hasDate]);\n\n  const field = useFieldContext();\n  const {\n    'aria-required': fieldAriaRequired,\n    'aria-describedby': fieldDescribedBy,\n    ...fieldProps\n  } = useFieldControl(\n    {\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      'aria-invalid': ariaInvalid,\n      // An explicit `required={false}` wins over a required Field, so the hint matches\n      // `isRequired`.\n      'aria-required': ariaRequired ?? required,\n    },\n    { labelable: false },\n  );\n  const isRequired = required ?? field?.required ?? false;\n  // `group` does not allow aria-required (a consumer's included): the description says it.\n  const requiredHintId = useId('calendar-required');\n  const showRequiredHint = fieldAriaRequired !== undefined && String(fieldAriaRequired) !== 'false';\n\n  const headingId = useId('calendar-heading');\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, rootRef);\n\n  useFormReset(rootRef, () => commit(defaultValue ?? null), form);\n\n  const focusTabStop = () => {\n    rootRef.current\n      ?.querySelector<HTMLElement>('[data-wave-calendar-grid] button[tabindex=\"0\"]')\n      ?.focus();\n  };\n\n  return (\n    <div\n      role=\"group\"\n      {...fieldProps}\n      aria-describedby={joinIds(fieldDescribedBy, showRequiredHint && requiredHintId)}\n      className={cn(\n        calendarClassNames.root,\n        'relative inline-flex flex-col text-foreground',\n        className,\n      )}\n      {...rest}\n      ref={mergedRef}\n    >\n      <CalendarView\n        value={value}\n        onPick={commit}\n        minDate={minDate}\n        maxDate={maxDate}\n        disabledDates={disabledDates}\n        firstDayOfWeek={firstDayOfWeek}\n        locale={locale}\n        today={today}\n        initialVisibleDate={initialVisibleDate}\n        showMonthPicker={showMonthPicker}\n        showWeekNumbers={showWeekNumbers}\n        firstWeekOfYear={firstWeekOfYear}\n        showGoToToday={showGoToToday}\n        markedDates={markedDates}\n        renderDay={renderDay}\n        dayLabel={dayLabel}\n        selectionRange={selectionRange}\n        workWeekDays={workWeekDays}\n        labels={labels}\n        headingAs=\"div\"\n        headingId={headingId}\n        partClassNames={CALENDAR_PART_CLASS_NAMES}\n      />\n      {showRequiredHint && (\n        <span id={requiredHintId} hidden>\n          {labels?.required ?? 'Required'}\n        </span>\n      )}\n      <HiddenInput\n        type=\"text\"\n        name={name}\n        form={form}\n        value={value ? formatISODate(value) : ''}\n        required={isRequired}\n        onInvalid={focusTabStop}\n      />\n    </div>\n  );\n};\n\nCalendar.displayName = 'Calendar';\n"],"mappings":"+vBAuVA,IAAMgE,GACJ,2IAGIC,GACJ,sKAGIC,EACJ,wJAGIC,GAA+C,CAAC,EAAG,EAAG,EAAG,EAAG,CAAC,EAGnE,SAASC,GAAQ,EAAwB,CACvC,IAAMC,EAAkB,CAAC,EACzB,IAAK,IAAIC,EAAI,EAAGA,EAAIC,EAAK,OAAQ,GAAK,EAAGF,EAAM,KAAKE,EAAK,MAAMD,EAAGA,EAAI,CAAC,CAAC,EACxE,OAAOD,CACT,CAGA,SAASG,EAAa,EAAc,EAAyB,CAC3D,OAAOC,GAAQC,EAAS,GAAKD,GAAQC,EAAS,EAChD,CAGA,SAASC,EAAU,EAAc,EAAY,EAAoB,CAG/D,OAFIC,GAAOH,EAAOG,EAAI,YAAY,EAAUA,EAAI,YAAY,EACxDC,GAAOJ,EAAOI,EAAI,YAAY,EAAUA,EAAI,YAAY,EACrDJ,CACT,CAqBA,IAAaK,GAAgB,CAC3B,QACA,SACA,UACA,UACA,iBACA,iBACA,SACA,MAAOC,EACP,sBACA,kBAAkB,GAClB,mBACA,kBACA,eACA,aACA,YACA,kBAAiB,MACjB,gBAAeZ,GACf,gBAAgB,GAChB,UACA,cACA,SACA,UAAWa,GACX,YACA,oBACuB,CACvB,IAAMC,EACJF,IAAc,IAAA,GAAY/E,EAAAA,WAAW,IAAI,IAAM,EAAI+E,GAAa/E,EAAAA,WAAW+E,CAAS,EAChF,CAACG,GAAWC,IAAWlF,EAAM,SAA2B,KAAK,EAE7DmF,EAAOC,EAAkBH,GAAY,MACvCA,KAAcE,GAAMD,GAAQC,CAAI,EAEpC,GAAM,CAACE,EAAWC,GAAgBtF,EAAM,aAGtCC,EAAAA,aAAaC,EAAAA,UAAUqF,GAASC,IAAsBR,GAAS,IAAI,KAAQS,EAASC,CAAO,CAAC,CAC9F,EACM,CAACC,GAAYC,GAAiB5F,EAAM,SAAsB,IAAI,EAI9D,CAAC6F,EAAeC,GAAoB9F,EAAM,aAAeqF,EAAU,YAAY,CAAC,EAChF,CAACU,GAAcC,GAAmBhG,EAAM,SAAsB,IAAI,EAClE,CAACyE,EAAQwB,GAAajG,EAAM,aAAeG,EAAAA,eAAekF,EAAU,YAAY,CAAC,CAAC,EAClF,CAACa,EAAaC,GAAkBnG,EAAM,SAAwB,IAAI,EAClEoG,EAAUpG,EAAM,OAAgC,IAAI,EAEpDqG,EAAerG,EAAM,OAAO,EAAK,EAEjC,CAACsG,GAAcC,IAAmBvG,EAAM,SAAS,CAAC,EAClDwG,EAASpG,EAAAA,MAAM,eAAe,EAC9BqG,EAASrG,EAAAA,MAAM,uBAAuB,EAKtCsG,EAAWnB,EAAQlF,EAAAA,cAAckF,CAAK,EAAI,GAC1C,CAACoB,EAAcC,IAAmB5G,EAAM,SAAS0G,CAAQ,EAC/D,GAAIC,IAAiBD,IACnBE,GAAgBF,CAAQ,EACpBnB,GAAO,CACJjF,EAAAA,YAAYiF,EAAOF,CAAS,IAC/BC,EAAarF,EAAAA,aAAaC,EAAAA,UAAUqF,EAAOE,EAASC,CAAO,CAAC,CAAC,EAC7DE,EAAc,IAAI,GAGpB,IAAMpB,EAAOE,EAAUa,EAAM,YAAY,EAAGE,EAASC,CAAO,EAC5DI,EAAiBtB,CAAI,EACrBwB,EAAgB,IAAI,EACpBC,EAAU9F,EAAAA,eAAeqE,CAAI,CAAC,EAC9B2B,EAAe,IAAI,CACrB,CAGF,IAAMU,GAAiB,GAAetG,EAAAA,iBAAiBuG,EAAMrB,EAASC,EAASqB,EAAa,EAGtFC,GAAe,IAAI,IACvBzB,EACI/E,EAAAA,kBAAkB+E,EAAO0B,GAAgBC,EAAgBC,GAAcN,EAAa,CAAC,CAAC,IACpFxG,EAAAA,aACF,EACA,CAAC,CACP,EAEM+D,EAAQpE,EAAM,YACZmE,GAAQ1D,EAAAA,gBAAgB4E,EAAW6B,CAAc,CAAC,EACxD,CAAC7B,EAAW6B,CAAc,CAC5B,EAQME,GAAU,GACd,CAAC,CAACN,GAAQxG,EAAAA,YAAYwG,EAAMzB,CAAS,EACjCgC,GAAU,GACd,CAAC,CAACP,GAAQA,GAAQ1C,EAAM,EAAE,CAAC,IAAM0C,GAAQ1C,EAAMA,EAAM,OAAS,EAAE,CAAC,GAC7DkD,EAAetC,GAAS9E,EAAAA,UAAU8E,EAAOS,EAASC,CAAO,EACzD6B,GAAerH,EAAAA,UAAUmF,EAAWI,EAASC,CAAO,EACpD8B,EAAcH,GAAO1B,EAAU,EACjCA,GACAyB,GAAO7B,CAAK,EACVxF,EAAAA,WAAWwF,CAAK,EAChB6B,GAAOE,CAAY,EACjBA,EACAF,GAAOG,EAAY,EACjBA,GACAlC,EACJoC,GAAWpH,EAAAA,cAAcmH,CAAW,EAEpCE,GAAa,GAAe,CAChC,IAAMC,EAASzH,EAAAA,UAAU0H,EAAMnC,EAASC,CAAO,EAC/CE,EAAc+B,CAAM,EACfrH,EAAAA,YAAYqH,EAAQtC,CAAS,GAAGC,EAAarF,EAAAA,aAAa0H,CAAM,CAAC,CACxE,EAEME,GAAiB,GAAkB,CACvC,IAAMC,EAAWpH,EAAAA,UAAU2E,EAAW0C,CAAK,EACrCC,EAAQ9H,EAAAA,UAAUQ,EAAAA,UAAU8G,EAAaO,CAAK,EAAGtC,EAASC,CAAO,EACvEJ,EAAawC,CAAQ,EAGrBlC,EAActF,EAAAA,YAAY0H,EAAOF,CAAQ,EAAIE,EAAQ,IAAI,CAC3D,EAGMC,GAAkB,GAAc,CAC/BtH,EAAAA,UAAUuH,EAAKV,CAAW,GAAG5B,EAAcsC,CAAG,CACrD,EAIMC,GAAW1C,GAAWxF,EAAAA,aAAawF,CAAO,EAC1C2C,GAAW1C,GAAWzF,EAAAA,aAAayF,CAAO,EAC1C2C,GAAc,GAAgBnI,EAAAA,UAAUD,EAAAA,aAAaqI,CAAK,EAAGH,GAAUC,EAAQ,EAC/EG,GAAe,GACnB,CAAC,CAACzB,GAAQA,EAAK,YAAY,IAAMjB,EAC7B2C,GAAoBH,GAAWzH,EAAAA,SAASiF,EAAe,EAAG,CAAC,CAAC,EAC5D4C,EAAcF,GAAYxC,EAAY,EACxCA,GACAwC,GAAYhD,CAAK,EACftF,EAAAA,aAAasF,CAAK,EAClBgD,GAAYjB,CAAY,EACtBrH,EAAAA,aAAaqH,CAAY,EACzBiB,GAAYC,EAAiB,EAC3BA,GACA5H,EAAAA,SAASiF,EAAe,EAAG,CAAC,EAGhC6C,GAAkB,GAAe,CACrC,IAAMf,EAASU,GAAWT,CAAI,EAC9B5B,EAAgB2B,CAAM,EACtB7B,EAAiB6B,EAAO,YAAY,CAAC,CACvC,EAEMgB,GAAgB,GAAkB,CACtC,IAAMC,EAAW/C,EAAgBkC,EAC3BC,EAAQK,GAAW3H,EAAAA,UAAU+H,EAAaV,EAAQ,EAAE,CAAC,EAC3DjC,EAAiB8C,CAAQ,EACzB5C,EAAgBgC,EAAM,YAAY,IAAMY,EAAWZ,EAAQ,IAAI,CACjE,EAIMa,GAAmBnE,EAAUD,EAAQgB,EAASC,CAAO,EACrDoD,EACJ5C,IAAgB,MAAQ3B,EAAa2B,EAAazB,CAAM,EACpDyB,EACAX,GAAShB,EAAagB,EAAM,YAAY,EAAGd,CAAM,EAC/Cc,EAAM,YAAY,EAClB+B,GAAgB/C,EAAa+C,EAAa,YAAY,EAAG7C,CAAM,EAC7D6C,EAAa,YAAY,EACzB/C,EAAasE,GAAkBpE,CAAM,EACnCoE,GACApE,EAONsE,IAAiB,EAAc,IAA4B,CAC/D,IAAMpB,EAASjD,EAAUkD,EAAMnC,EAASC,CAAO,EAC/CS,EAAewB,CAAM,EACrB1B,EAAU1B,EAAaoD,EAAQqB,CAAe,EAAIA,EAAkB7I,EAAAA,eAAewH,CAAM,CAAC,CAC5F,EAEMsB,GAAkB,GAAkB,CACxC,IAAMC,EAAazE,EAASsD,EAAQ,GAC9BC,EAAQtD,EAAUoE,EAAaf,EAAQ,GAAItC,EAASC,CAAO,EACjEO,EAAUiD,CAAU,EACpB/C,EAAe5B,EAAayD,EAAOkB,CAAU,EAAIlB,EAAQ,IAAI,CAC/D,EAIMmB,EAAc,GAA2B,CAC7C,EAAa,QAAU,GACvBjE,GAAQ0C,CAAI,CACd,EAGMwB,OAAkB,CACtB,IAAMzB,EAASzH,EAAAA,UAAU8E,GAASjF,EAAAA,WAAW,IAAI,IAAM,EAAG0F,EAASC,CAAO,EAC1EJ,EAAarF,EAAAA,aAAa0H,CAAM,CAAC,EACjC/B,EAAc+B,CAAM,EACpBpB,GAAiB,GAAY8C,EAAU,CAAC,EACxCF,EAAW,KAAK,CAClB,EAGMG,OAAmB,CACvB1D,EAAc4B,CAAW,EACzB1B,EAAiB0B,EAAY,YAAY,CAAC,EAC1CxB,EAAgB/F,EAAAA,aAAauH,CAAW,CAAC,EACzC2B,EAAW,OAAO,CACpB,EAGMI,OAAkB,CACtBvD,EAAgByC,CAAW,EAC3BxC,EAAU9F,EAAAA,eAAesI,EAAY,YAAY,CAAC,CAAC,EACnDtC,EAAesC,EAAY,YAAY,CAAC,EACxCU,EAAW,MAAM,CACnB,EAGMK,GAAa,GAAgB,CACjC,IAAMC,GACHnB,EAAM,YAAY,EAAId,EAAY,YAAY,GAAK,IACnDc,EAAM,SAAS,EAAId,EAAY,SAAS,GACrCU,EAAMhI,EAAAA,UAAUQ,EAAAA,UAAU8G,EAAaiC,CAAU,EAAGhE,EAASC,CAAO,EAC1EJ,EAAagD,CAAK,EAClB1C,EAActF,EAAAA,YAAY4H,EAAKI,CAAK,EAAIJ,EAAM,IAAI,EAClDiB,EAAW,KAAK,CAClB,EAGMO,GAAY,GAAmB,CACnC,IAAMlF,EAAOmF,EAAS,YAAY,EAC5BrB,EAAQD,GAAWzH,EAAAA,SAAS4D,EAAMiE,EAAY,SAAS,EAAG,CAAC,CAAC,EAClE3C,EAAiBtB,CAAI,EACrBwB,EAAgBsC,EAAM,YAAY,IAAM9D,EAAO8D,EAAQ,IAAI,EAC3Da,EAAW,OAAO,CACpB,EAIMS,GAAgB,GAA4C,CAC5DC,EAAM,MAAQ,UAAY1E,IAAS,OAAUtE,GAAAA,WAAWgJ,CAAK,IAC7DA,EAAM,kBAAoBA,EAAM,YAAY,cAChDA,EAAM,eAAe,EACrBV,EAAWhE,IAAS,OAAS,QAAU,KAAK,GAC9C,EAIM2E,GACJ3E,IAAS,MAAQ9E,EAAAA,cAAcgF,CAAS,EAAIF,IAAS,QAAUU,EAAgBpB,EAC3EsF,GACJ5E,IAAS,MAAQsC,GAAWtC,IAAS,QAAU9E,EAAAA,cAAcoI,CAAW,EAAIK,EAMxEkB,GAAYhK,EAAM,OAA8B,IAAI,EAEpDiK,GAAkBjK,EAAM,OAAO,EAAK,EAC1C6D,EAAM,cAAgB,CACpB,IAAMqG,EAAa,GAAsB,CACvC,IAAMvC,EAASkC,EAAM,OACrB,GAAgB,QACd,CAAC,CAAClC,IAAW,CAAC,CAACvB,EAAQ,SAAS,SAASuB,CAAM,GAAK,CAAC,CAACqC,GAAU,SAAS,SAASrC,CAAM,EAC5F,EAEA,OADA,SAAS,iBAAiB,UAAWuC,CAAS,MACjC,SAAS,oBAAoB,UAAWA,CAAS,CAChE,EAAG,CAAC,CAAC,EACL,IAAMC,GAAkBnK,EAAM,OAAOmF,CAAI,EACzCtB,EAAM,oBAAsB,CAC1B,IAAMuG,EAAcD,GAAgB,UAAYhF,EAChD,GAAgB,QAAUA,EAC1B,IAAMkF,EAAYhE,EAAa,QAC/B,EAAa,QAAU,GACvB,IAAMiE,EAAOlE,EAAQ,QACrB,GAAI,CAACkE,EAAM,OACX,IAAMC,EAASD,EAAK,cAAc,cAI5BE,EACJJ,GAAeH,GAAgB,UAAY,CAACM,GAAUA,IAAWD,EAAK,cAAc,MACtF,GAAI,CAACD,GAAa,CAACG,IAAS,CAACD,GAAU,CAACD,EAAK,SAASC,CAAM,GAAI,OAChE,IAAME,EAASH,EAAK,cAA2B,sBAAsB,EACjEG,GAAUA,IAAWF,GAAQE,EAAO,MAAM,CAChD,EAAG,CAACtF,EAAM2E,GAAWC,GAASzD,EAAY,CAAC,EAI3C,IAAIoE,GACAC,GACAC,EACAC,EACAC,EACAC,EACA5F,IAAS,OACX,GAAgB6F,GAAQ,eAAiB,iBACzC,GAAYA,GAAQ,WAAa,aACjC,EAAmB,CAAC,CAACvF,GAAW3E,EAAAA,QAAQuE,EAAW,EAAE,EAAItF,EAAAA,WAAW0F,CAAO,EAC3E,EAAe,CAAC,CAACC,GAAWhF,EAAAA,UAAU2E,EAAW,CAAC,EAAItF,EAAAA,WAAW2F,CAAO,EACxE,EAAWmC,GACX,EAAc9G,EAAAA,gBAAgBsE,EAAW4F,CAAM,GACtC9F,IAAS,SAClB,GAAgB6F,GAAQ,cAAgB,gBACxC,GAAYA,GAAQ,UAAY,YAChC,EAAmBhK,EAAAA,iBAAiB6E,EAAgB,EAAGJ,EAASC,CAAO,EACvE,EAAe1E,EAAAA,iBAAiB6E,EAAgB,EAAGJ,EAASC,CAAO,EACnE,EAAWiD,GACX,EAAc1H,EAAAA,WAAWL,EAAAA,SAASiF,EAAe,EAAG,CAAC,EAAGoF,CAAM,IAE9D,GAAgBD,GAAQ,gBAAkB,kBAC1C,GAAYA,GAAQ,YAAc,cAElC,EACEhK,EAAAA,iBAAiByD,EAAS,EAAGgB,EAAS,IAAA,EAAS,GAC/CzE,EAAAA,iBAAiByD,EAAS,GAAI,IAAA,GAAWiB,CAAO,EAClD,EACE1E,EAAAA,iBAAiByD,EAAS,GAAI,IAAA,GAAWiB,CAAO,GAChD1E,EAAAA,iBAAiByD,EAAS,GAAIgB,EAAS,IAAA,EAAS,EAClD,EAAWwD,GACX,EAAc/H,EAAAA,aAAauD,EAAQwG,CAAM,GAI3C,IAAMC,GAAkB,CAAC,CAAClG,GAAS,CAAC7D,EAAAA,cAAc6D,EAAOS,EAASC,CAAO,EAEnEyF,GAAsB/F,GAAmBD,IAAS,OAASA,EAAO,KAClEiG,GACJjG,IAAS,MACJ6F,GAAQ,aAAe,iBACvBA,GAAQ,YAAc,gBAEzBV,GACJ,GAAInF,IAAS,MACX,IACE,EAAArB,EAAA,IAAA,CAAC1C,EAAAA,gBAAD,CACE,IAAKgF,EACL,GAAII,EACO,YACA,YACJ,QACM,cACC,gBACP,QACS,iBACR,SACS,mBACA,kBACJ,eACF,aACD,YACF,SACO,iBACf,YAAakB,GACb,WAAYO,GACJ,SACQ,gBACjB,CAAA,OAEE,GAAI9C,IAAS,QAAS,CAC3B,IAAMkG,EAAShK,EAAAA,cAAcwE,CAAa,EAC1C,IACE,EAAA/B,EAAA,IAAA,CAACxC,EAAAA,mBAAD,CACE,IAAK8E,EACL,GAAII,EACO,YACX,MAAO6E,EAAO,IAAK,IAAW,CAC5B,KAAM/C,EACN,KAAM/G,EAAAA,iBAAiB+G,EAAO2C,CAAM,EACpC,MAAOlK,EAAAA,gBAAgBuH,EAAO2C,CAAM,EACpC,SAAU,CAAC,CAAC1F,GAASjF,EAAAA,YAAYgI,EAAO/C,CAAK,EAC7C,QAAS,CAAC,CAACP,GAAS1E,EAAAA,YAAYgI,EAAOtD,CAAK,EAC5C,QAAS,GACT,YAAaxD,EAAAA,kBAAkB8G,EAAO7C,EAASC,CAAO,CACxD,EAAE,EACF,WAAY+C,EAAY,SAAS,EACjC,YAAc,GAAUC,GAAehI,EAAAA,UAAU+H,EAAaV,CAAK,CAAC,EACpE,OAAS,GAAcW,GAAehI,EAAAA,UAAU+H,EAAa6C,EAAY,EAAE,CAAC,EAC5E,YAAc,GAAU,CACjBhL,EAAAA,YAAYgI,EAAOG,CAAW,GAAGzC,EAAgBsC,CAAK,CAC7D,EACA,OAAQkB,GACR,UAAWI,GACX,eAAgB,CAAE,KAAM2B,GAAgB,KAAM,KAAMA,GAAgB,KAAM,CAC3E,CAAA,CAEL,KAAO,CACL,IAAMC,EAAQ/J,EAAAA,eAAegD,CAAM,EACnC,IACE,EAAAX,EAAA,IAAA,CAACxC,EAAAA,mBAAD,CACE,IAAK8E,EACL,GAAII,EACO,YACX,MAAOgF,EAAM,IAAK,GAAa,CAC7B,IAAMhH,EAAOmF,EAAS,YAAY,EAClC,MAAO,CACL,KAAMA,EACN,KAAM1I,EAAAA,WAAW0I,EAAUsB,CAAM,EACjC,SAAU1F,GAAO,YAAY,IAAMf,EACnC,QAASQ,GAAO,YAAY,IAAMR,EAClC,QAASA,EAAOC,GAAUD,EAAOC,EAAS,EAC1C,YAAazD,EAAAA,iBAAiBwD,EAAMiB,EAASC,CAAO,CACtD,CACF,CAAC,EACD,WAAYoD,GAAcrE,EAAS,GACnC,YAAc,GAAUsE,GAAcD,EAAaf,EAAOtD,CAAM,EAChE,OAAS,GAAcsE,GAAcD,EAAawC,EAAY,GAAI7G,EAAS6G,EAAY,EAAE,EACzF,YAAc,GAAa,CACrB3B,EAAS,YAAY,IAAMb,GAAY3C,EAAewD,EAAS,YAAY,CAAC,CAClF,EACA,OAAQD,GACR,UAAWE,GACX,eAAgB,CAAE,KAAM2B,GAAgB,KAAM,KAAMA,GAAgB,IAAK,CAC1E,CAAA,CAEL,CAEA,OACE,EAAAzH,EAAA,KAAA,CAAApC,EAAAA,SAAA,CAAA,SAAA,EACE,EAAAoC,EAAA,KAAA,CAAC,MAAD,CACE,IAAKkG,GACL,UAAWrI,EAAAA,GAAG4J,GAAgB,OAAQ,8CAA8C,EACpF,UAAW3B,GAHb,SAAA,EAKE,EAAA9F,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,aAAY4G,GACZ,gBAAelE,EACf,GAAI5E,EAAAA,uBAAuBgJ,CAAgB,EAC3C,QAAS/I,EAAAA,kBAAkB+I,MAAwBE,EAAS,EAAE,CAAC,EAC/D,UAAWnJ,EAAAA,GACT4J,GAAgB,oBAChBxH,GACAjC,EAAAA,UACAC,EAAAA,cACF,EAEA,UAAA,EAAA+B,EAAA,IAAA,CAAC9B,GAAAA,gBAAD,CAAiB,UAAU,uBAAyB,CAAA,CAC9C,CAAA,GACR,EAAA8B,EAAA,IAAA,CAACiB,GAAD,CACE,GAAI0G,EACJ,YAAU,SACV,UAAW9J,EAAAA,GAAG4J,GAAgB,QAAS,2BAA2B,EAEjE,SAAAJ,IAGC,EAAArH,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,mBAAkB2C,EAClB,QAAS0E,KAAwB,MAAQ7B,GAAaC,GACtD,UAAW5H,EAAAA,GAAG4J,GAAgB,cAAevH,GAAwBlC,EAAAA,SAAS,EAE7E,SAAAiJ,CACK,CAAA,EAERA,CAEK,CAAA,EACRI,KACC,EAAArH,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI2C,EAAQ,OAAA,GACf,SAAA2E,EACG,CAAA,GAER,EAAAtH,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,aAAY6G,GACZ,gBAAenE,EACf,GAAI5E,EAAAA,uBAAuBiJ,CAAY,EACvC,QAAShJ,EAAAA,kBAAkBgJ,MAAoBC,EAAS,CAAC,CAAC,EAC1D,UAAWnJ,EAAAA,GACT4J,GAAgB,gBAChBxH,GACAjC,EAAAA,UACAC,EAAAA,cACF,EAEA,UAAA,EAAA+B,EAAA,IAAA,CAAC7B,GAAAA,iBAAD,CAAkB,UAAU,uBAAyB,CAAA,CAC/C,CAAA,CACL,IACJqI,IACCoB,GAAiBC,KACjB,EAAA7H,EAAA,KAAA,CAAC,MAAD,CACE,UAAWnC,EAAAA,GAAG4J,GAAgB,OAAQ,0CAA0C,EAChF,UAAW3B,GAFb,SAAA,CAIG8B,IACC,EAAA5H,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SAEL,SAAUoH,GACV,QAAS9B,GACT,UAAWzH,EAAAA,GACT4J,GAAgB,YAChBtH,EAAA,oFAAA,mJAGF,EAEC,SAAA+G,GAAQ,WAAa,aAChB,CAAA,EAETW,IACC,EAAA7H,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,QAAS6H,EACT,UAAWhK,EAAAA,GACT4J,GAAgB,YAChBtH,EAAA,oFAAA,mJAGF,EAEC,SAAA2H,IAAc,OACT,CAAA,CAEP,GAEP,CAAA,CAAA,CAEN,EAEA,EAAa,YAAc,eAI3B,IAAMC,GAAwD,CAC5D,OAAQ3J,EAAAA,mBAAmB,OAC3B,oBAAqBA,EAAAA,mBAAmB,eACxC,QAASA,EAAAA,mBAAmB,QAC5B,cAAeA,EAAAA,mBAAmB,cAClC,gBAAiBA,EAAAA,mBAAmB,WACpC,KAAMA,EAAAA,mBAAmB,KACzB,QAASA,EAAAA,mBAAmB,QAC5B,IAAKA,EAAAA,mBAAmB,IACxB,MAAOA,EAAAA,mBAAmB,MAC1B,KAAMA,EAAAA,mBAAmB,KACzB,iBAAkBA,EAAAA,mBAAmB,iBACrC,WAAYA,EAAAA,mBAAmB,WAC/B,UAAWA,EAAAA,mBAAmB,UAC9B,OAAQA,EAAAA,mBAAmB,OAC3B,YAAaA,EAAAA,mBAAmB,WAClC,EAiDa4J,GAAY,CACvB,MAAOC,EACP,eACA,iBACA,WACA,UACA,iBACA,kBAAiB,EACjB,SACA,MAAOjH,GACP,qBACA,kBAAkB,GAClB,kBACA,mBACA,iBACA,eACA,aACA,YACA,iBAAiB,MACjB,eACA,UACA,OACA,QACA,WACA,KACA,aAAckH,EACd,kBAAmBC,GACnB,mBAAoBC,GACpB,eAAgBC,EAChB,gBAAiBC,EACjB,YACA,OACA,GAAGC,KACgB,CACnB,IAAMxF,EAAiB,GAAetG,EAAAA,iBAAiBuG,EAAMrB,GAASC,EAASqB,EAAa,EACtF,CAACxB,EAAO+G,IAAYnK,EAAAA,gBAA6B4J,EAAWQ,GAAgB,KAAO,GACvFC,KAAgB5E,EAAM,CACpB,MAAOA,EACHpH,EAAAA,kBACEoH,EACAX,EACAC,GACAC,GAAgBjD,GAChB2C,CACF,EACA,CAAC,CACP,CAAC,CACH,EAGM4F,EAAU,GAAsB,CACpC,IAAMC,EAAa9E,EAAO7H,EAAAA,WAAW6H,CAAI,EAAI,MAC3B8E,EAAa/L,EAAAA,UAAU+L,EAAYnH,CAAK,EAAIA,IAAU,OACxD+G,GAASI,CAAU,CACrC,EAIMC,EAAWvK,EAAAA,YAAY,EACvB4C,EAAQF,KAAc6H,EAAW,IAAI,KAAS,MAEpD9I,EAAM,cAAgB,CAChBoH,IAAW,IAAA,IAAa,CAAC5I,EAAAA,iBAAiB4I,CAAM,GAClDpI,EAAA,SACE,2BAA2BoI,IAC3B,yBAAyBA,EAAO,kLAGlC,CAEJ,EAAG,CAACA,CAAM,CAAC,EACX,IAAM2B,EAAU9H,KAAc,IAAA,IAAaU,IAAuB,IAAA,IAAaD,IAAU,KACzF1B,EAAM,cAAgB,CAEhB,CAAC8I,GAAY,CAACC,GAChB/J,EAAA,SACE,0BACA,yNAGF,CAEJ,EAAG,CAAC8J,EAAUC,CAAO,CAAC,EAEtB,IAAMC,EAAQvK,EAAAA,gBAAgB,EACxB,CACJ,gBAAiBwK,EACjB,mBAAoBC,EACpB,GAAGC,IACDzK,EAAAA,gBACF,CACE,KACA,aAAcyJ,EACd,kBAAmBC,GACnB,mBAAoBC,GACpB,eAAgBC,EAGhB,gBAAiBC,GAAgBa,CACnC,EACA,CAAE,UAAW,EAAM,CACrB,EACMC,GAAaD,GAAYJ,GAAO,UAAY,GAE5CM,EAAiB/M,EAAAA,MAAM,mBAAmB,EAC1CgN,EAAmBN,IAAsB,IAAA,IAAa,OAAOA,CAAiB,IAAM,QAEpFrB,EAAYrL,EAAAA,MAAM,kBAAkB,EACpCiN,EAAUrN,EAAM,OAA8B,IAAI,EAClDsN,GAAY9K,GAAAA,cAA8B+K,GAAKF,CAAO,EAE5D7J,EAAA,aAAa6J,MAAeZ,EAAOF,GAAgB,IAAI,EAAGiB,EAAI,EAE9D,IAAMC,OAAqB,CACzBJ,EAAQ,SACJ,cAA2B,gDAAgD,CAAC,EAC5E,MAAM,CACZ,EAEA,OACE,EAAAvJ,EAAA,KAAA,CAAC,MAAD,CACE,KAAK,QACL,GAAIkJ,GACJ,mBAAkBvK,EAAAA,QAAQsK,EAAkBK,GAAoBD,CAAc,EAC9E,UAAWxL,EAAAA,GACTO,EAAAA,mBAAmB,KACnB,gDACAwL,CACF,EACA,GAAIrB,EACJ,IAAKiB,GAVP,SAAA,EAYE,EAAAxJ,EAAA,IAAA,CAACe,EAAD,CACS,QACP,OAAQ4H,EACC,WACA,UACM,iBACC,kBACR,SACD,QACa,qBACH,kBACA,kBACA,mBACF,iBACF,eACF,aACD,YACM,iBACF,eACN,UACR,UAAU,MACC,YACX,eAAgBZ,EACjB,CAAA,EACAuB,IACC,EAAAtJ,EAAA,IAAA,CAAC,OAAD,CAAM,GAAIqJ,EAAgB,OAAA,GACvB,SAAAnC,IAAQ,UAAY,UACjB,CAAA,GAER,EAAAlH,EAAA,IAAA,CAACpB,GAAAA,YAAD,CACE,KAAK,OACC,OACA,QACN,MAAO6C,EAAQlF,EAAAA,cAAckF,CAAK,EAAI,GACtC,SAAU2H,GACV,UAAWO,EACZ,CAAA,CACE,GAET,EAEA,EAAS,YAAc"}

package/dist/components/input/Calendar.mjs

@@ -0,0 +1,352 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { warnOnce as t } from "../../lib/dev.mjs";
+import { calendarClassNames as n } from "../../lib/classNames.mjs";
+import { addDays as r, addMonths as i, isSameDay as a, makeDate as o, startOfDay as s, startOfMonth as c } from "../../lib/date.mjs";
+import { useControllable as l } from "../../hooks/useControllable.mjs";
+import { useId as ee } from "../../hooks/useId.mjs";
+import { useMergedRefs as u } from "../../hooks/useMergedRefs.mjs";
+import { useIsClient as te } from "../../hooks/useIsClient.mjs";
+import { focusableDisabledProps as ne, joinIds as d, preventIfDisabled as f } from "../../lib/aria.mjs";
+import { useFieldContext as p, useFieldControl as re } from "../../hooks/useFieldControl.mjs";
+import { disabledStyles as m, focusRing as h } from "../../lib/styles.mjs";
+import { ChevronLeftIcon as ie, ChevronRightIcon as ae } from "../../lib/icons.mjs";
+import { useFormReset as oe } from "../../hooks/useFormReset.mjs";
+import { HiddenInput as se } from "../internal/HiddenInput.mjs";
+import { isOwnEvent as ce } from "../../lib/events.mjs";
+import { clampDate as g, formatDecade as le, formatISODate as _, formatMonthShort as ue, formatMonthYear as de, formatYear as fe, getCalendarDays as pe, getDecadeStart as v, getDecadeYears as me, getSelectionRange as he, getYearMonths as ge, isDateInRange as _e, isDayUnavailable as ve, isMonthOutOfRange as ye, isSameMonth as y, isValidLocaleTag as be, isYearOutOfRange as b } from "./dateUtils.mjs";
+import { CalendarDayGrid as xe, CalendarPickerGrid as Se } from "./Calendar.views.mjs";
+import * as x from "react";
+import { Fragment as Ce, jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/components/input/Calendar.tsx
+var we = "flex h-8 w-8 items-center justify-center rounded bg-transparent p-0 text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover", Te = "flex h-8 items-center justify-center rounded bg-transparent p-0 px-2 text-body-1 font-semibold text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover", Ee = "flex h-8 items-center justify-center rounded bg-transparent p-0 px-3 text-body-1 text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover", De = [
+	1,
+	2,
+	3,
+	4,
+	5
+];
+function Oe(e) {
+	let t = [];
+	for (let n = 0; n < e.length; n += 7) t.push(e.slice(n, n + 7));
+	return t;
+}
+function w(e, t) {
+	return e >= t - 1 && e <= t + 10;
+}
+function T(e, t, n) {
+	return t && e < t.getFullYear() ? t.getFullYear() : n && e > n.getFullYear() ? n.getFullYear() : e;
+}
+var E = ({ value: t, onPick: n, minDate: l, maxDate: u, disabledDates: te, firstDayOfWeek: d, locale: p, today: re, initialVisibleDate: oe, showMonthPicker: se = !0, showWeekNumbers: be, firstWeekOfYear: E, markedDates: ke, renderDay: D, dayLabel: Ae, selectionRange: je = "day", workWeekDays: Me = De, showGoToToday: Ne = !1, onClose: O, closeLabel: Pe, labels: k, headingAs: Fe, headingId: A, partClassNames: j }) => {
+	let M = re === void 0 ? s(/* @__PURE__ */ new Date()) : re && s(re), [Ie, Le] = x.useState("day"), N = se ? Ie : "day";
+	Ie !== N && Le(N);
+	let [P, F] = x.useState(() => c(g(t ?? oe ?? M ?? /* @__PURE__ */ new Date(), l, u))), [Re, I] = x.useState(null), [L, R] = x.useState(() => P.getFullYear()), [ze, z] = x.useState(null), [B, Be] = x.useState(() => v(P.getFullYear())), [Ve, V] = x.useState(null), H = x.useRef(null), He = x.useRef(!1), [Ue, We] = x.useState(0), U = ee("calendar-grid"), Ge = ee("calendar-heading-hint"), Ke = t ? _(t) : "", [qe, Je] = x.useState(Ke);
+	if (qe !== Ke && (Je(Ke), t)) {
+		y(t, P) || (F(c(g(t, l, u))), I(null));
+		let e = T(t.getFullYear(), l, u);
+		R(e), z(null), Be(v(e)), V(null);
+	}
+	let Ye = (e) => ve(e, l, u, te), Xe = new Set(t ? he(t, je, d, Me, Ye).map(_) : []), W = x.useMemo(() => Oe(pe(P, d)), [P, d]), Ze = (e) => !!e && y(e, P), Qe = (e) => !!e && e >= W[0][0] && e <= W[W.length - 1][6], G = M && g(M, l, u), $e = g(P, l, u), K = Qe(Re) ? Re : Ze(t) ? s(t) : Ze(G) ? G : Ze($e) ? $e : P, et = _(K), tt = (e) => {
+		let t = g(e, l, u);
+		I(t), y(t, P) || F(c(t));
+	}, nt = (e) => {
+		let t = i(P, e), n = g(i(K, e), l, u);
+		F(t), I(y(n, t) ? n : null);
+	}, rt = (e) => {
+		a(e, K) || I(e);
+	}, it = l && c(l), at = u && c(u), ot = (e) => g(c(e), it, at), st = (e) => !!e && e.getFullYear() === L, ct = ot(o(L, 0, 1)), q = st(ze) ? ze : st(t) ? c(t) : st(G) ? c(G) : st(ct) ? ct : o(L, 0, 1), lt = (e) => {
+		let t = ot(e);
+		z(t), R(t.getFullYear());
+	}, ut = (e) => {
+		let t = L + e, n = ot(i(q, e * 12));
+		R(t), z(n.getFullYear() === t ? n : null);
+	}, dt = T(B, l, u), J = Ve !== null && w(Ve, B) ? Ve : t && w(t.getFullYear(), B) ? t.getFullYear() : G && w(G.getFullYear(), B) ? G.getFullYear() : w(dt, B) ? dt : B, ft = (e, t) => {
+		let n = T(e, l, u);
+		V(n), Be(w(n, t) ? t : v(n));
+	}, pt = (e) => {
+		let t = B + e * 10, n = T(J + e * 10, l, u);
+		Be(t), V(w(n, t) ? n : null);
+	}, Y = (e) => {
+		He.current = !0, Le(e);
+	}, mt = () => {
+		let e = g(M ?? s(/* @__PURE__ */ new Date()), l, u);
+		F(c(e)), I(e), We((e) => e + 1), Y("day");
+	}, ht = () => {
+		I(K), R(K.getFullYear()), z(c(K)), Y("month");
+	}, gt = () => {
+		z(q), Be(v(q.getFullYear())), V(q.getFullYear()), Y("year");
+	}, _t = (e) => {
+		let t = (e.getFullYear() - K.getFullYear()) * 12 + (e.getMonth() - K.getMonth()), n = g(i(K, t), l, u);
+		F(e), I(y(n, e) ? n : null), Y("day");
+	}, vt = (e) => {
+		let t = e.getFullYear(), n = ot(o(t, q.getMonth(), 1));
+		R(t), z(n.getFullYear() === t ? n : null), Y("month");
+	}, yt = (e) => {
+		e.key === "Escape" && N !== "day" && ce(e) && (e.defaultPrevented || e.nativeEvent.isComposing || (e.preventDefault(), Y(N === "year" ? "month" : "day")));
+	}, bt = N === "day" ? _(P) : N === "month" ? L : B, xt = N === "day" ? et : N === "month" ? _(q) : J, St = x.useRef(null), Ct = x.useRef(!1);
+	x.useEffect(() => {
+		let e = (e) => {
+			let t = e.target;
+			Ct.current = !!t && (!!H.current?.contains(t) || !!St.current?.contains(t));
+		};
+		return document.addEventListener("focusin", e), () => document.removeEventListener("focusin", e);
+	}, []);
+	let wt = x.useRef(N);
+	x.useLayoutEffect(() => {
+		let e = wt.current !== N;
+		wt.current = N;
+		let t = He.current;
+		He.current = !1;
+		let n = H.current;
+		if (!n) return;
+		let r = n.ownerDocument.activeElement, i = e && Ct.current && (!r || r === n.ownerDocument.body);
+		if (!t && !i && (!r || !n.contains(r))) return;
+		let a = n.querySelector("button[tabindex=\"0\"]");
+		a && a !== r && a.focus();
+	}, [
+		N,
+		bt,
+		xt,
+		Ue
+	]);
+	let Tt, Et, X, Z, Q, $;
+	N === "day" ? (Tt = k?.previousMonth ?? "Previous month", Et = k?.nextMonth ?? "Next month", X = !!l && r(P, -1) < s(l), Z = !!u && i(P, 1) > s(u), Q = nt, $ = de(P, p)) : N === "month" ? (Tt = k?.previousYear ?? "Previous year", Et = k?.nextYear ?? "Next year", X = b(L - 1, l, u), Z = b(L + 1, l, u), Q = ut, $ = fe(o(L, 0, 1), p)) : (Tt = k?.previousDecade ?? "Previous decade", Et = k?.nextDecade ?? "Next decade", X = b(B - 1, l, void 0) || b(B - 10, void 0, u), Z = b(B + 10, void 0, u) || b(B + 19, l, void 0), Q = pt, $ = le(B, p));
+	let Dt = !!M && !_e(M, l, u), Ot = se && N !== "year" ? N : null, kt = N === "day" ? k?.chooseMonth ?? "Choose a month" : k?.chooseYear ?? "Choose a year", At;
+	if (N === "day") At = /* @__PURE__ */ S(xe, {
+		ref: H,
+		id: U,
+		headingId: A,
+		viewMonth: P,
+		weeks: W,
+		focusTarget: K,
+		selectedDays: Xe,
+		today: M,
+		firstDayOfWeek: d,
+		locale: p,
+		showWeekNumbers: be,
+		firstWeekOfYear: E,
+		markedDates: ke,
+		renderDay: D,
+		dayLabel: Ae,
+		labels: k,
+		isUnavailable: Ye,
+		onMoveFocus: tt,
+		onDayFocus: rt,
+		onPick: n,
+		partClassNames: j
+	});
+	else if (N === "month") {
+		let e = ge(L);
+		At = /* @__PURE__ */ S(Se, {
+			ref: H,
+			id: U,
+			headingId: A,
+			cells: e.map((e) => ({
+				date: e,
+				text: ue(e, p),
+				label: de(e, p),
+				selected: !!t && y(e, t),
+				current: !!M && y(e, M),
+				outside: !1,
+				unavailable: ye(e, l, u)
+			})),
+			focusIndex: q.getMonth(),
+			onMoveFocus: (e) => lt(i(q, e)),
+			onPage: (e) => lt(i(q, e * 12)),
+			onCellFocus: (e) => {
+				y(e, q) || z(e);
+			},
+			onPick: _t,
+			onKeyDown: yt,
+			partClassNames: {
+				grid: j?.grid,
+				cell: j?.month
+			}
+		});
+	} else {
+		let e = me(B);
+		At = /* @__PURE__ */ S(Se, {
+			ref: H,
+			id: U,
+			headingId: A,
+			cells: e.map((e) => {
+				let n = e.getFullYear();
+				return {
+					date: e,
+					text: fe(e, p),
+					selected: t?.getFullYear() === n,
+					current: M?.getFullYear() === n,
+					outside: n < B || n > B + 9,
+					unavailable: b(n, l, u)
+				};
+			}),
+			focusIndex: J - (B - 1),
+			onMoveFocus: (e) => ft(J + e, B),
+			onPage: (e) => ft(J + e * 10, B + e * 10),
+			onCellFocus: (e) => {
+				e.getFullYear() !== J && V(e.getFullYear());
+			},
+			onPick: vt,
+			onKeyDown: yt,
+			partClassNames: {
+				grid: j?.grid,
+				cell: j?.year
+			}
+		});
+	}
+	return /* @__PURE__ */ C(Ce, { children: [
+		/* @__PURE__ */ C("div", {
+			ref: St,
+			className: e(j?.header, "mb-2 flex items-center justify-between gap-2"),
+			onKeyDown: yt,
+			children: [
+				/* @__PURE__ */ S("button", {
+					type: "button",
+					"aria-label": Tt,
+					"aria-controls": U,
+					...ne(X),
+					onClick: f(X, () => Q(-1)),
+					className: e(j?.previousMonthButton, we, h, m),
+					children: /* @__PURE__ */ S(ie, { className: "wave-rtl:-scale-x-100" })
+				}),
+				/* @__PURE__ */ S(Fe, {
+					id: A,
+					"aria-live": "polite",
+					className: e(j?.heading, "text-body-1 font-semibold"),
+					children: Ot ? /* @__PURE__ */ S("button", {
+						type: "button",
+						"aria-describedby": Ge,
+						onClick: Ot === "day" ? ht : gt,
+						className: e(j?.headingButton, Te, h),
+						children: $
+					}) : $
+				}),
+				Ot && /* @__PURE__ */ S("span", {
+					id: Ge,
+					hidden: !0,
+					children: kt
+				}),
+				/* @__PURE__ */ S("button", {
+					type: "button",
+					"aria-label": Et,
+					"aria-controls": U,
+					...ne(Z),
+					onClick: f(Z, () => Q(1)),
+					className: e(j?.nextMonthButton, we, h, m),
+					children: /* @__PURE__ */ S(ae, { className: "wave-rtl:-scale-x-100" })
+				})
+			]
+		}),
+		At,
+		(Ne || O) && /* @__PURE__ */ C("div", {
+			className: e(j?.footer, "mt-2 flex items-center justify-end gap-2"),
+			onKeyDown: yt,
+			children: [Ne && /* @__PURE__ */ S("button", {
+				type: "button",
+				disabled: Dt,
+				onClick: mt,
+				className: e(j?.todayButton, Ee, "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100"),
+				children: k?.goToToday ?? "Go to today"
+			}), O && /* @__PURE__ */ S("button", {
+				type: "button",
+				onClick: O,
+				className: e(j?.closeButton, Ee, "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100"),
+				children: Pe ?? "Close"
+			})]
+		})
+	] });
+};
+E.displayName = "CalendarView";
+var ke = {
+	header: n.header,
+	previousMonthButton: n.previousButton,
+	heading: n.heading,
+	headingButton: n.headingButton,
+	nextMonthButton: n.nextButton,
+	grid: n.grid,
+	weekday: n.weekday,
+	day: n.day,
+	month: n.month,
+	year: n.year,
+	weekNumberHeader: n.weekNumberHeader,
+	weekNumber: n.weekNumber,
+	markedDot: n.markedDot,
+	footer: n.footer,
+	todayButton: n.todayButton
+}, D = ({ value: r, defaultValue: i, onValueChange: o, minDate: c, maxDate: ne, disabledDates: f, firstDayOfWeek: m = 0, locale: h, today: ie, initialVisibleDate: ae, showMonthPicker: ce = !0, showWeekNumbers: g, firstWeekOfYear: le, showGoToToday: ue, markedDates: de, renderDay: fe, dayLabel: pe, selectionRange: v = "day", workWeekDays: me, labels: ge, name: _e, form: ye, required: y, id: b, "aria-label": xe, "aria-labelledby": Se, "aria-describedby": Ce, "aria-invalid": we, "aria-required": Te, className: Ee, ref: Oe, ...w }) => {
+	let T = (e) => ve(e, c, ne, f), [D, Ae] = l(r, i ?? null, (e) => o?.(e, { range: e ? he(e, v, m, me ?? De, T) : [] })), je = (e) => {
+		let t = e ? s(e) : null;
+		(t ? a(t, D) : D === null) || Ae(t);
+	}, Me = te(), Ne = ie ?? (Me ? /* @__PURE__ */ new Date() : null);
+	x.useEffect(() => {
+		h !== void 0 && !be(h) && t(`Calendar:invalid-locale:${h}`, `Calendar: \`locale\` "${h}" is not a valid BCP 47 language tag (use hyphens, as in "en-US"). The runtime default locale formats the dates instead, so the server and the browser may render different text.`);
+	}, [h]);
+	let O = ie !== void 0 || ae !== void 0 || D !== null;
+	x.useEffect(() => {
+		!Me && !O && t("Calendar:hydration-date", "Calendar: rendered on the server without `today`, `initialVisibleDate` or `value`, so the month shown first comes from the server's clock and the browser may show another month. Pass `today` or `initialVisibleDate`.");
+	}, [Me, O]);
+	let Pe = p(), { "aria-required": k, "aria-describedby": Fe, ...A } = re({
+		id: b,
+		"aria-label": xe,
+		"aria-labelledby": Se,
+		"aria-describedby": Ce,
+		"aria-invalid": we,
+		"aria-required": Te ?? y
+	}, { labelable: !1 }), j = y ?? Pe?.required ?? !1, M = ee("calendar-required"), Ie = k !== void 0 && String(k) !== "false", Le = ee("calendar-heading"), N = x.useRef(null), P = u(Oe, N);
+	oe(N, () => je(i ?? null), ye);
+	let F = () => {
+		N.current?.querySelector("[data-wave-calendar-grid] button[tabindex=\"0\"]")?.focus();
+	};
+	return /* @__PURE__ */ C("div", {
+		role: "group",
+		...A,
+		"aria-describedby": d(Fe, Ie && M),
+		className: e(n.root, "relative inline-flex flex-col text-foreground", Ee),
+		...w,
+		ref: P,
+		children: [
+			/* @__PURE__ */ S(E, {
+				value: D,
+				onPick: je,
+				minDate: c,
+				maxDate: ne,
+				disabledDates: f,
+				firstDayOfWeek: m,
+				locale: h,
+				today: Ne,
+				initialVisibleDate: ae,
+				showMonthPicker: ce,
+				showWeekNumbers: g,
+				firstWeekOfYear: le,
+				showGoToToday: ue,
+				markedDates: de,
+				renderDay: fe,
+				dayLabel: pe,
+				selectionRange: v,
+				workWeekDays: me,
+				labels: ge,
+				headingAs: "div",
+				headingId: Le,
+				partClassNames: ke
+			}),
+			Ie && /* @__PURE__ */ S("span", {
+				id: M,
+				hidden: !0,
+				children: ge?.required ?? "Required"
+			}),
+			/* @__PURE__ */ S(se, {
+				type: "text",
+				name: _e,
+				form: ye,
+				value: D ? _(D) : "",
+				required: j,
+				onInvalid: F
+			})
+		]
+	});
+};
+D.displayName = "Calendar";
+//#endregion
+export { D as Calendar, E as CalendarView };
+
+//# sourceMappingURL=Calendar.mjs.map