react-aria 3.48.0 → 3.50.0

package/dist/private/calendar/useCalendarYearPicker.mjs

@@ -0,0 +1,85 @@
+import {useDateFormatter as $60f33508b4cd9d3b$export$85fd5fdf27bacc79} from "../i18n/useDateFormatter.mjs";
+import {useLocale as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7} from "../i18n/I18nProvider.mjs";
+import {toCalendarDate as $irNCa$toCalendarDate, isSameYear as $irNCa$isSameYear} from "@internationalized/date";
+import {useMemo as $irNCa$useMemo} from "react";
+
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+function $e4b70edea91ee6b0$export$89757cae093b4b95(props, state) {
+    let formatter = (0, $60f33508b4cd9d3b$export$85fd5fdf27bacc79)({
+        year: props.format?.year || 'numeric',
+        era: props.format?.era || (state.focusedDate.calendar.identifier === 'gregory' && state.focusedDate.era === 'BC' ? 'short' : undefined),
+        calendar: state.focusedDate.calendar.identifier,
+        timeZone: state.timeZone
+    });
+    // Determine the minimum and maximum date. By default, show an equal number of years on each side of the current year.
+    // However, this can be constrained by the calendar's minimum and maximum date.
+    let visibleYears = props.visibleYears || 20;
+    let minDate = state.focusedDate.subtract({
+        years: Math.floor(visibleYears / 2)
+    });
+    let maxDate = state.focusedDate.add({
+        years: Math.ceil(visibleYears / 2) - 1
+    });
+    if (state.maxValue && maxDate.compare(state.maxValue) > 0) {
+        maxDate = (0, $irNCa$toCalendarDate)(state.maxValue);
+        minDate = maxDate.subtract({
+            years: visibleYears - 1
+        });
+    }
+    if (state.minValue && minDate.compare(state.minValue) < 0) {
+        minDate = (0, $irNCa$toCalendarDate)(state.minValue);
+        maxDate = minDate.add({
+            years: visibleYears - 1
+        });
+        if (state.maxValue && maxDate.compare(state.maxValue) > 0) maxDate = (0, $irNCa$toCalendarDate)(state.maxValue);
+    }
+    let years = [];
+    let date = minDate;
+    let value = 0;
+    while(date.compare(maxDate) <= 0){
+        if ((0, $irNCa$isSameYear)(date, state.focusedDate)) value = years.length;
+        years.push({
+            // Use the index as the id so we can retrieve the full
+            // date object from the list in onChange. We cannot only
+            // store the year number, because in some calendars, such
+            // as the Japanese, the era may also change.
+            id: years.length,
+            date: date,
+            formatted: formatter.format(date.toDate(state.timeZone))
+        });
+        date = date.add({
+            years: 1
+        });
+    }
+    let { locale: locale } = (0, $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
+    let ariaLabel = (0, $irNCa$useMemo)(()=>new Intl.DisplayNames(locale, {
+            type: 'dateTimeField'
+        }).of('year'), [
+        locale
+    ]);
+    return {
+        'aria-label': ariaLabel,
+        value: value,
+        onChange: (key)=>{
+            if (key != null) state.setFocusedDate(years[key].date);
+        },
+        items: years
+    };
+}
+
+
+export {$e4b70edea91ee6b0$export$89757cae093b4b95 as useCalendarYearPicker};
+//# sourceMappingURL=useCalendarYearPicker.mjs.map

package/dist/private/calendar/useCalendarYearPicker.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAyCM,SAAS,0CACd,KAA8B,EAC9B,KAAgE;IAEhE,IAAI,YAAY,CAAA,GAAA,yCAAe,EAAE;QAC/B,MAAM,MAAM,MAAM,EAAE,QAAQ;QAC5B,KACE,MAAM,MAAM,EAAE,OACb,CAAA,MAAM,WAAW,CAAC,QAAQ,CAAC,UAAU,KAAK,aAAa,MAAM,WAAW,CAAC,GAAG,KAAK,OAC9E,UACA,SAAQ;QACd,UAAU,MAAM,WAAW,CAAC,QAAQ,CAAC,UAAU;QAC/C,UAAU,MAAM,QAAQ;IAC1B;IAEA,sHAAsH;IACtH,+EAA+E;IAC/E,IAAI,eAAe,MAAM,YAAY,IAAI;IACzC,IAAI,UAAU,MAAM,WAAW,CAAC,QAAQ,CAAC;QAAC,OAAO,KAAK,KAAK,CAAC,eAAe;IAAE;IAC7E,IAAI,UAAU,MAAM,WAAW,CAAC,GAAG,CAAC;QAAC,OAAO,KAAK,IAAI,CAAC,eAAe,KAAK;IAAC;IAC3E,IAAI,MAAM,QAAQ,IAAI,QAAQ,OAAO,CAAC,MAAM,QAAQ,IAAI,GAAG;QACzD,UAAU,CAAA,GAAA,qBAAa,EAAE,MAAM,QAAQ;QACvC,UAAU,QAAQ,QAAQ,CAAC;YAAC,OAAO,eAAe;QAAC;IACrD;IAEA,IAAI,MAAM,QAAQ,IAAI,QAAQ,OAAO,CAAC,MAAM,QAAQ,IAAI,GAAG;QACzD,UAAU,CAAA,GAAA,qBAAa,EAAE,MAAM,QAAQ;QACvC,UAAU,QAAQ,GAAG,CAAC;YAAC,OAAO,eAAe;QAAC;QAC9C,IAAI,MAAM,QAAQ,IAAI,QAAQ,OAAO,CAAC,MAAM,QAAQ,IAAI,GACtD,UAAU,CAAA,GAAA,qBAAa,EAAE,MAAM,QAAQ;IAE3C;IAEA,IAAI,QAAkC,EAAE;IACxC,IAAI,OAAO;IACX,IAAI,QAAQ;IACZ,MAAO,KAAK,OAAO,CAAC,YAAY,EAAG;QACjC,IAAI,CAAA,GAAA,iBAAS,EAAE,MAAM,MAAM,WAAW,GACpC,QAAQ,MAAM,MAAM;QAGtB,MAAM,IAAI,CAAC;YACT,sDAAsD;YACtD,wDAAwD;YACxD,yDAAyD;YACzD,4CAA4C;YAC5C,IAAI,MAAM,MAAM;kBAChB;YACA,WAAW,UAAU,MAAM,CAAC,KAAK,MAAM,CAAC,MAAM,QAAQ;QACxD;QAEA,OAAO,KAAK,GAAG,CAAC;YAAC,OAAO;QAAC;IAC3B;IAEA,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,yCAAQ;IACvB,IAAI,YAAY,CAAA,GAAA,cAAM,EACpB,IAAM,IAAI,KAAK,YAAY,CAAC,QAAQ;YAAC,MAAM;QAAe,GAAG,EAAE,CAAC,SAChE;QAAC;KAAO;IAGV,OAAO;QACL,cAAc;eACd;QACA,UAAU,CAAA;YACR,IAAI,OAAO,MACT,MAAM,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;QAExC;QACA,OAAO;IACT;AACF","sources":["packages/react-aria/src/calendar/useCalendarYearPicker.ts"],"sourcesContent":["/*\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CalendarDate, isSameYear, toCalendarDate} from '@internationalized/date';\nimport {CalendarSelectionMode, CalendarState} from 'react-stately/useCalendarState';\nimport {Key} from '@react-types/shared';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useMemo} from 'react';\n\nexport interface CalendarYearPickerFormatOptions {\n  year?: 'numeric' | '2-digit';\n  era?: 'long' | 'short' | 'narrow';\n}\n\nexport interface CalendarYearPickerProps {\n  /**\n   * The number of years to display.\n   *\n   * @default 20\n   */\n  visibleYears?: number;\n  /**\n   * The format to display.\n   */\n  format?: CalendarYearPickerFormatOptions;\n}\n\nexport interface CalendarYearPickerAria {\n  'aria-label': string;\n  value: Key;\n  onChange: (key: Key | null) => void;\n  items: CalendarYearPickerItem[];\n}\n\nexport interface CalendarYearPickerItem {\n  id: number;\n  date: CalendarDate;\n  formatted: string;\n}\n\nexport function useCalendarYearPicker(\n  props: CalendarYearPickerProps,\n  state: CalendarState<CalendarSelectionMode> | RangeCalendarState\n): CalendarYearPickerAria {\n  let formatter = useDateFormatter({\n    year: props.format?.year || 'numeric',\n    era:\n      props.format?.era ||\n      (state.focusedDate.calendar.identifier === 'gregory' && state.focusedDate.era === 'BC'\n        ? 'short'\n        : undefined),\n    calendar: state.focusedDate.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  // Determine the minimum and maximum date. By default, show an equal number of years on each side of the current year.\n  // However, this can be constrained by the calendar's minimum and maximum date.\n  let visibleYears = props.visibleYears || 20;\n  let minDate = state.focusedDate.subtract({years: Math.floor(visibleYears / 2)});\n  let maxDate = state.focusedDate.add({years: Math.ceil(visibleYears / 2) - 1});\n  if (state.maxValue && maxDate.compare(state.maxValue) > 0) {\n    maxDate = toCalendarDate(state.maxValue);\n    minDate = maxDate.subtract({years: visibleYears - 1});\n  }\n\n  if (state.minValue && minDate.compare(state.minValue) < 0) {\n    minDate = toCalendarDate(state.minValue);\n    maxDate = minDate.add({years: visibleYears - 1});\n    if (state.maxValue && maxDate.compare(state.maxValue) > 0) {\n      maxDate = toCalendarDate(state.maxValue);\n    }\n  }\n\n  let years: CalendarYearPickerItem[] = [];\n  let date = minDate;\n  let value = 0;\n  while (date.compare(maxDate) <= 0) {\n    if (isSameYear(date, state.focusedDate)) {\n      value = years.length;\n    }\n\n    years.push({\n      // Use the index as the id so we can retrieve the full\n      // date object from the list in onChange. We cannot only\n      // store the year number, because in some calendars, such\n      // as the Japanese, the era may also change.\n      id: years.length,\n      date,\n      formatted: formatter.format(date.toDate(state.timeZone))\n    });\n\n    date = date.add({years: 1});\n  }\n\n  let {locale} = useLocale();\n  let ariaLabel = useMemo(\n    () => new Intl.DisplayNames(locale, {type: 'dateTimeField'}).of('year')!,\n    [locale]\n  );\n\n  return {\n    'aria-label': ariaLabel,\n    value,\n    onChange: key => {\n      if (key != null) {\n        state.setFocusedDate(years[key].date);\n      }\n    },\n    items: years\n  };\n}\n"],"names":[],"version":3,"file":"useCalendarYearPicker.mjs.map"}

package/dist/private/calendar/useRangeCalendar.cjs

@@ -40,7 +40,7 @@ function $c552d0e45aac5890$export$87e0539f600c24e5(props, state, ref) {
     const commitBehaviorMapping = {
         clear: ()=>state.clearSelection(),
         reset: ()=>state.setAnchorDate(null),
-        select: ()=>state.selectFocusedDate()
+        select: ()=>state.commitSelection()
     };
     // Execute method corresponding to `commitBehavior` when pressing or releasing a pointer outside the calendar body,
     // except when pressing the next or previous buttons to switch months.

package/dist/private/calendar/useRangeCalendar.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AA4BM,SAAS,0CAAsC,KAAgC,EAAE,KAAyB,EAAE,GAAuC;IACxJ,IAAI,kBAAC,iBAAiB,UAAU,GAAG,YAAW,GAAG;IACjD,IAAI,MAAM,CAAA,GAAA,yCAAc,EAAE,YAAY;IAEtC,6EAA6E;IAC7E,iDAAiD;IACjD,iDAAiD;IACjD,iFAAiF;IACjF,gFAAgF;IAChF,iEAAiE;IACjE,IAAI,iBAAiB,CAAA,GAAA,mBAAK,EAAE;IAC5B,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE,OAAO,WAAW,cAAc,SAAS;IAChE,CAAA,GAAA,kCAAO,EAAE,WAAW,eAAe,CAAA;QACjC,eAAe,OAAO,GAAG,EAAE,KAAK,KAAK,KAAK,EAAE,MAAM,KAAK;IACzD;IAEA,MAAM,wBAAwB;QAC5B,OAAO,IAAM,MAAM,cAAc;QACjC,OAAO,IAAM,MAAM,aAAa,CAAC;QACjC,QAAQ,IAAM,MAAM,iBAAiB;IACvC;IAEA,mHAAmH;IACnH,sEAAsE;IACtE,IAAI,cAAc,CAAC;QACjB,IAAI,eAAe,OAAO,EAAE;YAC1B,eAAe,OAAO,GAAG;YACzB;QACF;QAEA,MAAM,WAAW,CAAC;QAClB,IAAI,CAAC,MAAM,UAAU,EACnB;QAGF,IAAI,SAAS,EAAE,MAAM;QACrB,IACE,IAAI,OAAO,IACX,CAAA,GAAA,uCAAY,EAAE,IAAI,OAAO,KACxB,CAAA,CAAC,CAAA,GAAA,sCAAW,EAAE,IAAI,OAAO,EAAE,WAAW,CAAC,OAAO,OAAO,CAAC,0BAAyB,GAEhF,qBAAqB,CAAC,eAAe;IAEzC;IAEA,CAAA,GAAA,kCAAO,EAAE,WAAW,aAAa;IAEjC,iEAAiE;IACjE,uCAAuC;IACvC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAA;QACzB,IAAI,CAAC,IAAI,OAAO,EACd;QAGF,IAAI,AAAC,CAAA,CAAC,EAAE,aAAa,IAAI,CAAC,CAAA,GAAA,sCAAW,EAAE,IAAI,OAAO,EAAE,EAAE,aAAa,CAAA,KAAM,MAAM,UAAU,EACvF,qBAAqB,CAAC,eAAe;IAEzC;IAEA,yCAAyC;IACzC,CAAA,GAAA,kCAAO,EAAE,KAAK,aAAa,CAAA;QACzB,IAAI,MAAM,UAAU,EAClB,EAAE,cAAc;IAEpB,GAAG;QAAC,SAAS;QAAO,SAAS;IAAI;IAEjC,OAAO;AACT","sources":["packages/react-aria/src/calendar/useRangeCalendar.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, FocusableElement, RefObject} from '@react-types/shared';\nimport {CalendarAria, useCalendarBase} from './useCalendarBase';\nimport {DateValue, RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {isFocusWithin, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {RangeCalendarProps} from 'react-stately/useRangeCalendarState';\nimport {useEvent} from '../utils/useEvent';\nimport {useRef} from 'react';\n\nexport interface AriaRangeCalendarProps<T extends DateValue> extends RangeCalendarProps<T>, DOMProps, AriaLabelingProps {\n  /**\n   * Controls the behavior when a pointer is released outside the calendar or a blur occurs mid selection:\n   *\n   * - `clear`: clear the currently selected range of dates.\n   *\n   * - `reset`: reset the selection to the previously selected range of dates.\n   *\n   * - `select`: select the currently hovered range of dates.\n   * @default 'select'\n   */\n  commitBehavior?: 'clear' | 'reset' | 'select'\n}\n\n/**\n * Provides the behavior and accessibility implementation for a range calendar component.\n * A range calendar displays one or more date grids and allows users to select a contiguous range of dates.\n */\nexport function useRangeCalendar<T extends DateValue>(props: AriaRangeCalendarProps<T>, state: RangeCalendarState, ref: RefObject<FocusableElement | null>): CalendarAria {\n  let {commitBehavior = 'select', ...otherProps} = props;\n  let res = useCalendarBase(otherProps, state);\n\n  // We need to ignore virtual pointer events from VoiceOver due to these bugs.\n  // https://bugs.webkit.org/show_bug.cgi?id=222627\n  // https://bugs.webkit.org/show_bug.cgi?id=223202\n  // usePress also does this and waits for the following click event before firing.\n  // We need to match that here otherwise this will fire before the press event in\n  // useCalendarCell, causing range selection to not work properly.\n  let isVirtualClick = useRef(false);\n  let windowRef = useRef(typeof window !== 'undefined' ? window : null);\n  useEvent(windowRef, 'pointerdown', e => {\n    isVirtualClick.current = e.width === 0 && e.height === 0;\n  });\n\n  const commitBehaviorMapping = {\n    clear: () => state.clearSelection(),\n    reset: () => state.setAnchorDate(null),\n    select: () => state.selectFocusedDate()\n  };\n\n  // Execute method corresponding to `commitBehavior` when pressing or releasing a pointer outside the calendar body,\n  // except when pressing the next or previous buttons to switch months.\n  let endDragging = (e: PointerEvent) => {\n    if (isVirtualClick.current) {\n      isVirtualClick.current = false;\n      return;\n    }\n\n    state.setDragging(false);\n    if (!state.anchorDate) {\n      return;\n    }\n\n    let target = e.target as Element;\n    if (\n      ref.current &&\n      isFocusWithin(ref.current) &&\n      (!nodeContains(ref.current, target) || !target.closest('button, [role=\"button\"]'))\n    ) {\n      commitBehaviorMapping[commitBehavior]();\n    }\n  };\n\n  useEvent(windowRef, 'pointerup', endDragging);\n\n  // Also execute method corresponding to `commitBehavior` on blur,\n  // e.g. tabbing away from the calendar.\n  res.calendarProps.onBlur = e => {\n    if (!ref.current) {\n      return;\n    }\n\n    if ((!e.relatedTarget || !nodeContains(ref.current, e.relatedTarget)) && state.anchorDate) {\n      commitBehaviorMapping[commitBehavior]();\n    }\n  };\n\n  // Prevent touch scrolling while dragging\n  useEvent(ref, 'touchmove', e => {\n    if (state.isDragging) {\n      e.preventDefault();\n    }\n  }, {passive: false, capture: true});\n\n  return res;\n}\n"],"names":[],"version":3,"file":"useRangeCalendar.cjs.map"}
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AA6BM,SAAS,0CACd,KAAgC,EAChC,KAAyB,EACzB,GAAuC;IAEvC,IAAI,kBAAC,iBAAiB,UAAU,GAAG,YAAW,GAAG;IACjD,IAAI,MAAM,CAAA,GAAA,yCAAc,EAAE,YAAY;IAEtC,6EAA6E;IAC7E,iDAAiD;IACjD,iDAAiD;IACjD,iFAAiF;IACjF,gFAAgF;IAChF,iEAAiE;IACjE,IAAI,iBAAiB,CAAA,GAAA,mBAAK,EAAE;IAC5B,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE,OAAO,WAAW,cAAc,SAAS;IAChE,CAAA,GAAA,kCAAO,EAAE,WAAW,eAAe,CAAA;QACjC,eAAe,OAAO,GAAG,EAAE,KAAK,KAAK,KAAK,EAAE,MAAM,KAAK;IACzD;IAEA,MAAM,wBAAwB;QAC5B,OAAO,IAAM,MAAM,cAAc;QACjC,OAAO,IAAM,MAAM,aAAa,CAAC;QACjC,QAAQ,IAAM,MAAM,eAAe;IACrC;IAEA,mHAAmH;IACnH,sEAAsE;IACtE,IAAI,cAAc,CAAC;QACjB,IAAI,eAAe,OAAO,EAAE;YAC1B,eAAe,OAAO,GAAG;YACzB;QACF;QAEA,MAAM,WAAW,CAAC;QAClB,IAAI,CAAC,MAAM,UAAU,EACnB;QAGF,IAAI,SAAS,EAAE,MAAM;QACrB,IACE,IAAI,OAAO,IACX,CAAA,GAAA,uCAAY,EAAE,IAAI,OAAO,KACxB,CAAA,CAAC,CAAA,GAAA,sCAAW,EAAE,IAAI,OAAO,EAAE,WAAW,CAAC,OAAO,OAAO,CAAC,0BAAyB,GAEhF,qBAAqB,CAAC,eAAe;IAEzC;IAEA,CAAA,GAAA,kCAAO,EAAE,WAAW,aAAa;IAEjC,iEAAiE;IACjE,uCAAuC;IACvC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAA;QACzB,IAAI,CAAC,IAAI,OAAO,EACd;QAGF,IAAI,AAAC,CAAA,CAAC,EAAE,aAAa,IAAI,CAAC,CAAA,GAAA,sCAAW,EAAE,IAAI,OAAO,EAAE,EAAE,aAAa,CAAA,KAAM,MAAM,UAAU,EACvF,qBAAqB,CAAC,eAAe;IAEzC;IAEA,yCAAyC;IACzC,CAAA,GAAA,kCAAO,EACL,KACA,aACA,CAAA;QACE,IAAI,MAAM,UAAU,EAClB,EAAE,cAAc;IAEpB,GACA;QAAC,SAAS;QAAO,SAAS;IAAI;IAGhC,OAAO;AACT","sources":["packages/react-aria/src/calendar/useRangeCalendar.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, FocusableElement, RefObject} from '@react-types/shared';\nimport {CalendarAria, useCalendarBase} from './useCalendarBase';\nimport {DateValue, RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {isFocusWithin, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {RangeCalendarProps} from 'react-stately/useRangeCalendarState';\nimport {useEvent} from '../utils/useEvent';\nimport {useRef} from 'react';\n\nexport interface AriaRangeCalendarProps<T extends DateValue>\n  extends RangeCalendarProps<T>, DOMProps, AriaLabelingProps {\n  /**\n   * Controls the behavior when a pointer is released outside the calendar or a blur occurs mid\n   * selection:\n   *\n   * - `clear`: clear the currently selected range of dates.\n   * - `reset`: reset the selection to the previously selected range of dates.\n   * - `select`: select the currently hovered range of dates.\n   *\n   * @default 'select'\n   */\n  commitBehavior?: 'clear' | 'reset' | 'select';\n}\n\n/**\n * Provides the behavior and accessibility implementation for a range calendar component. A range\n * calendar displays one or more date grids and allows users to select a contiguous range of dates.\n */\nexport function useRangeCalendar<T extends DateValue>(\n  props: AriaRangeCalendarProps<T>,\n  state: RangeCalendarState,\n  ref: RefObject<FocusableElement | null>\n): CalendarAria {\n  let {commitBehavior = 'select', ...otherProps} = props;\n  let res = useCalendarBase(otherProps, state);\n\n  // We need to ignore virtual pointer events from VoiceOver due to these bugs.\n  // https://bugs.webkit.org/show_bug.cgi?id=222627\n  // https://bugs.webkit.org/show_bug.cgi?id=223202\n  // usePress also does this and waits for the following click event before firing.\n  // We need to match that here otherwise this will fire before the press event in\n  // useCalendarCell, causing range selection to not work properly.\n  let isVirtualClick = useRef(false);\n  let windowRef = useRef(typeof window !== 'undefined' ? window : null);\n  useEvent(windowRef, 'pointerdown', e => {\n    isVirtualClick.current = e.width === 0 && e.height === 0;\n  });\n\n  const commitBehaviorMapping = {\n    clear: () => state.clearSelection(),\n    reset: () => state.setAnchorDate(null),\n    select: () => state.commitSelection()\n  };\n\n  // Execute method corresponding to `commitBehavior` when pressing or releasing a pointer outside the calendar body,\n  // except when pressing the next or previous buttons to switch months.\n  let endDragging = (e: PointerEvent) => {\n    if (isVirtualClick.current) {\n      isVirtualClick.current = false;\n      return;\n    }\n\n    state.setDragging(false);\n    if (!state.anchorDate) {\n      return;\n    }\n\n    let target = e.target as Element;\n    if (\n      ref.current &&\n      isFocusWithin(ref.current) &&\n      (!nodeContains(ref.current, target) || !target.closest('button, [role=\"button\"]'))\n    ) {\n      commitBehaviorMapping[commitBehavior]();\n    }\n  };\n\n  useEvent(windowRef, 'pointerup', endDragging);\n\n  // Also execute method corresponding to `commitBehavior` on blur,\n  // e.g. tabbing away from the calendar.\n  res.calendarProps.onBlur = e => {\n    if (!ref.current) {\n      return;\n    }\n\n    if ((!e.relatedTarget || !nodeContains(ref.current, e.relatedTarget)) && state.anchorDate) {\n      commitBehaviorMapping[commitBehavior]();\n    }\n  };\n\n  // Prevent touch scrolling while dragging\n  useEvent(\n    ref,\n    'touchmove',\n    e => {\n      if (state.isDragging) {\n        e.preventDefault();\n      }\n    },\n    {passive: false, capture: true}\n  );\n\n  return res;\n}\n"],"names":[],"version":3,"file":"useRangeCalendar.cjs.map"}

package/dist/private/calendar/useRangeCalendar.js

@@ -34,7 +34,7 @@ function $6be926a37aeba1bf$export$87e0539f600c24e5(props, state, ref) {
     const commitBehaviorMapping = {
         clear: ()=>state.clearSelection(),
         reset: ()=>state.setAnchorDate(null),
-        select: ()=>state.selectFocusedDate()
+        select: ()=>state.commitSelection()
     };
     // Execute method corresponding to `commitBehavior` when pressing or releasing a pointer outside the calendar body,
     // except when pressing the next or previous buttons to switch months.

package/dist/private/calendar/useRangeCalendar.js.map

@@ -1 +1 @@
-{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AA4BM,SAAS,0CAAsC,KAAgC,EAAE,KAAyB,EAAE,GAAuC;IACxJ,IAAI,kBAAC,iBAAiB,UAAU,GAAG,YAAW,GAAG;IACjD,IAAI,MAAM,CAAA,GAAA,yCAAc,EAAE,YAAY;IAEtC,6EAA6E;IAC7E,iDAAiD;IACjD,iDAAiD;IACjD,iFAAiF;IACjF,gFAAgF;IAChF,iEAAiE;IACjE,IAAI,iBAAiB,CAAA,GAAA,aAAK,EAAE;IAC5B,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE,OAAO,WAAW,cAAc,SAAS;IAChE,CAAA,GAAA,yCAAO,EAAE,WAAW,eAAe,CAAA;QACjC,eAAe,OAAO,GAAG,EAAE,KAAK,KAAK,KAAK,EAAE,MAAM,KAAK;IACzD;IAEA,MAAM,wBAAwB;QAC5B,OAAO,IAAM,MAAM,cAAc;QACjC,OAAO,IAAM,MAAM,aAAa,CAAC;QACjC,QAAQ,IAAM,MAAM,iBAAiB;IACvC;IAEA,mHAAmH;IACnH,sEAAsE;IACtE,IAAI,cAAc,CAAC;QACjB,IAAI,eAAe,OAAO,EAAE;YAC1B,eAAe,OAAO,GAAG;YACzB;QACF;QAEA,MAAM,WAAW,CAAC;QAClB,IAAI,CAAC,MAAM,UAAU,EACnB;QAGF,IAAI,SAAS,EAAE,MAAM;QACrB,IACE,IAAI,OAAO,IACX,CAAA,GAAA,yCAAY,EAAE,IAAI,OAAO,KACxB,CAAA,CAAC,CAAA,GAAA,yCAAW,EAAE,IAAI,OAAO,EAAE,WAAW,CAAC,OAAO,OAAO,CAAC,0BAAyB,GAEhF,qBAAqB,CAAC,eAAe;IAEzC;IAEA,CAAA,GAAA,yCAAO,EAAE,WAAW,aAAa;IAEjC,iEAAiE;IACjE,uCAAuC;IACvC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAA;QACzB,IAAI,CAAC,IAAI,OAAO,EACd;QAGF,IAAI,AAAC,CAAA,CAAC,EAAE,aAAa,IAAI,CAAC,CAAA,GAAA,yCAAW,EAAE,IAAI,OAAO,EAAE,EAAE,aAAa,CAAA,KAAM,MAAM,UAAU,EACvF,qBAAqB,CAAC,eAAe;IAEzC;IAEA,yCAAyC;IACzC,CAAA,GAAA,yCAAO,EAAE,KAAK,aAAa,CAAA;QACzB,IAAI,MAAM,UAAU,EAClB,EAAE,cAAc;IAEpB,GAAG;QAAC,SAAS;QAAO,SAAS;IAAI;IAEjC,OAAO;AACT","sources":["packages/react-aria/src/calendar/useRangeCalendar.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, FocusableElement, RefObject} from '@react-types/shared';\nimport {CalendarAria, useCalendarBase} from './useCalendarBase';\nimport {DateValue, RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {isFocusWithin, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {RangeCalendarProps} from 'react-stately/useRangeCalendarState';\nimport {useEvent} from '../utils/useEvent';\nimport {useRef} from 'react';\n\nexport interface AriaRangeCalendarProps<T extends DateValue> extends RangeCalendarProps<T>, DOMProps, AriaLabelingProps {\n  /**\n   * Controls the behavior when a pointer is released outside the calendar or a blur occurs mid selection:\n   *\n   * - `clear`: clear the currently selected range of dates.\n   *\n   * - `reset`: reset the selection to the previously selected range of dates.\n   *\n   * - `select`: select the currently hovered range of dates.\n   * @default 'select'\n   */\n  commitBehavior?: 'clear' | 'reset' | 'select'\n}\n\n/**\n * Provides the behavior and accessibility implementation for a range calendar component.\n * A range calendar displays one or more date grids and allows users to select a contiguous range of dates.\n */\nexport function useRangeCalendar<T extends DateValue>(props: AriaRangeCalendarProps<T>, state: RangeCalendarState, ref: RefObject<FocusableElement | null>): CalendarAria {\n  let {commitBehavior = 'select', ...otherProps} = props;\n  let res = useCalendarBase(otherProps, state);\n\n  // We need to ignore virtual pointer events from VoiceOver due to these bugs.\n  // https://bugs.webkit.org/show_bug.cgi?id=222627\n  // https://bugs.webkit.org/show_bug.cgi?id=223202\n  // usePress also does this and waits for the following click event before firing.\n  // We need to match that here otherwise this will fire before the press event in\n  // useCalendarCell, causing range selection to not work properly.\n  let isVirtualClick = useRef(false);\n  let windowRef = useRef(typeof window !== 'undefined' ? window : null);\n  useEvent(windowRef, 'pointerdown', e => {\n    isVirtualClick.current = e.width === 0 && e.height === 0;\n  });\n\n  const commitBehaviorMapping = {\n    clear: () => state.clearSelection(),\n    reset: () => state.setAnchorDate(null),\n    select: () => state.selectFocusedDate()\n  };\n\n  // Execute method corresponding to `commitBehavior` when pressing or releasing a pointer outside the calendar body,\n  // except when pressing the next or previous buttons to switch months.\n  let endDragging = (e: PointerEvent) => {\n    if (isVirtualClick.current) {\n      isVirtualClick.current = false;\n      return;\n    }\n\n    state.setDragging(false);\n    if (!state.anchorDate) {\n      return;\n    }\n\n    let target = e.target as Element;\n    if (\n      ref.current &&\n      isFocusWithin(ref.current) &&\n      (!nodeContains(ref.current, target) || !target.closest('button, [role=\"button\"]'))\n    ) {\n      commitBehaviorMapping[commitBehavior]();\n    }\n  };\n\n  useEvent(windowRef, 'pointerup', endDragging);\n\n  // Also execute method corresponding to `commitBehavior` on blur,\n  // e.g. tabbing away from the calendar.\n  res.calendarProps.onBlur = e => {\n    if (!ref.current) {\n      return;\n    }\n\n    if ((!e.relatedTarget || !nodeContains(ref.current, e.relatedTarget)) && state.anchorDate) {\n      commitBehaviorMapping[commitBehavior]();\n    }\n  };\n\n  // Prevent touch scrolling while dragging\n  useEvent(ref, 'touchmove', e => {\n    if (state.isDragging) {\n      e.preventDefault();\n    }\n  }, {passive: false, capture: true});\n\n  return res;\n}\n"],"names":[],"version":3,"file":"useRangeCalendar.js.map"}
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AA6BM,SAAS,0CACd,KAAgC,EAChC,KAAyB,EACzB,GAAuC;IAEvC,IAAI,kBAAC,iBAAiB,UAAU,GAAG,YAAW,GAAG;IACjD,IAAI,MAAM,CAAA,GAAA,yCAAc,EAAE,YAAY;IAEtC,6EAA6E;IAC7E,iDAAiD;IACjD,iDAAiD;IACjD,iFAAiF;IACjF,gFAAgF;IAChF,iEAAiE;IACjE,IAAI,iBAAiB,CAAA,GAAA,aAAK,EAAE;IAC5B,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE,OAAO,WAAW,cAAc,SAAS;IAChE,CAAA,GAAA,yCAAO,EAAE,WAAW,eAAe,CAAA;QACjC,eAAe,OAAO,GAAG,EAAE,KAAK,KAAK,KAAK,EAAE,MAAM,KAAK;IACzD;IAEA,MAAM,wBAAwB;QAC5B,OAAO,IAAM,MAAM,cAAc;QACjC,OAAO,IAAM,MAAM,aAAa,CAAC;QACjC,QAAQ,IAAM,MAAM,eAAe;IACrC;IAEA,mHAAmH;IACnH,sEAAsE;IACtE,IAAI,cAAc,CAAC;QACjB,IAAI,eAAe,OAAO,EAAE;YAC1B,eAAe,OAAO,GAAG;YACzB;QACF;QAEA,MAAM,WAAW,CAAC;QAClB,IAAI,CAAC,MAAM,UAAU,EACnB;QAGF,IAAI,SAAS,EAAE,MAAM;QACrB,IACE,IAAI,OAAO,IACX,CAAA,GAAA,yCAAY,EAAE,IAAI,OAAO,KACxB,CAAA,CAAC,CAAA,GAAA,yCAAW,EAAE,IAAI,OAAO,EAAE,WAAW,CAAC,OAAO,OAAO,CAAC,0BAAyB,GAEhF,qBAAqB,CAAC,eAAe;IAEzC;IAEA,CAAA,GAAA,yCAAO,EAAE,WAAW,aAAa;IAEjC,iEAAiE;IACjE,uCAAuC;IACvC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAA;QACzB,IAAI,CAAC,IAAI,OAAO,EACd;QAGF,IAAI,AAAC,CAAA,CAAC,EAAE,aAAa,IAAI,CAAC,CAAA,GAAA,yCAAW,EAAE,IAAI,OAAO,EAAE,EAAE,aAAa,CAAA,KAAM,MAAM,UAAU,EACvF,qBAAqB,CAAC,eAAe;IAEzC;IAEA,yCAAyC;IACzC,CAAA,GAAA,yCAAO,EACL,KACA,aACA,CAAA;QACE,IAAI,MAAM,UAAU,EAClB,EAAE,cAAc;IAEpB,GACA;QAAC,SAAS;QAAO,SAAS;IAAI;IAGhC,OAAO;AACT","sources":["packages/react-aria/src/calendar/useRangeCalendar.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, FocusableElement, RefObject} from '@react-types/shared';\nimport {CalendarAria, useCalendarBase} from './useCalendarBase';\nimport {DateValue, RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {isFocusWithin, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {RangeCalendarProps} from 'react-stately/useRangeCalendarState';\nimport {useEvent} from '../utils/useEvent';\nimport {useRef} from 'react';\n\nexport interface AriaRangeCalendarProps<T extends DateValue>\n  extends RangeCalendarProps<T>, DOMProps, AriaLabelingProps {\n  /**\n   * Controls the behavior when a pointer is released outside the calendar or a blur occurs mid\n   * selection:\n   *\n   * - `clear`: clear the currently selected range of dates.\n   * - `reset`: reset the selection to the previously selected range of dates.\n   * - `select`: select the currently hovered range of dates.\n   *\n   * @default 'select'\n   */\n  commitBehavior?: 'clear' | 'reset' | 'select';\n}\n\n/**\n * Provides the behavior and accessibility implementation for a range calendar component. A range\n * calendar displays one or more date grids and allows users to select a contiguous range of dates.\n */\nexport function useRangeCalendar<T extends DateValue>(\n  props: AriaRangeCalendarProps<T>,\n  state: RangeCalendarState,\n  ref: RefObject<FocusableElement | null>\n): CalendarAria {\n  let {commitBehavior = 'select', ...otherProps} = props;\n  let res = useCalendarBase(otherProps, state);\n\n  // We need to ignore virtual pointer events from VoiceOver due to these bugs.\n  // https://bugs.webkit.org/show_bug.cgi?id=222627\n  // https://bugs.webkit.org/show_bug.cgi?id=223202\n  // usePress also does this and waits for the following click event before firing.\n  // We need to match that here otherwise this will fire before the press event in\n  // useCalendarCell, causing range selection to not work properly.\n  let isVirtualClick = useRef(false);\n  let windowRef = useRef(typeof window !== 'undefined' ? window : null);\n  useEvent(windowRef, 'pointerdown', e => {\n    isVirtualClick.current = e.width === 0 && e.height === 0;\n  });\n\n  const commitBehaviorMapping = {\n    clear: () => state.clearSelection(),\n    reset: () => state.setAnchorDate(null),\n    select: () => state.commitSelection()\n  };\n\n  // Execute method corresponding to `commitBehavior` when pressing or releasing a pointer outside the calendar body,\n  // except when pressing the next or previous buttons to switch months.\n  let endDragging = (e: PointerEvent) => {\n    if (isVirtualClick.current) {\n      isVirtualClick.current = false;\n      return;\n    }\n\n    state.setDragging(false);\n    if (!state.anchorDate) {\n      return;\n    }\n\n    let target = e.target as Element;\n    if (\n      ref.current &&\n      isFocusWithin(ref.current) &&\n      (!nodeContains(ref.current, target) || !target.closest('button, [role=\"button\"]'))\n    ) {\n      commitBehaviorMapping[commitBehavior]();\n    }\n  };\n\n  useEvent(windowRef, 'pointerup', endDragging);\n\n  // Also execute method corresponding to `commitBehavior` on blur,\n  // e.g. tabbing away from the calendar.\n  res.calendarProps.onBlur = e => {\n    if (!ref.current) {\n      return;\n    }\n\n    if ((!e.relatedTarget || !nodeContains(ref.current, e.relatedTarget)) && state.anchorDate) {\n      commitBehaviorMapping[commitBehavior]();\n    }\n  };\n\n  // Prevent touch scrolling while dragging\n  useEvent(\n    ref,\n    'touchmove',\n    e => {\n      if (state.isDragging) {\n        e.preventDefault();\n      }\n    },\n    {passive: false, capture: true}\n  );\n\n  return res;\n}\n"],"names":[],"version":3,"file":"useRangeCalendar.js.map"}

package/dist/private/calendar/useRangeCalendar.mjs

@@ -34,7 +34,7 @@ function $be0fc2ab732b9d1a$export$87e0539f600c24e5(props, state, ref) {
     const commitBehaviorMapping = {
         clear: ()=>state.clearSelection(),
         reset: ()=>state.setAnchorDate(null),
-        select: ()=>state.selectFocusedDate()
+        select: ()=>state.commitSelection()
     };
     // Execute method corresponding to `commitBehavior` when pressing or releasing a pointer outside the calendar body,
     // except when pressing the next or previous buttons to switch months.

package/dist/private/calendar/useRangeCalendar.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AA4BM,SAAS,0CAAsC,KAAgC,EAAE,KAAyB,EAAE,GAAuC;IACxJ,IAAI,kBAAC,iBAAiB,UAAU,GAAG,YAAW,GAAG;IACjD,IAAI,MAAM,CAAA,GAAA,yCAAc,EAAE,YAAY;IAEtC,6EAA6E;IAC7E,iDAAiD;IACjD,iDAAiD;IACjD,iFAAiF;IACjF,gFAAgF;IAChF,iEAAiE;IACjE,IAAI,iBAAiB,CAAA,GAAA,aAAK,EAAE;IAC5B,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE,OAAO,WAAW,cAAc,SAAS;IAChE,CAAA,GAAA,yCAAO,EAAE,WAAW,eAAe,CAAA;QACjC,eAAe,OAAO,GAAG,EAAE,KAAK,KAAK,KAAK,EAAE,MAAM,KAAK;IACzD;IAEA,MAAM,wBAAwB;QAC5B,OAAO,IAAM,MAAM,cAAc;QACjC,OAAO,IAAM,MAAM,aAAa,CAAC;QACjC,QAAQ,IAAM,MAAM,iBAAiB;IACvC;IAEA,mHAAmH;IACnH,sEAAsE;IACtE,IAAI,cAAc,CAAC;QACjB,IAAI,eAAe,OAAO,EAAE;YAC1B,eAAe,OAAO,GAAG;YACzB;QACF;QAEA,MAAM,WAAW,CAAC;QAClB,IAAI,CAAC,MAAM,UAAU,EACnB;QAGF,IAAI,SAAS,EAAE,MAAM;QACrB,IACE,IAAI,OAAO,IACX,CAAA,GAAA,yCAAY,EAAE,IAAI,OAAO,KACxB,CAAA,CAAC,CAAA,GAAA,yCAAW,EAAE,IAAI,OAAO,EAAE,WAAW,CAAC,OAAO,OAAO,CAAC,0BAAyB,GAEhF,qBAAqB,CAAC,eAAe;IAEzC;IAEA,CAAA,GAAA,yCAAO,EAAE,WAAW,aAAa;IAEjC,iEAAiE;IACjE,uCAAuC;IACvC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAA;QACzB,IAAI,CAAC,IAAI,OAAO,EACd;QAGF,IAAI,AAAC,CAAA,CAAC,EAAE,aAAa,IAAI,CAAC,CAAA,GAAA,yCAAW,EAAE,IAAI,OAAO,EAAE,EAAE,aAAa,CAAA,KAAM,MAAM,UAAU,EACvF,qBAAqB,CAAC,eAAe;IAEzC;IAEA,yCAAyC;IACzC,CAAA,GAAA,yCAAO,EAAE,KAAK,aAAa,CAAA;QACzB,IAAI,MAAM,UAAU,EAClB,EAAE,cAAc;IAEpB,GAAG;QAAC,SAAS;QAAO,SAAS;IAAI;IAEjC,OAAO;AACT","sources":["packages/react-aria/src/calendar/useRangeCalendar.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, FocusableElement, RefObject} from '@react-types/shared';\nimport {CalendarAria, useCalendarBase} from './useCalendarBase';\nimport {DateValue, RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {isFocusWithin, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {RangeCalendarProps} from 'react-stately/useRangeCalendarState';\nimport {useEvent} from '../utils/useEvent';\nimport {useRef} from 'react';\n\nexport interface AriaRangeCalendarProps<T extends DateValue> extends RangeCalendarProps<T>, DOMProps, AriaLabelingProps {\n  /**\n   * Controls the behavior when a pointer is released outside the calendar or a blur occurs mid selection:\n   *\n   * - `clear`: clear the currently selected range of dates.\n   *\n   * - `reset`: reset the selection to the previously selected range of dates.\n   *\n   * - `select`: select the currently hovered range of dates.\n   * @default 'select'\n   */\n  commitBehavior?: 'clear' | 'reset' | 'select'\n}\n\n/**\n * Provides the behavior and accessibility implementation for a range calendar component.\n * A range calendar displays one or more date grids and allows users to select a contiguous range of dates.\n */\nexport function useRangeCalendar<T extends DateValue>(props: AriaRangeCalendarProps<T>, state: RangeCalendarState, ref: RefObject<FocusableElement | null>): CalendarAria {\n  let {commitBehavior = 'select', ...otherProps} = props;\n  let res = useCalendarBase(otherProps, state);\n\n  // We need to ignore virtual pointer events from VoiceOver due to these bugs.\n  // https://bugs.webkit.org/show_bug.cgi?id=222627\n  // https://bugs.webkit.org/show_bug.cgi?id=223202\n  // usePress also does this and waits for the following click event before firing.\n  // We need to match that here otherwise this will fire before the press event in\n  // useCalendarCell, causing range selection to not work properly.\n  let isVirtualClick = useRef(false);\n  let windowRef = useRef(typeof window !== 'undefined' ? window : null);\n  useEvent(windowRef, 'pointerdown', e => {\n    isVirtualClick.current = e.width === 0 && e.height === 0;\n  });\n\n  const commitBehaviorMapping = {\n    clear: () => state.clearSelection(),\n    reset: () => state.setAnchorDate(null),\n    select: () => state.selectFocusedDate()\n  };\n\n  // Execute method corresponding to `commitBehavior` when pressing or releasing a pointer outside the calendar body,\n  // except when pressing the next or previous buttons to switch months.\n  let endDragging = (e: PointerEvent) => {\n    if (isVirtualClick.current) {\n      isVirtualClick.current = false;\n      return;\n    }\n\n    state.setDragging(false);\n    if (!state.anchorDate) {\n      return;\n    }\n\n    let target = e.target as Element;\n    if (\n      ref.current &&\n      isFocusWithin(ref.current) &&\n      (!nodeContains(ref.current, target) || !target.closest('button, [role=\"button\"]'))\n    ) {\n      commitBehaviorMapping[commitBehavior]();\n    }\n  };\n\n  useEvent(windowRef, 'pointerup', endDragging);\n\n  // Also execute method corresponding to `commitBehavior` on blur,\n  // e.g. tabbing away from the calendar.\n  res.calendarProps.onBlur = e => {\n    if (!ref.current) {\n      return;\n    }\n\n    if ((!e.relatedTarget || !nodeContains(ref.current, e.relatedTarget)) && state.anchorDate) {\n      commitBehaviorMapping[commitBehavior]();\n    }\n  };\n\n  // Prevent touch scrolling while dragging\n  useEvent(ref, 'touchmove', e => {\n    if (state.isDragging) {\n      e.preventDefault();\n    }\n  }, {passive: false, capture: true});\n\n  return res;\n}\n"],"names":[],"version":3,"file":"useRangeCalendar.mjs.map"}
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AA6BM,SAAS,0CACd,KAAgC,EAChC,KAAyB,EACzB,GAAuC;IAEvC,IAAI,kBAAC,iBAAiB,UAAU,GAAG,YAAW,GAAG;IACjD,IAAI,MAAM,CAAA,GAAA,yCAAc,EAAE,YAAY;IAEtC,6EAA6E;IAC7E,iDAAiD;IACjD,iDAAiD;IACjD,iFAAiF;IACjF,gFAAgF;IAChF,iEAAiE;IACjE,IAAI,iBAAiB,CAAA,GAAA,aAAK,EAAE;IAC5B,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE,OAAO,WAAW,cAAc,SAAS;IAChE,CAAA,GAAA,yCAAO,EAAE,WAAW,eAAe,CAAA;QACjC,eAAe,OAAO,GAAG,EAAE,KAAK,KAAK,KAAK,EAAE,MAAM,KAAK;IACzD;IAEA,MAAM,wBAAwB;QAC5B,OAAO,IAAM,MAAM,cAAc;QACjC,OAAO,IAAM,MAAM,aAAa,CAAC;QACjC,QAAQ,IAAM,MAAM,eAAe;IACrC;IAEA,mHAAmH;IACnH,sEAAsE;IACtE,IAAI,cAAc,CAAC;QACjB,IAAI,eAAe,OAAO,EAAE;YAC1B,eAAe,OAAO,GAAG;YACzB;QACF;QAEA,MAAM,WAAW,CAAC;QAClB,IAAI,CAAC,MAAM,UAAU,EACnB;QAGF,IAAI,SAAS,EAAE,MAAM;QACrB,IACE,IAAI,OAAO,IACX,CAAA,GAAA,yCAAY,EAAE,IAAI,OAAO,KACxB,CAAA,CAAC,CAAA,GAAA,yCAAW,EAAE,IAAI,OAAO,EAAE,WAAW,CAAC,OAAO,OAAO,CAAC,0BAAyB,GAEhF,qBAAqB,CAAC,eAAe;IAEzC;IAEA,CAAA,GAAA,yCAAO,EAAE,WAAW,aAAa;IAEjC,iEAAiE;IACjE,uCAAuC;IACvC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAA;QACzB,IAAI,CAAC,IAAI,OAAO,EACd;QAGF,IAAI,AAAC,CAAA,CAAC,EAAE,aAAa,IAAI,CAAC,CAAA,GAAA,yCAAW,EAAE,IAAI,OAAO,EAAE,EAAE,aAAa,CAAA,KAAM,MAAM,UAAU,EACvF,qBAAqB,CAAC,eAAe;IAEzC;IAEA,yCAAyC;IACzC,CAAA,GAAA,yCAAO,EACL,KACA,aACA,CAAA;QACE,IAAI,MAAM,UAAU,EAClB,EAAE,cAAc;IAEpB,GACA;QAAC,SAAS;QAAO,SAAS;IAAI;IAGhC,OAAO;AACT","sources":["packages/react-aria/src/calendar/useRangeCalendar.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, FocusableElement, RefObject} from '@react-types/shared';\nimport {CalendarAria, useCalendarBase} from './useCalendarBase';\nimport {DateValue, RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {isFocusWithin, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {RangeCalendarProps} from 'react-stately/useRangeCalendarState';\nimport {useEvent} from '../utils/useEvent';\nimport {useRef} from 'react';\n\nexport interface AriaRangeCalendarProps<T extends DateValue>\n  extends RangeCalendarProps<T>, DOMProps, AriaLabelingProps {\n  /**\n   * Controls the behavior when a pointer is released outside the calendar or a blur occurs mid\n   * selection:\n   *\n   * - `clear`: clear the currently selected range of dates.\n   * - `reset`: reset the selection to the previously selected range of dates.\n   * - `select`: select the currently hovered range of dates.\n   *\n   * @default 'select'\n   */\n  commitBehavior?: 'clear' | 'reset' | 'select';\n}\n\n/**\n * Provides the behavior and accessibility implementation for a range calendar component. A range\n * calendar displays one or more date grids and allows users to select a contiguous range of dates.\n */\nexport function useRangeCalendar<T extends DateValue>(\n  props: AriaRangeCalendarProps<T>,\n  state: RangeCalendarState,\n  ref: RefObject<FocusableElement | null>\n): CalendarAria {\n  let {commitBehavior = 'select', ...otherProps} = props;\n  let res = useCalendarBase(otherProps, state);\n\n  // We need to ignore virtual pointer events from VoiceOver due to these bugs.\n  // https://bugs.webkit.org/show_bug.cgi?id=222627\n  // https://bugs.webkit.org/show_bug.cgi?id=223202\n  // usePress also does this and waits for the following click event before firing.\n  // We need to match that here otherwise this will fire before the press event in\n  // useCalendarCell, causing range selection to not work properly.\n  let isVirtualClick = useRef(false);\n  let windowRef = useRef(typeof window !== 'undefined' ? window : null);\n  useEvent(windowRef, 'pointerdown', e => {\n    isVirtualClick.current = e.width === 0 && e.height === 0;\n  });\n\n  const commitBehaviorMapping = {\n    clear: () => state.clearSelection(),\n    reset: () => state.setAnchorDate(null),\n    select: () => state.commitSelection()\n  };\n\n  // Execute method corresponding to `commitBehavior` when pressing or releasing a pointer outside the calendar body,\n  // except when pressing the next or previous buttons to switch months.\n  let endDragging = (e: PointerEvent) => {\n    if (isVirtualClick.current) {\n      isVirtualClick.current = false;\n      return;\n    }\n\n    state.setDragging(false);\n    if (!state.anchorDate) {\n      return;\n    }\n\n    let target = e.target as Element;\n    if (\n      ref.current &&\n      isFocusWithin(ref.current) &&\n      (!nodeContains(ref.current, target) || !target.closest('button, [role=\"button\"]'))\n    ) {\n      commitBehaviorMapping[commitBehavior]();\n    }\n  };\n\n  useEvent(windowRef, 'pointerup', endDragging);\n\n  // Also execute method corresponding to `commitBehavior` on blur,\n  // e.g. tabbing away from the calendar.\n  res.calendarProps.onBlur = e => {\n    if (!ref.current) {\n      return;\n    }\n\n    if ((!e.relatedTarget || !nodeContains(ref.current, e.relatedTarget)) && state.anchorDate) {\n      commitBehaviorMapping[commitBehavior]();\n    }\n  };\n\n  // Prevent touch scrolling while dragging\n  useEvent(\n    ref,\n    'touchmove',\n    e => {\n      if (state.isDragging) {\n        e.preventDefault();\n      }\n    },\n    {passive: false, capture: true}\n  );\n\n  return res;\n}\n"],"names":[],"version":3,"file":"useRangeCalendar.mjs.map"}

package/dist/private/calendar/utils.cjs

@@ -1,5 +1,6 @@
 var $7042f522bd1a7f7b$exports = require("./intlStrings.cjs");
 var $b8ffb0adc97ab95f$exports = require("../i18n/useDateFormatter.cjs");
+var $2522e612fa919664$exports = require("../i18n/I18nProvider.cjs");
 var $d4e8e26182baab6e$exports = require("../i18n/useLocalizedStringFormatter.cjs");
 var $4pxyi$internationalizeddate = require("@internationalized/date");
 var $4pxyi$react = require("react");
@@ -32,6 +33,7 @@ $parcel$export(module.exports, "useVisibleRangeDescription", function () { retur
 
 
 
+
 const $b4aac2eb56fa5943$export$653eddfc964b0f8a = new WeakMap();
 function $b4aac2eb56fa5943$export$134cbb7fb09a9522(date) {
     return date?.calendar.identifier === 'gregory' && date.era === 'BC' ? 'short' : undefined;
@@ -40,7 +42,10 @@ function $b4aac2eb56fa5943$export$b6df97c887c38e1a(state) {
     let stringFormatter = (0, $d4e8e26182baab6e$exports.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7042f522bd1a7f7b$exports))), '@react-aria/calendar');
     let start, end;
     if ('highlightedRange' in state) ({ start: start, end: end } = state.highlightedRange || {});
-    else start = end = state.value ?? undefined;
+    else {
+        start = Array.isArray(state.value) ? state.value[0] : state.value ?? undefined;
+        end = Array.isArray(state.value) ? state.value.at(-1) : state.value ?? undefined;
+    }
     let dateFormatter = (0, $b8ffb0adc97ab95f$exports.useDateFormatter)({
         weekday: 'long',
         month: 'long',
@@ -49,6 +54,10 @@ function $b4aac2eb56fa5943$export$b6df97c887c38e1a(state) {
         era: $b4aac2eb56fa5943$export$134cbb7fb09a9522(start) || $b4aac2eb56fa5943$export$134cbb7fb09a9522(end),
         timeZone: state.timeZone
     });
+    let { locale: locale } = (0, $2522e612fa919664$exports.useLocale)();
+    let listFormatter = (0, $4pxyi$react.useMemo)(()=>new Intl.ListFormat(locale), [
+        locale
+    ]);
     let anchorDate = 'anchorDate' in state ? state.anchorDate : null;
     return (0, $4pxyi$react.useMemo)(()=>{
         // No message if currently selecting a range, or there is nothing highlighted.
@@ -60,11 +69,17 @@ function $b4aac2eb56fa5943$export$b6df97c887c38e1a(state) {
                 return stringFormatter.format('selectedDateDescription', {
                     date: date
                 });
-            } else {
+            } else if ('highlightedRange' in state) {
                 let dateRange = $b4aac2eb56fa5943$var$formatRange(dateFormatter, stringFormatter, start, end, state.timeZone);
                 return stringFormatter.format('selectedRangeDescription', {
                     dateRange: dateRange
                 });
+            } else if (Array.isArray(state.value)) {
+                let dates = state.value.map((date)=>dateFormatter.format(date.toDate(state.timeZone)));
+                let formatted = listFormatter.format(dates);
+                return stringFormatter.format('selectedDateDescription', {
+                    date: formatted
+                });
             }
         }
         return '';
@@ -72,9 +87,10 @@ function $b4aac2eb56fa5943$export$b6df97c887c38e1a(state) {
         start,
         end,
         anchorDate,
-        state.timeZone,
+        state,
         stringFormatter,
-        dateFormatter
+        dateFormatter,
+        listFormatter
     ]);
 }
 function $b4aac2eb56fa5943$export$31afe65d91ef6e8(startDate, endDate, timeZone, isAria) {

package/dist/private/calendar/utils.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/calendar/utils.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CalendarDate, DateFormatter, endOfMonth, isSameDay, startOfMonth} from '@internationalized/date';\nimport {CalendarState} from 'react-stately/useCalendarState';\nimport intlMessages from '../../intl/calendar/*.json';\n// @ts-ignore\nimport type {LocalizedStringFormatter} from '@internationalized/string';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useMemo} from 'react';\n\ninterface HookData {\n  ariaLabel?: string,\n  ariaLabelledBy?: string,\n  errorMessageId: string,\n  selectedDateDescription: string\n}\n\nexport const hookData: WeakMap<CalendarState | RangeCalendarState, HookData> = new WeakMap<CalendarState | RangeCalendarState, HookData>();\n\nexport function getEraFormat(date: CalendarDate | undefined): 'short' | undefined {\n  return date?.calendar.identifier === 'gregory' && date.era === 'BC' ? 'short' : undefined;\n}\n\nexport function useSelectedDateDescription(state: CalendarState | RangeCalendarState): string {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n\n  let start: CalendarDate | undefined, end: CalendarDate | undefined;\n  if ('highlightedRange' in state) {\n    ({start, end} = state.highlightedRange || {});\n  } else {\n    start = end = state.value ?? undefined;\n  }\n\n  let dateFormatter = useDateFormatter({\n    weekday: 'long',\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era: getEraFormat(start) || getEraFormat(end),\n    timeZone: state.timeZone\n  });\n\n  let anchorDate = 'anchorDate' in state ? state.anchorDate : null;\n  return useMemo(() => {\n    // No message if currently selecting a range, or there is nothing highlighted.\n    if (!anchorDate && start && end) {\n      // Use a single date message if the start and end dates are the same day,\n      // otherwise include both dates.\n      if (isSameDay(start, end)) {\n        let date = dateFormatter.format(start.toDate(state.timeZone));\n        return stringFormatter.format('selectedDateDescription', {date});\n      } else {\n        let dateRange = formatRange(dateFormatter, stringFormatter, start, end, state.timeZone);\n\n        return stringFormatter.format('selectedRangeDescription', {dateRange});\n      }\n    }\n    return '';\n  }, [start, end, anchorDate, state.timeZone, stringFormatter, dateFormatter]);\n}\n\nexport function useVisibleRangeDescription(startDate: CalendarDate, endDate: CalendarDate, timeZone: string, isAria: boolean): string {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n  let era: any = getEraFormat(startDate) || getEraFormat(endDate);\n  let monthFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  let dateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  return useMemo(() => {\n    // Special case for month granularity. Format as a single month if only a\n    // single month is visible, otherwise format as a range of months.\n    if (isSameDay(startDate, startOfMonth(startDate))) {\n      let startMonth = startDate;\n      let endMonth = endDate;\n      if (startDate.calendar.getFormattableMonth) {\n        startMonth = startDate.calendar.getFormattableMonth(startDate);\n      }\n      if (endDate.calendar.getFormattableMonth) {\n        endMonth = endDate.calendar.getFormattableMonth(endDate);\n      }\n\n      if (isSameDay(endDate, endOfMonth(startDate))) {\n        return monthFormatter.format(startMonth.toDate(timeZone));\n      } else if (isSameDay(endDate, endOfMonth(endDate))) {\n        return isAria\n          ? formatRange(monthFormatter, stringFormatter, startMonth, endMonth, timeZone)\n          : monthFormatter.formatRange(startMonth.toDate(timeZone), endMonth.toDate(timeZone));\n      }\n    }\n\n    return isAria\n      ? formatRange(dateFormatter, stringFormatter, startDate, endDate, timeZone)\n      : dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));\n  }, [startDate, endDate, monthFormatter, dateFormatter, stringFormatter, timeZone, isAria]);\n}\n\nfunction formatRange(dateFormatter: DateFormatter, stringFormatter: LocalizedStringFormatter, start: CalendarDate, end: CalendarDate, timeZone: string) {\n  let parts = dateFormatter.formatRangeToParts(start.toDate(timeZone), end.toDate(timeZone));\n\n  // Find the separator between the start and end date. This is determined\n  // by finding the last shared literal before the end range.\n  let separatorIndex = -1;\n  for (let i = 0; i < parts.length; i++) {\n    let part = parts[i];\n    if (part.source === 'shared' && part.type === 'literal') {\n      separatorIndex = i;\n    } else if (part.source === 'endRange') {\n      break;\n    }\n  }\n\n  // Now we can combine the parts into start and end strings.\n  let startValue = '';\n  let endValue = '';\n  for (let i = 0; i < parts.length; i++) {\n    if (i < separatorIndex) {\n      startValue += parts[i].value;\n    } else if (i > separatorIndex) {\n      endValue += parts[i].value;\n    }\n  }\n\n  return stringFormatter.format('dateRange', {startDate: startValue, endDate: endValue});\n}\n"],"names":[],"version":3,"file":"utils.cjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/calendar/utils.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  CalendarDate,\n  DateFormatter,\n  endOfMonth,\n  isSameDay,\n  startOfMonth\n} from '@internationalized/date';\nimport {CalendarSelectionMode, CalendarState} from 'react-stately/useCalendarState';\nimport intlMessages from '../../intl/calendar/*.json';\nimport type {LocalizedStringFormatter} from '@internationalized/string';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useMemo} from 'react';\n\ninterface HookData {\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  errorMessageId: string;\n  selectedDateDescription: string;\n}\n\nexport const hookData: WeakMap<\n  CalendarState<CalendarSelectionMode> | RangeCalendarState,\n  HookData\n> = new WeakMap<CalendarState<CalendarSelectionMode> | RangeCalendarState, HookData>();\n\nexport function getEraFormat(date: CalendarDate | undefined): 'short' | undefined {\n  return date?.calendar.identifier === 'gregory' && date.era === 'BC' ? 'short' : undefined;\n}\n\nexport function useSelectedDateDescription(\n  state: CalendarState<'single' | 'multiple'> | RangeCalendarState\n): string {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n\n  let start: CalendarDate | undefined, end: CalendarDate | undefined;\n  if ('highlightedRange' in state) {\n    ({start, end} = state.highlightedRange || {});\n  } else {\n    start = Array.isArray(state.value) ? state.value[0] : (state.value ?? undefined);\n    end = Array.isArray(state.value) ? state.value.at(-1) : (state.value ?? undefined);\n  }\n\n  let dateFormatter = useDateFormatter({\n    weekday: 'long',\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era: getEraFormat(start) || getEraFormat(end),\n    timeZone: state.timeZone\n  });\n\n  let {locale} = useLocale();\n  let listFormatter = useMemo(() => new Intl.ListFormat(locale), [locale]);\n\n  let anchorDate = 'anchorDate' in state ? state.anchorDate : null;\n  return useMemo(() => {\n    // No message if currently selecting a range, or there is nothing highlighted.\n    if (!anchorDate && start && end) {\n      // Use a single date message if the start and end dates are the same day,\n      // otherwise include both dates.\n      if (isSameDay(start, end)) {\n        let date = dateFormatter.format(start.toDate(state.timeZone));\n        return stringFormatter.format('selectedDateDescription', {date});\n      } else if ('highlightedRange' in state) {\n        let dateRange = formatRange(dateFormatter, stringFormatter, start, end, state.timeZone);\n        return stringFormatter.format('selectedRangeDescription', {dateRange});\n      } else if (Array.isArray(state.value)) {\n        let dates = state.value.map(date => dateFormatter.format(date.toDate(state.timeZone)));\n        let formatted = listFormatter.format(dates);\n        return stringFormatter.format('selectedDateDescription', {date: formatted});\n      }\n    }\n    return '';\n  }, [start, end, anchorDate, state, stringFormatter, dateFormatter, listFormatter]);\n}\n\nexport function useVisibleRangeDescription(\n  startDate: CalendarDate,\n  endDate: CalendarDate,\n  timeZone: string,\n  isAria: boolean\n): string {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n  let era: any = getEraFormat(startDate) || getEraFormat(endDate);\n  let monthFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  let dateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  return useMemo(() => {\n    // Special case for month granularity. Format as a single month if only a\n    // single month is visible, otherwise format as a range of months.\n    if (isSameDay(startDate, startOfMonth(startDate))) {\n      let startMonth = startDate;\n      let endMonth = endDate;\n      if (startDate.calendar.getFormattableMonth) {\n        startMonth = startDate.calendar.getFormattableMonth(startDate);\n      }\n      if (endDate.calendar.getFormattableMonth) {\n        endMonth = endDate.calendar.getFormattableMonth(endDate);\n      }\n\n      if (isSameDay(endDate, endOfMonth(startDate))) {\n        return monthFormatter.format(startMonth.toDate(timeZone));\n      } else if (isSameDay(endDate, endOfMonth(endDate))) {\n        return isAria\n          ? formatRange(monthFormatter, stringFormatter, startMonth, endMonth, timeZone)\n          : monthFormatter.formatRange(startMonth.toDate(timeZone), endMonth.toDate(timeZone));\n      }\n    }\n\n    return isAria\n      ? formatRange(dateFormatter, stringFormatter, startDate, endDate, timeZone)\n      : dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));\n  }, [startDate, endDate, monthFormatter, dateFormatter, stringFormatter, timeZone, isAria]);\n}\n\nfunction formatRange(\n  dateFormatter: DateFormatter,\n  stringFormatter: LocalizedStringFormatter,\n  start: CalendarDate,\n  end: CalendarDate,\n  timeZone: string\n) {\n  let parts = dateFormatter.formatRangeToParts(start.toDate(timeZone), end.toDate(timeZone));\n\n  // Find the separator between the start and end date. This is determined\n  // by finding the last shared literal before the end range.\n  let separatorIndex = -1;\n  for (let i = 0; i < parts.length; i++) {\n    let part = parts[i];\n    if (part.source === 'shared' && part.type === 'literal') {\n      separatorIndex = i;\n    } else if (part.source === 'endRange') {\n      break;\n    }\n  }\n\n  // Now we can combine the parts into start and end strings.\n  let startValue = '';\n  let endValue = '';\n  for (let i = 0; i < parts.length; i++) {\n    if (i < separatorIndex) {\n      startValue += parts[i].value;\n    } else if (i > separatorIndex) {\n      endValue += parts[i].value;\n    }\n  }\n\n  return stringFormatter.format('dateRange', {startDate: startValue, endDate: endValue});\n}\n"],"names":[],"version":3,"file":"utils.cjs.map"}

package/dist/private/calendar/utils.js

@@ -1,5 +1,6 @@
 import $7x01w$intlStringsjs from "./intlStrings.js";
 import {useDateFormatter as $7673fcc607ba3f7f$export$85fd5fdf27bacc79} from "../i18n/useDateFormatter.js";
+import {useLocale as $4defb058003b3e05$export$43bb16f9c6d9e3f7} from "../i18n/I18nProvider.js";
 import {useLocalizedStringFormatter as $1adfa757ef3cd864$export$f12b703ca79dfbb1} from "../i18n/useLocalizedStringFormatter.js";
 import {isSameDay as $7x01w$isSameDay, startOfMonth as $7x01w$startOfMonth, endOfMonth as $7x01w$endOfMonth} from "@internationalized/date";
 import {useMemo as $7x01w$useMemo} from "react";
@@ -23,6 +24,7 @@ function $parcel$interopDefault(a) {
 
 
 
+
 const $408a9e02d11c4766$export$653eddfc964b0f8a = new WeakMap();
 function $408a9e02d11c4766$export$134cbb7fb09a9522(date) {
     return (date === null || date === void 0 ? void 0 : date.calendar.identifier) === 'gregory' && date.era === 'BC' ? 'short' : undefined;
@@ -30,9 +32,13 @@ function $408a9e02d11c4766$export$134cbb7fb09a9522(date) {
 function $408a9e02d11c4766$export$b6df97c887c38e1a(state) {
     let stringFormatter = (0, $1adfa757ef3cd864$export$f12b703ca79dfbb1)((0, ($parcel$interopDefault($7x01w$intlStringsjs))), '@react-aria/calendar');
     let start, end;
-    var _state_value;
     if ('highlightedRange' in state) ({ start: start, end: end } = state.highlightedRange || {});
-    else start = end = (_state_value = state.value) !== null && _state_value !== void 0 ? _state_value : undefined;
+    else {
+        var _state_value;
+        start = Array.isArray(state.value) ? state.value[0] : (_state_value = state.value) !== null && _state_value !== void 0 ? _state_value : undefined;
+        var _state_value1;
+        end = Array.isArray(state.value) ? state.value.at(-1) : (_state_value1 = state.value) !== null && _state_value1 !== void 0 ? _state_value1 : undefined;
+    }
     let dateFormatter = (0, $7673fcc607ba3f7f$export$85fd5fdf27bacc79)({
         weekday: 'long',
         month: 'long',
@@ -41,6 +47,10 @@ function $408a9e02d11c4766$export$b6df97c887c38e1a(state) {
         era: $408a9e02d11c4766$export$134cbb7fb09a9522(start) || $408a9e02d11c4766$export$134cbb7fb09a9522(end),
         timeZone: state.timeZone
     });
+    let { locale: locale } = (0, $4defb058003b3e05$export$43bb16f9c6d9e3f7)();
+    let listFormatter = (0, $7x01w$useMemo)(()=>new Intl.ListFormat(locale), [
+        locale
+    ]);
     let anchorDate = 'anchorDate' in state ? state.anchorDate : null;
     return (0, $7x01w$useMemo)(()=>{
         // No message if currently selecting a range, or there is nothing highlighted.
@@ -52,11 +62,17 @@ function $408a9e02d11c4766$export$b6df97c887c38e1a(state) {
                 return stringFormatter.format('selectedDateDescription', {
                     date: date
                 });
-            } else {
+            } else if ('highlightedRange' in state) {
                 let dateRange = $408a9e02d11c4766$var$formatRange(dateFormatter, stringFormatter, start, end, state.timeZone);
                 return stringFormatter.format('selectedRangeDescription', {
                     dateRange: dateRange
                 });
+            } else if (Array.isArray(state.value)) {
+                let dates = state.value.map((date)=>dateFormatter.format(date.toDate(state.timeZone)));
+                let formatted = listFormatter.format(dates);
+                return stringFormatter.format('selectedDateDescription', {
+                    date: formatted
+                });
             }
         }
         return '';
@@ -64,9 +80,10 @@ function $408a9e02d11c4766$export$b6df97c887c38e1a(state) {
         start,
         end,
         anchorDate,
-        state.timeZone,
+        state,
         stringFormatter,
-        dateFormatter
+        dateFormatter,
+        listFormatter
     ]);
 }
 function $408a9e02d11c4766$export$31afe65d91ef6e8(startDate, endDate, timeZone, isAria) {

package/dist/private/calendar/utils.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/calendar/utils.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CalendarDate, DateFormatter, endOfMonth, isSameDay, startOfMonth} from '@internationalized/date';\nimport {CalendarState} from 'react-stately/useCalendarState';\nimport intlMessages from '../../intl/calendar/*.json';\n// @ts-ignore\nimport type {LocalizedStringFormatter} from '@internationalized/string';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useMemo} from 'react';\n\ninterface HookData {\n  ariaLabel?: string,\n  ariaLabelledBy?: string,\n  errorMessageId: string,\n  selectedDateDescription: string\n}\n\nexport const hookData: WeakMap<CalendarState | RangeCalendarState, HookData> = new WeakMap<CalendarState | RangeCalendarState, HookData>();\n\nexport function getEraFormat(date: CalendarDate | undefined): 'short' | undefined {\n  return date?.calendar.identifier === 'gregory' && date.era === 'BC' ? 'short' : undefined;\n}\n\nexport function useSelectedDateDescription(state: CalendarState | RangeCalendarState): string {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n\n  let start: CalendarDate | undefined, end: CalendarDate | undefined;\n  if ('highlightedRange' in state) {\n    ({start, end} = state.highlightedRange || {});\n  } else {\n    start = end = state.value ?? undefined;\n  }\n\n  let dateFormatter = useDateFormatter({\n    weekday: 'long',\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era: getEraFormat(start) || getEraFormat(end),\n    timeZone: state.timeZone\n  });\n\n  let anchorDate = 'anchorDate' in state ? state.anchorDate : null;\n  return useMemo(() => {\n    // No message if currently selecting a range, or there is nothing highlighted.\n    if (!anchorDate && start && end) {\n      // Use a single date message if the start and end dates are the same day,\n      // otherwise include both dates.\n      if (isSameDay(start, end)) {\n        let date = dateFormatter.format(start.toDate(state.timeZone));\n        return stringFormatter.format('selectedDateDescription', {date});\n      } else {\n        let dateRange = formatRange(dateFormatter, stringFormatter, start, end, state.timeZone);\n\n        return stringFormatter.format('selectedRangeDescription', {dateRange});\n      }\n    }\n    return '';\n  }, [start, end, anchorDate, state.timeZone, stringFormatter, dateFormatter]);\n}\n\nexport function useVisibleRangeDescription(startDate: CalendarDate, endDate: CalendarDate, timeZone: string, isAria: boolean): string {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n  let era: any = getEraFormat(startDate) || getEraFormat(endDate);\n  let monthFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  let dateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  return useMemo(() => {\n    // Special case for month granularity. Format as a single month if only a\n    // single month is visible, otherwise format as a range of months.\n    if (isSameDay(startDate, startOfMonth(startDate))) {\n      let startMonth = startDate;\n      let endMonth = endDate;\n      if (startDate.calendar.getFormattableMonth) {\n        startMonth = startDate.calendar.getFormattableMonth(startDate);\n      }\n      if (endDate.calendar.getFormattableMonth) {\n        endMonth = endDate.calendar.getFormattableMonth(endDate);\n      }\n\n      if (isSameDay(endDate, endOfMonth(startDate))) {\n        return monthFormatter.format(startMonth.toDate(timeZone));\n      } else if (isSameDay(endDate, endOfMonth(endDate))) {\n        return isAria\n          ? formatRange(monthFormatter, stringFormatter, startMonth, endMonth, timeZone)\n          : monthFormatter.formatRange(startMonth.toDate(timeZone), endMonth.toDate(timeZone));\n      }\n    }\n\n    return isAria\n      ? formatRange(dateFormatter, stringFormatter, startDate, endDate, timeZone)\n      : dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));\n  }, [startDate, endDate, monthFormatter, dateFormatter, stringFormatter, timeZone, isAria]);\n}\n\nfunction formatRange(dateFormatter: DateFormatter, stringFormatter: LocalizedStringFormatter, start: CalendarDate, end: CalendarDate, timeZone: string) {\n  let parts = dateFormatter.formatRangeToParts(start.toDate(timeZone), end.toDate(timeZone));\n\n  // Find the separator between the start and end date. This is determined\n  // by finding the last shared literal before the end range.\n  let separatorIndex = -1;\n  for (let i = 0; i < parts.length; i++) {\n    let part = parts[i];\n    if (part.source === 'shared' && part.type === 'literal') {\n      separatorIndex = i;\n    } else if (part.source === 'endRange') {\n      break;\n    }\n  }\n\n  // Now we can combine the parts into start and end strings.\n  let startValue = '';\n  let endValue = '';\n  for (let i = 0; i < parts.length; i++) {\n    if (i < separatorIndex) {\n      startValue += parts[i].value;\n    } else if (i > separatorIndex) {\n      endValue += parts[i].value;\n    }\n  }\n\n  return stringFormatter.format('dateRange', {startDate: startValue, endDate: endValue});\n}\n"],"names":[],"version":3,"file":"utils.js.map"}
+{"mappings":"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","sources":["packages/react-aria/src/calendar/utils.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  CalendarDate,\n  DateFormatter,\n  endOfMonth,\n  isSameDay,\n  startOfMonth\n} from '@internationalized/date';\nimport {CalendarSelectionMode, CalendarState} from 'react-stately/useCalendarState';\nimport intlMessages from '../../intl/calendar/*.json';\nimport type {LocalizedStringFormatter} from '@internationalized/string';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useMemo} from 'react';\n\ninterface HookData {\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  errorMessageId: string;\n  selectedDateDescription: string;\n}\n\nexport const hookData: WeakMap<\n  CalendarState<CalendarSelectionMode> | RangeCalendarState,\n  HookData\n> = new WeakMap<CalendarState<CalendarSelectionMode> | RangeCalendarState, HookData>();\n\nexport function getEraFormat(date: CalendarDate | undefined): 'short' | undefined {\n  return date?.calendar.identifier === 'gregory' && date.era === 'BC' ? 'short' : undefined;\n}\n\nexport function useSelectedDateDescription(\n  state: CalendarState<'single' | 'multiple'> | RangeCalendarState\n): string {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n\n  let start: CalendarDate | undefined, end: CalendarDate | undefined;\n  if ('highlightedRange' in state) {\n    ({start, end} = state.highlightedRange || {});\n  } else {\n    start = Array.isArray(state.value) ? state.value[0] : (state.value ?? undefined);\n    end = Array.isArray(state.value) ? state.value.at(-1) : (state.value ?? undefined);\n  }\n\n  let dateFormatter = useDateFormatter({\n    weekday: 'long',\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era: getEraFormat(start) || getEraFormat(end),\n    timeZone: state.timeZone\n  });\n\n  let {locale} = useLocale();\n  let listFormatter = useMemo(() => new Intl.ListFormat(locale), [locale]);\n\n  let anchorDate = 'anchorDate' in state ? state.anchorDate : null;\n  return useMemo(() => {\n    // No message if currently selecting a range, or there is nothing highlighted.\n    if (!anchorDate && start && end) {\n      // Use a single date message if the start and end dates are the same day,\n      // otherwise include both dates.\n      if (isSameDay(start, end)) {\n        let date = dateFormatter.format(start.toDate(state.timeZone));\n        return stringFormatter.format('selectedDateDescription', {date});\n      } else if ('highlightedRange' in state) {\n        let dateRange = formatRange(dateFormatter, stringFormatter, start, end, state.timeZone);\n        return stringFormatter.format('selectedRangeDescription', {dateRange});\n      } else if (Array.isArray(state.value)) {\n        let dates = state.value.map(date => dateFormatter.format(date.toDate(state.timeZone)));\n        let formatted = listFormatter.format(dates);\n        return stringFormatter.format('selectedDateDescription', {date: formatted});\n      }\n    }\n    return '';\n  }, [start, end, anchorDate, state, stringFormatter, dateFormatter, listFormatter]);\n}\n\nexport function useVisibleRangeDescription(\n  startDate: CalendarDate,\n  endDate: CalendarDate,\n  timeZone: string,\n  isAria: boolean\n): string {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n  let era: any = getEraFormat(startDate) || getEraFormat(endDate);\n  let monthFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  let dateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  return useMemo(() => {\n    // Special case for month granularity. Format as a single month if only a\n    // single month is visible, otherwise format as a range of months.\n    if (isSameDay(startDate, startOfMonth(startDate))) {\n      let startMonth = startDate;\n      let endMonth = endDate;\n      if (startDate.calendar.getFormattableMonth) {\n        startMonth = startDate.calendar.getFormattableMonth(startDate);\n      }\n      if (endDate.calendar.getFormattableMonth) {\n        endMonth = endDate.calendar.getFormattableMonth(endDate);\n      }\n\n      if (isSameDay(endDate, endOfMonth(startDate))) {\n        return monthFormatter.format(startMonth.toDate(timeZone));\n      } else if (isSameDay(endDate, endOfMonth(endDate))) {\n        return isAria\n          ? formatRange(monthFormatter, stringFormatter, startMonth, endMonth, timeZone)\n          : monthFormatter.formatRange(startMonth.toDate(timeZone), endMonth.toDate(timeZone));\n      }\n    }\n\n    return isAria\n      ? formatRange(dateFormatter, stringFormatter, startDate, endDate, timeZone)\n      : dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));\n  }, [startDate, endDate, monthFormatter, dateFormatter, stringFormatter, timeZone, isAria]);\n}\n\nfunction formatRange(\n  dateFormatter: DateFormatter,\n  stringFormatter: LocalizedStringFormatter,\n  start: CalendarDate,\n  end: CalendarDate,\n  timeZone: string\n) {\n  let parts = dateFormatter.formatRangeToParts(start.toDate(timeZone), end.toDate(timeZone));\n\n  // Find the separator between the start and end date. This is determined\n  // by finding the last shared literal before the end range.\n  let separatorIndex = -1;\n  for (let i = 0; i < parts.length; i++) {\n    let part = parts[i];\n    if (part.source === 'shared' && part.type === 'literal') {\n      separatorIndex = i;\n    } else if (part.source === 'endRange') {\n      break;\n    }\n  }\n\n  // Now we can combine the parts into start and end strings.\n  let startValue = '';\n  let endValue = '';\n  for (let i = 0; i < parts.length; i++) {\n    if (i < separatorIndex) {\n      startValue += parts[i].value;\n    } else if (i > separatorIndex) {\n      endValue += parts[i].value;\n    }\n  }\n\n  return stringFormatter.format('dateRange', {startDate: startValue, endDate: endValue});\n}\n"],"names":[],"version":3,"file":"utils.js.map"}

package/dist/private/calendar/utils.mjs

@@ -1,5 +1,6 @@
 import $4SBhA$intlStringsmjs from "./intlStrings.mjs";
 import {useDateFormatter as $60f33508b4cd9d3b$export$85fd5fdf27bacc79} from "../i18n/useDateFormatter.mjs";
+import {useLocale as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7} from "../i18n/I18nProvider.mjs";
 import {useLocalizedStringFormatter as $cf2482eff2eeeec2$export$f12b703ca79dfbb1} from "../i18n/useLocalizedStringFormatter.mjs";
 import {isSameDay as $4SBhA$isSameDay, startOfMonth as $4SBhA$startOfMonth, endOfMonth as $4SBhA$endOfMonth} from "@internationalized/date";
 import {useMemo as $4SBhA$useMemo} from "react";
@@ -23,6 +24,7 @@ function $parcel$interopDefault(a) {
 
 
 
+
 const $9bac9bf03b87f160$export$653eddfc964b0f8a = new WeakMap();
 function $9bac9bf03b87f160$export$134cbb7fb09a9522(date) {
     return date?.calendar.identifier === 'gregory' && date.era === 'BC' ? 'short' : undefined;
@@ -31,7 +33,10 @@ function $9bac9bf03b87f160$export$b6df97c887c38e1a(state) {
     let stringFormatter = (0, $cf2482eff2eeeec2$export$f12b703ca79dfbb1)((0, ($parcel$interopDefault($4SBhA$intlStringsmjs))), '@react-aria/calendar');
     let start, end;
     if ('highlightedRange' in state) ({ start: start, end: end } = state.highlightedRange || {});
-    else start = end = state.value ?? undefined;
+    else {
+        start = Array.isArray(state.value) ? state.value[0] : state.value ?? undefined;
+        end = Array.isArray(state.value) ? state.value.at(-1) : state.value ?? undefined;
+    }
     let dateFormatter = (0, $60f33508b4cd9d3b$export$85fd5fdf27bacc79)({
         weekday: 'long',
         month: 'long',
@@ -40,6 +45,10 @@ function $9bac9bf03b87f160$export$b6df97c887c38e1a(state) {
         era: $9bac9bf03b87f160$export$134cbb7fb09a9522(start) || $9bac9bf03b87f160$export$134cbb7fb09a9522(end),
         timeZone: state.timeZone
     });
+    let { locale: locale } = (0, $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
+    let listFormatter = (0, $4SBhA$useMemo)(()=>new Intl.ListFormat(locale), [
+        locale
+    ]);
     let anchorDate = 'anchorDate' in state ? state.anchorDate : null;
     return (0, $4SBhA$useMemo)(()=>{
         // No message if currently selecting a range, or there is nothing highlighted.
@@ -51,11 +60,17 @@ function $9bac9bf03b87f160$export$b6df97c887c38e1a(state) {
                 return stringFormatter.format('selectedDateDescription', {
                     date: date
                 });
-            } else {
+            } else if ('highlightedRange' in state) {
                 let dateRange = $9bac9bf03b87f160$var$formatRange(dateFormatter, stringFormatter, start, end, state.timeZone);
                 return stringFormatter.format('selectedRangeDescription', {
                     dateRange: dateRange
                 });
+            } else if (Array.isArray(state.value)) {
+                let dates = state.value.map((date)=>dateFormatter.format(date.toDate(state.timeZone)));
+                let formatted = listFormatter.format(dates);
+                return stringFormatter.format('selectedDateDescription', {
+                    date: formatted
+                });
             }
         }
         return '';
@@ -63,9 +78,10 @@ function $9bac9bf03b87f160$export$b6df97c887c38e1a(state) {
         start,
         end,
         anchorDate,
-        state.timeZone,
+        state,
         stringFormatter,
-        dateFormatter
+        dateFormatter,
+        listFormatter
     ]);
 }
 function $9bac9bf03b87f160$export$31afe65d91ef6e8(startDate, endDate, timeZone, isAria) {

package/dist/private/calendar/utils.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/calendar/utils.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CalendarDate, DateFormatter, endOfMonth, isSameDay, startOfMonth} from '@internationalized/date';\nimport {CalendarState} from 'react-stately/useCalendarState';\nimport intlMessages from '../../intl/calendar/*.json';\n// @ts-ignore\nimport type {LocalizedStringFormatter} from '@internationalized/string';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useMemo} from 'react';\n\ninterface HookData {\n  ariaLabel?: string,\n  ariaLabelledBy?: string,\n  errorMessageId: string,\n  selectedDateDescription: string\n}\n\nexport const hookData: WeakMap<CalendarState | RangeCalendarState, HookData> = new WeakMap<CalendarState | RangeCalendarState, HookData>();\n\nexport function getEraFormat(date: CalendarDate | undefined): 'short' | undefined {\n  return date?.calendar.identifier === 'gregory' && date.era === 'BC' ? 'short' : undefined;\n}\n\nexport function useSelectedDateDescription(state: CalendarState | RangeCalendarState): string {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n\n  let start: CalendarDate | undefined, end: CalendarDate | undefined;\n  if ('highlightedRange' in state) {\n    ({start, end} = state.highlightedRange || {});\n  } else {\n    start = end = state.value ?? undefined;\n  }\n\n  let dateFormatter = useDateFormatter({\n    weekday: 'long',\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era: getEraFormat(start) || getEraFormat(end),\n    timeZone: state.timeZone\n  });\n\n  let anchorDate = 'anchorDate' in state ? state.anchorDate : null;\n  return useMemo(() => {\n    // No message if currently selecting a range, or there is nothing highlighted.\n    if (!anchorDate && start && end) {\n      // Use a single date message if the start and end dates are the same day,\n      // otherwise include both dates.\n      if (isSameDay(start, end)) {\n        let date = dateFormatter.format(start.toDate(state.timeZone));\n        return stringFormatter.format('selectedDateDescription', {date});\n      } else {\n        let dateRange = formatRange(dateFormatter, stringFormatter, start, end, state.timeZone);\n\n        return stringFormatter.format('selectedRangeDescription', {dateRange});\n      }\n    }\n    return '';\n  }, [start, end, anchorDate, state.timeZone, stringFormatter, dateFormatter]);\n}\n\nexport function useVisibleRangeDescription(startDate: CalendarDate, endDate: CalendarDate, timeZone: string, isAria: boolean): string {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n  let era: any = getEraFormat(startDate) || getEraFormat(endDate);\n  let monthFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  let dateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  return useMemo(() => {\n    // Special case for month granularity. Format as a single month if only a\n    // single month is visible, otherwise format as a range of months.\n    if (isSameDay(startDate, startOfMonth(startDate))) {\n      let startMonth = startDate;\n      let endMonth = endDate;\n      if (startDate.calendar.getFormattableMonth) {\n        startMonth = startDate.calendar.getFormattableMonth(startDate);\n      }\n      if (endDate.calendar.getFormattableMonth) {\n        endMonth = endDate.calendar.getFormattableMonth(endDate);\n      }\n\n      if (isSameDay(endDate, endOfMonth(startDate))) {\n        return monthFormatter.format(startMonth.toDate(timeZone));\n      } else if (isSameDay(endDate, endOfMonth(endDate))) {\n        return isAria\n          ? formatRange(monthFormatter, stringFormatter, startMonth, endMonth, timeZone)\n          : monthFormatter.formatRange(startMonth.toDate(timeZone), endMonth.toDate(timeZone));\n      }\n    }\n\n    return isAria\n      ? formatRange(dateFormatter, stringFormatter, startDate, endDate, timeZone)\n      : dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));\n  }, [startDate, endDate, monthFormatter, dateFormatter, stringFormatter, timeZone, isAria]);\n}\n\nfunction formatRange(dateFormatter: DateFormatter, stringFormatter: LocalizedStringFormatter, start: CalendarDate, end: CalendarDate, timeZone: string) {\n  let parts = dateFormatter.formatRangeToParts(start.toDate(timeZone), end.toDate(timeZone));\n\n  // Find the separator between the start and end date. This is determined\n  // by finding the last shared literal before the end range.\n  let separatorIndex = -1;\n  for (let i = 0; i < parts.length; i++) {\n    let part = parts[i];\n    if (part.source === 'shared' && part.type === 'literal') {\n      separatorIndex = i;\n    } else if (part.source === 'endRange') {\n      break;\n    }\n  }\n\n  // Now we can combine the parts into start and end strings.\n  let startValue = '';\n  let endValue = '';\n  for (let i = 0; i < parts.length; i++) {\n    if (i < separatorIndex) {\n      startValue += parts[i].value;\n    } else if (i > separatorIndex) {\n      endValue += parts[i].value;\n    }\n  }\n\n  return stringFormatter.format('dateRange', {startDate: startValue, endDate: endValue});\n}\n"],"names":[],"version":3,"file":"utils.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/calendar/utils.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  CalendarDate,\n  DateFormatter,\n  endOfMonth,\n  isSameDay,\n  startOfMonth\n} from '@internationalized/date';\nimport {CalendarSelectionMode, CalendarState} from 'react-stately/useCalendarState';\nimport intlMessages from '../../intl/calendar/*.json';\nimport type {LocalizedStringFormatter} from '@internationalized/string';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useMemo} from 'react';\n\ninterface HookData {\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  errorMessageId: string;\n  selectedDateDescription: string;\n}\n\nexport const hookData: WeakMap<\n  CalendarState<CalendarSelectionMode> | RangeCalendarState,\n  HookData\n> = new WeakMap<CalendarState<CalendarSelectionMode> | RangeCalendarState, HookData>();\n\nexport function getEraFormat(date: CalendarDate | undefined): 'short' | undefined {\n  return date?.calendar.identifier === 'gregory' && date.era === 'BC' ? 'short' : undefined;\n}\n\nexport function useSelectedDateDescription(\n  state: CalendarState<'single' | 'multiple'> | RangeCalendarState\n): string {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n\n  let start: CalendarDate | undefined, end: CalendarDate | undefined;\n  if ('highlightedRange' in state) {\n    ({start, end} = state.highlightedRange || {});\n  } else {\n    start = Array.isArray(state.value) ? state.value[0] : (state.value ?? undefined);\n    end = Array.isArray(state.value) ? state.value.at(-1) : (state.value ?? undefined);\n  }\n\n  let dateFormatter = useDateFormatter({\n    weekday: 'long',\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era: getEraFormat(start) || getEraFormat(end),\n    timeZone: state.timeZone\n  });\n\n  let {locale} = useLocale();\n  let listFormatter = useMemo(() => new Intl.ListFormat(locale), [locale]);\n\n  let anchorDate = 'anchorDate' in state ? state.anchorDate : null;\n  return useMemo(() => {\n    // No message if currently selecting a range, or there is nothing highlighted.\n    if (!anchorDate && start && end) {\n      // Use a single date message if the start and end dates are the same day,\n      // otherwise include both dates.\n      if (isSameDay(start, end)) {\n        let date = dateFormatter.format(start.toDate(state.timeZone));\n        return stringFormatter.format('selectedDateDescription', {date});\n      } else if ('highlightedRange' in state) {\n        let dateRange = formatRange(dateFormatter, stringFormatter, start, end, state.timeZone);\n        return stringFormatter.format('selectedRangeDescription', {dateRange});\n      } else if (Array.isArray(state.value)) {\n        let dates = state.value.map(date => dateFormatter.format(date.toDate(state.timeZone)));\n        let formatted = listFormatter.format(dates);\n        return stringFormatter.format('selectedDateDescription', {date: formatted});\n      }\n    }\n    return '';\n  }, [start, end, anchorDate, state, stringFormatter, dateFormatter, listFormatter]);\n}\n\nexport function useVisibleRangeDescription(\n  startDate: CalendarDate,\n  endDate: CalendarDate,\n  timeZone: string,\n  isAria: boolean\n): string {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n  let era: any = getEraFormat(startDate) || getEraFormat(endDate);\n  let monthFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  let dateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  return useMemo(() => {\n    // Special case for month granularity. Format as a single month if only a\n    // single month is visible, otherwise format as a range of months.\n    if (isSameDay(startDate, startOfMonth(startDate))) {\n      let startMonth = startDate;\n      let endMonth = endDate;\n      if (startDate.calendar.getFormattableMonth) {\n        startMonth = startDate.calendar.getFormattableMonth(startDate);\n      }\n      if (endDate.calendar.getFormattableMonth) {\n        endMonth = endDate.calendar.getFormattableMonth(endDate);\n      }\n\n      if (isSameDay(endDate, endOfMonth(startDate))) {\n        return monthFormatter.format(startMonth.toDate(timeZone));\n      } else if (isSameDay(endDate, endOfMonth(endDate))) {\n        return isAria\n          ? formatRange(monthFormatter, stringFormatter, startMonth, endMonth, timeZone)\n          : monthFormatter.formatRange(startMonth.toDate(timeZone), endMonth.toDate(timeZone));\n      }\n    }\n\n    return isAria\n      ? formatRange(dateFormatter, stringFormatter, startDate, endDate, timeZone)\n      : dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));\n  }, [startDate, endDate, monthFormatter, dateFormatter, stringFormatter, timeZone, isAria]);\n}\n\nfunction formatRange(\n  dateFormatter: DateFormatter,\n  stringFormatter: LocalizedStringFormatter,\n  start: CalendarDate,\n  end: CalendarDate,\n  timeZone: string\n) {\n  let parts = dateFormatter.formatRangeToParts(start.toDate(timeZone), end.toDate(timeZone));\n\n  // Find the separator between the start and end date. This is determined\n  // by finding the last shared literal before the end range.\n  let separatorIndex = -1;\n  for (let i = 0; i < parts.length; i++) {\n    let part = parts[i];\n    if (part.source === 'shared' && part.type === 'literal') {\n      separatorIndex = i;\n    } else if (part.source === 'endRange') {\n      break;\n    }\n  }\n\n  // Now we can combine the parts into start and end strings.\n  let startValue = '';\n  let endValue = '';\n  for (let i = 0; i < parts.length; i++) {\n    if (i < separatorIndex) {\n      startValue += parts[i].value;\n    } else if (i > separatorIndex) {\n      endValue += parts[i].value;\n    }\n  }\n\n  return stringFormatter.format('dateRange', {startDate: startValue, endDate: endValue});\n}\n"],"names":[],"version":3,"file":"utils.mjs.map"}