react-aria 3.49.0 → 3.51.0

package/dist/private/calendar/useCalendarGrid.js

@@ -1,6 +1,7 @@
 import {hookData as $408a9e02d11c4766$export$653eddfc964b0f8a, useVisibleRangeDescription as $408a9e02d11c4766$export$31afe65d91ef6e8} from "./utils.js";
 import {mergeProps as $64c36edd757dfa16$export$9d1611c77c2fe928} from "../utils/mergeProps.js";
 import {useDateFormatter as $7673fcc607ba3f7f$export$85fd5fdf27bacc79} from "../i18n/useDateFormatter.js";
+import {useKeyboard as $bf74df7506f65576$export$8f71654801c2f7cd} from "../interactions/useKeyboard.js";
 import {useLabels as $93a7fe14591f425f$export$d6875122194c7b44} from "../utils/useLabels.js";
 import {useLocale as $4defb058003b3e05$export$43bb16f9c6d9e3f7} from "../i18n/I18nProvider.js";
 import {startOfWeek as $in4g1$startOfWeek, today as $in4g1$today} from "@internationalized/date";
@@ -23,67 +24,62 @@ import {useMemo as $in4g1$useMemo} from "react";
 
 
 
+
 function $e8ce785b95f36e37$export$cb95147730a423f5(props, state) {
     let { startDate: startDate = state.visibleRange.start, endDate: endDate = state.visibleRange.end, firstDayOfWeek: firstDayOfWeek } = props;
     let { direction: direction } = (0, $4defb058003b3e05$export$43bb16f9c6d9e3f7)();
-    let onKeyDown = (e)=>{
-        switch(e.key){
-            case 'Enter':
-            case ' ':
-                e.preventDefault();
-                state.selectFocusedDate();
-                break;
-            case 'PageUp':
-                e.preventDefault();
-                e.stopPropagation();
-                state.focusPreviousSection(e.shiftKey);
-                break;
-            case 'PageDown':
-                e.preventDefault();
-                e.stopPropagation();
-                state.focusNextSection(e.shiftKey);
-                break;
-            case 'End':
-                e.preventDefault();
-                e.stopPropagation();
+    let { keyboardProps: keyboardProps } = (0, $bf74df7506f65576$export$8f71654801c2f7cd)({
+        shortcuts: {
+            End: ()=>{
                 state.focusSectionEnd();
-                break;
-            case 'Home':
-                e.preventDefault();
-                e.stopPropagation();
+            },
+            Home: ()=>{
                 state.focusSectionStart();
-                break;
-            case 'ArrowLeft':
-                e.preventDefault();
-                e.stopPropagation();
+            },
+            Escape: ()=>{
+                // Cancel the selection.
+                if ('setAnchorDate' in state) state.setAnchorDate(null);
+                return false; // TODO: is this really correct? or should it return true when we cancel and only propagate if there's nothing to do
+            }
+        }
+    });
+    let { keyboardProps: repeatKeyboardProps } = (0, $bf74df7506f65576$export$8f71654801c2f7cd)({
+        shortcuts: {
+            Enter: ()=>{
+                state.selectFocusedDate();
+            },
+            ' ': ()=>{
+                state.selectFocusedDate();
+            },
+            PageUp: ()=>{
+                state.focusPreviousSection();
+            },
+            'Shift+PageUp': ()=>{
+                state.focusPreviousSection(true);
+            },
+            PageDown: ()=>{
+                state.focusNextSection();
+            },
+            'Shift+PageDown': ()=>{
+                state.focusNextSection(true);
+            },
+            ArrowLeft: ()=>{
                 if (direction === 'rtl') state.focusNextDay();
                 else state.focusPreviousDay();
-                break;
-            case 'ArrowUp':
-                e.preventDefault();
-                e.stopPropagation();
+            },
+            ArrowUp: ()=>{
                 state.focusPreviousRow();
-                break;
-            case 'ArrowRight':
-                e.preventDefault();
-                e.stopPropagation();
+            },
+            ArrowRight: ()=>{
                 if (direction === 'rtl') state.focusPreviousDay();
                 else state.focusNextDay();
-                break;
-            case 'ArrowDown':
-                e.preventDefault();
-                e.stopPropagation();
+            },
+            ArrowDown: ()=>{
                 state.focusNextRow();
-                break;
-            case 'Escape':
-                // Cancel the selection.
-                if ('setAnchorDate' in state) {
-                    e.preventDefault();
-                    state.setAnchorDate(null);
-                }
-                break;
-        }
-    };
+            }
+        },
+        allowRepeats: true
+    });
     let visibleRangeDescription = (0, $408a9e02d11c4766$export$31afe65d91ef6e8)(startDate, endDate, state.timeZone, true);
     let { ariaLabel: ariaLabel, ariaLabelledBy: ariaLabelledBy } = (0, $408a9e02d11c4766$export$653eddfc964b0f8a).get(state);
     let labelProps = (0, $93a7fe14591f425f$export$d6875122194c7b44)({
@@ -126,10 +122,9 @@ function $e8ce785b95f36e37$export$cb95147730a423f5(props, state) {
             'aria-readonly': state.isReadOnly || undefined,
             'aria-disabled': state.isDisabled || undefined,
             'aria-multiselectable': 'highlightedRange' in state || state.selectionMode === 'multiple' || undefined,
-            onKeyDown: onKeyDown,
             onFocus: ()=>state.setFocused(true),
             onBlur: ()=>state.setFocused(false)
-        }),
+        }, keyboardProps, repeatKeyboardProps),
         headerProps: {
             // Column headers are hidden to screen readers to make navigating with a touch screen reader easier.
             // The day names are already included in the label of each cell, so there's no need to announce them twice.

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

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA0DM,SAAS,0CACd,KAA4B,EAC5B,KAAgE;IAEhE,IAAI,aACF,YAAY,MAAM,YAAY,CAAC,KAAK,WACpC,UAAU,MAAM,YAAY,CAAC,GAAG,kBAChC,cAAc,EACf,GAAG;IAEJ,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAQ;IAE1B,IAAI,YAAY,CAAC;QACf,OAAQ,EAAE,GAAG;YACX,KAAK;YACL,KAAK;gBACH,EAAE,cAAc;gBAChB,MAAM,iBAAiB;gBACvB;YACF,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,MAAM,oBAAoB,CAAC,EAAE,QAAQ;gBACrC;YACF,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,MAAM,gBAAgB,CAAC,EAAE,QAAQ;gBACjC;YACF,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,MAAM,eAAe;gBACrB;YACF,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,MAAM,iBAAiB;gBACvB;YACF,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,IAAI,cAAc,OAChB,MAAM,YAAY;qBAElB,MAAM,gBAAgB;gBAExB;YACF,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,MAAM,gBAAgB;gBACtB;YACF,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,IAAI,cAAc,OAChB,MAAM,gBAAgB;qBAEtB,MAAM,YAAY;gBAEpB;YACF,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,MAAM,YAAY;gBAClB;YACF,KAAK;gBACH,wBAAwB;gBACxB,IAAI,mBAAmB,OAAO;oBAC5B,EAAE,cAAc;oBAChB,MAAM,aAAa,CAAC;gBACtB;gBACA;QACJ;IACF;IAEA,IAAI,0BAA0B,CAAA,GAAA,wCAAyB,EACrD,WACA,SACA,MAAM,QAAQ,EACd;IAGF,IAAI,aAAC,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAO,EAAE,GAAG,CAAC;IAC/C,IAAI,aAAa,CAAA,GAAA,yCAAQ,EAAE;QACzB,cAAc;YAAC;YAAW;SAAwB,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC;QACxE,mBAAmB;IACrB;IAEA,IAAI,eAAe,CAAA,GAAA,yCAAe,EAAE;QAClC,SAAS,MAAM,YAAY,IAAI;QAC/B,UAAU,MAAM,QAAQ;IAC1B;IACA,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,yCAAQ;IACvB,IAAI,WAAW,CAAA,GAAA,cAAM,EAAE;QACrB,IAAI,YAAY,MAAM,eAAe,CAAC,IAAI,IAAI,MAAM,eAAe,CAAC,IAAI,GAAG;QAC3E,IAAI,YAAY,YACZ,YACA,CAAA,GAAA,kBAAU,EAAE,CAAA,GAAA,YAAI,EAAE,MAAM,QAAQ,GAAG,QAAQ;QAC/C,IAAI,OAAO,YAAY,MAAM,eAAe,CAAC,IAAI,GAAI;QACrD,OAAO;eAAI,IAAI,MAAM,MAAM,IAAI;SAAG,CAAC,GAAG,CAAC,CAAA;YACrC,IAAI,OAAO,UAAU,GAAG,CAAC;gBAAC,MAAM;YAAK;YACrC,IAAI,UAAU,KAAK,MAAM,CAAC,MAAM,QAAQ;YACxC,OAAO,aAAa,MAAM,CAAC;QAC7B;IACF,GAAG;QAAC;QAAQ,MAAM,QAAQ;QAAE;QAAc;QAAgB;QAAW,MAAM,eAAe,CAAC,IAAI;KAAC;IAChG,IAAI,eAAe,MAAM,eAAe,CAAC;IAEzC,OAAO;QACL,WAAW,CAAA,GAAA,yCAAS,EAAE,YAAY;YAChC,MAAM;YACN,iBAAiB,MAAM,UAAU,IAAI;YACrC,iBAAiB,MAAM,UAAU,IAAI;YACrC,wBACE,sBAAsB,SAAS,MAAM,aAAa,KAAK,cAAc;uBACvE;YACA,SAAS,IAAM,MAAM,UAAU,CAAC;YAChC,QAAQ,IAAM,MAAM,UAAU,CAAC;QACjC;QACA,aAAa;YACX,oGAAoG;YACpG,2GAA2G;YAC3G,eAAe;QACjB;kBACA;sBACA;IACF;AACF","sources":["packages/react-aria/src/calendar/useCalendarGrid.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, startOfWeek, today} from '@internationalized/date';\nimport {CalendarSelectionMode, CalendarState} from 'react-stately/useCalendarState';\nimport {DOMAttributes} from '@react-types/shared';\nimport {hookData, useVisibleRangeDescription} from './utils';\nimport {KeyboardEvent, useMemo} from 'react';\nimport {mergeProps} from '../utils/mergeProps';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useLabels} from '../utils/useLabels';\nimport {useLocale} from '../i18n/I18nProvider';\n\nexport interface AriaCalendarGridProps {\n  /**\n   * The first date displayed in the calendar grid.\n   * Defaults to the first visible date in the calendar.\n   * Override this to display multiple date grids in a calendar.\n   */\n  startDate?: CalendarDate;\n  /**\n   * The last date displayed in the calendar grid.\n   * Defaults to the last visible date in the calendar.\n   * Override this to display multiple date grids in a calendar.\n   */\n  endDate?: CalendarDate;\n  /**\n   * The style of weekday names to display in the calendar grid header,\n   * e.g. single letter, abbreviation, or full day name.\n   *\n   * @default 'narrow'\n   */\n  weekdayStyle?: 'narrow' | 'short' | 'long';\n  /**\n   * The day that starts the week.\n   */\n  firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';\n}\n\nexport interface CalendarGridAria {\n  /** Props for the date grid element (e.g. `<table>`). */\n  gridProps: DOMAttributes;\n  /** Props for the grid header element (e.g. `<thead>`). */\n  headerProps: DOMAttributes;\n  /**\n   * A list of week day abbreviations formatted for the current locale, typically used in column\n   * headers.\n   */\n  weekDays: string[];\n  /** The number of weeks in the month. */\n  weeksInMonth: number;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a calendar grid component.\n * A calendar grid displays a single grid of days within a calendar or range calendar which\n * can be keyboard navigated and selected by the user.\n */\nexport function useCalendarGrid(\n  props: AriaCalendarGridProps,\n  state: CalendarState<CalendarSelectionMode> | RangeCalendarState\n): CalendarGridAria {\n  let {\n    startDate = state.visibleRange.start,\n    endDate = state.visibleRange.end,\n    firstDayOfWeek\n  } = props;\n\n  let {direction} = useLocale();\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        state.selectFocusedDate();\n        break;\n      case 'PageUp':\n        e.preventDefault();\n        e.stopPropagation();\n        state.focusPreviousSection(e.shiftKey);\n        break;\n      case 'PageDown':\n        e.preventDefault();\n        e.stopPropagation();\n        state.focusNextSection(e.shiftKey);\n        break;\n      case 'End':\n        e.preventDefault();\n        e.stopPropagation();\n        state.focusSectionEnd();\n        break;\n      case 'Home':\n        e.preventDefault();\n        e.stopPropagation();\n        state.focusSectionStart();\n        break;\n      case 'ArrowLeft':\n        e.preventDefault();\n        e.stopPropagation();\n        if (direction === 'rtl') {\n          state.focusNextDay();\n        } else {\n          state.focusPreviousDay();\n        }\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        e.stopPropagation();\n        state.focusPreviousRow();\n        break;\n      case 'ArrowRight':\n        e.preventDefault();\n        e.stopPropagation();\n        if (direction === 'rtl') {\n          state.focusPreviousDay();\n        } else {\n          state.focusNextDay();\n        }\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        e.stopPropagation();\n        state.focusNextRow();\n        break;\n      case 'Escape':\n        // Cancel the selection.\n        if ('setAnchorDate' in state) {\n          e.preventDefault();\n          state.setAnchorDate(null);\n        }\n        break;\n    }\n  };\n\n  let visibleRangeDescription = useVisibleRangeDescription(\n    startDate,\n    endDate,\n    state.timeZone,\n    true\n  );\n\n  let {ariaLabel, ariaLabelledBy} = hookData.get(state)!;\n  let labelProps = useLabels({\n    'aria-label': [ariaLabel, visibleRangeDescription].filter(Boolean).join(', '),\n    'aria-labelledby': ariaLabelledBy\n  });\n\n  let dayFormatter = useDateFormatter({\n    weekday: props.weekdayStyle || 'narrow',\n    timeZone: state.timeZone\n  });\n  let {locale} = useLocale();\n  let weekDays = useMemo(() => {\n    let isDayView = state.visibleDuration.days && state.visibleDuration.days < 7;\n    let weekStart = isDayView\n      ? startDate\n      : startOfWeek(today(state.timeZone), locale, firstDayOfWeek);\n    let days = isDayView ? state.visibleDuration.days! : 7;\n    return [...new Array(days).keys()].map(index => {\n      let date = weekStart.add({days: index});\n      let dateDay = date.toDate(state.timeZone);\n      return dayFormatter.format(dateDay);\n    });\n  }, [locale, state.timeZone, dayFormatter, firstDayOfWeek, startDate, state.visibleDuration.days]);\n  let weeksInMonth = state.getWeeksInMonth(startDate);\n\n  return {\n    gridProps: mergeProps(labelProps, {\n      role: 'grid',\n      'aria-readonly': state.isReadOnly || undefined,\n      'aria-disabled': state.isDisabled || undefined,\n      'aria-multiselectable':\n        'highlightedRange' in state || state.selectionMode === 'multiple' || undefined,\n      onKeyDown,\n      onFocus: () => state.setFocused(true),\n      onBlur: () => state.setFocused(false)\n    }),\n    headerProps: {\n      // Column headers are hidden to screen readers to make navigating with a touch screen reader easier.\n      // The day names are already included in the label of each cell, so there's no need to announce them twice.\n      'aria-hidden': true\n    },\n    weekDays,\n    weeksInMonth\n  };\n}\n"],"names":[],"version":3,"file":"useCalendarGrid.js.map"}
+{"mappings":"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","sources":["packages/react-aria/src/calendar/useCalendarGrid.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, startOfWeek, today} from '@internationalized/date';\nimport {CalendarSelectionMode, CalendarState} from 'react-stately/useCalendarState';\nimport {DOMAttributes} from '@react-types/shared';\nimport {hookData, useVisibleRangeDescription} from './utils';\nimport {mergeProps} from '../utils/mergeProps';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {useLabels} from '../utils/useLabels';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useMemo} from 'react';\n\nexport interface AriaCalendarGridProps {\n  /**\n   * The first date displayed in the calendar grid.\n   * Defaults to the first visible date in the calendar.\n   * Override this to display multiple date grids in a calendar.\n   */\n  startDate?: CalendarDate;\n  /**\n   * The last date displayed in the calendar grid.\n   * Defaults to the last visible date in the calendar.\n   * Override this to display multiple date grids in a calendar.\n   */\n  endDate?: CalendarDate;\n  /**\n   * The style of weekday names to display in the calendar grid header,\n   * e.g. single letter, abbreviation, or full day name.\n   *\n   * @default 'narrow'\n   */\n  weekdayStyle?: 'narrow' | 'short' | 'long';\n  /**\n   * The day that starts the week.\n   */\n  firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';\n}\n\nexport interface CalendarGridAria {\n  /** Props for the date grid element (e.g. `<table>`). */\n  gridProps: DOMAttributes;\n  /** Props for the grid header element (e.g. `<thead>`). */\n  headerProps: DOMAttributes;\n  /**\n   * A list of week day abbreviations formatted for the current locale, typically used in column\n   * headers.\n   */\n  weekDays: string[];\n  /** The number of weeks in the month. */\n  weeksInMonth: number;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a calendar grid component.\n * A calendar grid displays a single grid of days within a calendar or range calendar which\n * can be keyboard navigated and selected by the user.\n */\nexport function useCalendarGrid(\n  props: AriaCalendarGridProps,\n  state: CalendarState<CalendarSelectionMode> | RangeCalendarState\n): CalendarGridAria {\n  let {\n    startDate = state.visibleRange.start,\n    endDate = state.visibleRange.end,\n    firstDayOfWeek\n  } = props;\n\n  let {direction} = useLocale();\n\n  let {keyboardProps} = useKeyboard({\n    shortcuts: {\n      End: () => {\n        state.focusSectionEnd();\n      },\n      Home: () => {\n        state.focusSectionStart();\n      },\n      Escape: () => {\n        // Cancel the selection.\n        if ('setAnchorDate' in state) {\n          state.setAnchorDate(null);\n        }\n        return false; // TODO: is this really correct? or should it return true when we cancel and only propagate if there's nothing to do\n      }\n    }\n  });\n\n  let {keyboardProps: repeatKeyboardProps} = useKeyboard({\n    shortcuts: {\n      Enter: () => {\n        state.selectFocusedDate();\n      },\n      ' ': () => {\n        state.selectFocusedDate();\n      },\n      PageUp: () => {\n        state.focusPreviousSection();\n      },\n      'Shift+PageUp': () => {\n        state.focusPreviousSection(true);\n      },\n      PageDown: () => {\n        state.focusNextSection();\n      },\n      'Shift+PageDown': () => {\n        state.focusNextSection(true);\n      },\n      ArrowLeft: () => {\n        if (direction === 'rtl') {\n          state.focusNextDay();\n        } else {\n          state.focusPreviousDay();\n        }\n      },\n      ArrowUp: () => {\n        state.focusPreviousRow();\n      },\n      ArrowRight: () => {\n        if (direction === 'rtl') {\n          state.focusPreviousDay();\n        } else {\n          state.focusNextDay();\n        }\n      },\n      ArrowDown: () => {\n        state.focusNextRow();\n      }\n    },\n    allowRepeats: true\n  });\n\n  let visibleRangeDescription = useVisibleRangeDescription(\n    startDate,\n    endDate,\n    state.timeZone,\n    true\n  );\n\n  let {ariaLabel, ariaLabelledBy} = hookData.get(state)!;\n  let labelProps = useLabels({\n    'aria-label': [ariaLabel, visibleRangeDescription].filter(Boolean).join(', '),\n    'aria-labelledby': ariaLabelledBy\n  });\n\n  let dayFormatter = useDateFormatter({\n    weekday: props.weekdayStyle || 'narrow',\n    timeZone: state.timeZone\n  });\n  let {locale} = useLocale();\n  let weekDays = useMemo(() => {\n    let isDayView = state.visibleDuration.days && state.visibleDuration.days < 7;\n    let weekStart = isDayView\n      ? startDate\n      : startOfWeek(today(state.timeZone), locale, firstDayOfWeek);\n    let days = isDayView ? state.visibleDuration.days! : 7;\n    return [...new Array(days).keys()].map(index => {\n      let date = weekStart.add({days: index});\n      let dateDay = date.toDate(state.timeZone);\n      return dayFormatter.format(dateDay);\n    });\n  }, [locale, state.timeZone, dayFormatter, firstDayOfWeek, startDate, state.visibleDuration.days]);\n  let weeksInMonth = state.getWeeksInMonth(startDate);\n\n  return {\n    gridProps: mergeProps(\n      labelProps,\n      {\n        role: 'grid',\n        'aria-readonly': state.isReadOnly || undefined,\n        'aria-disabled': state.isDisabled || undefined,\n        'aria-multiselectable':\n          'highlightedRange' in state || state.selectionMode === 'multiple' || undefined,\n        onFocus: () => state.setFocused(true),\n        onBlur: () => state.setFocused(false)\n      },\n      keyboardProps,\n      repeatKeyboardProps\n    ),\n    headerProps: {\n      // Column headers are hidden to screen readers to make navigating with a touch screen reader easier.\n      // The day names are already included in the label of each cell, so there's no need to announce them twice.\n      'aria-hidden': true\n    },\n    weekDays,\n    weeksInMonth\n  };\n}\n"],"names":[],"version":3,"file":"useCalendarGrid.js.map"}

package/dist/private/calendar/useCalendarGrid.mjs

@@ -1,6 +1,7 @@
 import {hookData as $9bac9bf03b87f160$export$653eddfc964b0f8a, useVisibleRangeDescription as $9bac9bf03b87f160$export$31afe65d91ef6e8} from "./utils.mjs";
 import {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from "../utils/mergeProps.mjs";
 import {useDateFormatter as $60f33508b4cd9d3b$export$85fd5fdf27bacc79} from "../i18n/useDateFormatter.mjs";
+import {useKeyboard as $8296dad1a4c5e0dc$export$8f71654801c2f7cd} from "../interactions/useKeyboard.mjs";
 import {useLabels as $e8ac3c3f5d4bae7f$export$d6875122194c7b44} from "../utils/useLabels.mjs";
 import {useLocale as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7} from "../i18n/I18nProvider.mjs";
 import {startOfWeek as $aLm0I$startOfWeek, today as $aLm0I$today} from "@internationalized/date";
@@ -23,67 +24,62 @@ import {useMemo as $aLm0I$useMemo} from "react";
 
 
 
+
 function $2d54ee2ec11ddab8$export$cb95147730a423f5(props, state) {
     let { startDate: startDate = state.visibleRange.start, endDate: endDate = state.visibleRange.end, firstDayOfWeek: firstDayOfWeek } = props;
     let { direction: direction } = (0, $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
-    let onKeyDown = (e)=>{
-        switch(e.key){
-            case 'Enter':
-            case ' ':
-                e.preventDefault();
-                state.selectFocusedDate();
-                break;
-            case 'PageUp':
-                e.preventDefault();
-                e.stopPropagation();
-                state.focusPreviousSection(e.shiftKey);
-                break;
-            case 'PageDown':
-                e.preventDefault();
-                e.stopPropagation();
-                state.focusNextSection(e.shiftKey);
-                break;
-            case 'End':
-                e.preventDefault();
-                e.stopPropagation();
+    let { keyboardProps: keyboardProps } = (0, $8296dad1a4c5e0dc$export$8f71654801c2f7cd)({
+        shortcuts: {
+            End: ()=>{
                 state.focusSectionEnd();
-                break;
-            case 'Home':
-                e.preventDefault();
-                e.stopPropagation();
+            },
+            Home: ()=>{
                 state.focusSectionStart();
-                break;
-            case 'ArrowLeft':
-                e.preventDefault();
-                e.stopPropagation();
+            },
+            Escape: ()=>{
+                // Cancel the selection.
+                if ('setAnchorDate' in state) state.setAnchorDate(null);
+                return false; // TODO: is this really correct? or should it return true when we cancel and only propagate if there's nothing to do
+            }
+        }
+    });
+    let { keyboardProps: repeatKeyboardProps } = (0, $8296dad1a4c5e0dc$export$8f71654801c2f7cd)({
+        shortcuts: {
+            Enter: ()=>{
+                state.selectFocusedDate();
+            },
+            ' ': ()=>{
+                state.selectFocusedDate();
+            },
+            PageUp: ()=>{
+                state.focusPreviousSection();
+            },
+            'Shift+PageUp': ()=>{
+                state.focusPreviousSection(true);
+            },
+            PageDown: ()=>{
+                state.focusNextSection();
+            },
+            'Shift+PageDown': ()=>{
+                state.focusNextSection(true);
+            },
+            ArrowLeft: ()=>{
                 if (direction === 'rtl') state.focusNextDay();
                 else state.focusPreviousDay();
-                break;
-            case 'ArrowUp':
-                e.preventDefault();
-                e.stopPropagation();
+            },
+            ArrowUp: ()=>{
                 state.focusPreviousRow();
-                break;
-            case 'ArrowRight':
-                e.preventDefault();
-                e.stopPropagation();
+            },
+            ArrowRight: ()=>{
                 if (direction === 'rtl') state.focusPreviousDay();
                 else state.focusNextDay();
-                break;
-            case 'ArrowDown':
-                e.preventDefault();
-                e.stopPropagation();
+            },
+            ArrowDown: ()=>{
                 state.focusNextRow();
-                break;
-            case 'Escape':
-                // Cancel the selection.
-                if ('setAnchorDate' in state) {
-                    e.preventDefault();
-                    state.setAnchorDate(null);
-                }
-                break;
-        }
-    };
+            }
+        },
+        allowRepeats: true
+    });
     let visibleRangeDescription = (0, $9bac9bf03b87f160$export$31afe65d91ef6e8)(startDate, endDate, state.timeZone, true);
     let { ariaLabel: ariaLabel, ariaLabelledBy: ariaLabelledBy } = (0, $9bac9bf03b87f160$export$653eddfc964b0f8a).get(state);
     let labelProps = (0, $e8ac3c3f5d4bae7f$export$d6875122194c7b44)({
@@ -126,10 +122,9 @@ function $2d54ee2ec11ddab8$export$cb95147730a423f5(props, state) {
             'aria-readonly': state.isReadOnly || undefined,
             'aria-disabled': state.isDisabled || undefined,
             'aria-multiselectable': 'highlightedRange' in state || state.selectionMode === 'multiple' || undefined,
-            onKeyDown: onKeyDown,
             onFocus: ()=>state.setFocused(true),
             onBlur: ()=>state.setFocused(false)
-        }),
+        }, keyboardProps, repeatKeyboardProps),
         headerProps: {
             // Column headers are hidden to screen readers to make navigating with a touch screen reader easier.
             // The day names are already included in the label of each cell, so there's no need to announce them twice.

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

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/calendar/useCalendarGrid.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, startOfWeek, today} from '@internationalized/date';\nimport {CalendarSelectionMode, CalendarState} from 'react-stately/useCalendarState';\nimport {DOMAttributes} from '@react-types/shared';\nimport {hookData, useVisibleRangeDescription} from './utils';\nimport {KeyboardEvent, useMemo} from 'react';\nimport {mergeProps} from '../utils/mergeProps';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useLabels} from '../utils/useLabels';\nimport {useLocale} from '../i18n/I18nProvider';\n\nexport interface AriaCalendarGridProps {\n  /**\n   * The first date displayed in the calendar grid.\n   * Defaults to the first visible date in the calendar.\n   * Override this to display multiple date grids in a calendar.\n   */\n  startDate?: CalendarDate;\n  /**\n   * The last date displayed in the calendar grid.\n   * Defaults to the last visible date in the calendar.\n   * Override this to display multiple date grids in a calendar.\n   */\n  endDate?: CalendarDate;\n  /**\n   * The style of weekday names to display in the calendar grid header,\n   * e.g. single letter, abbreviation, or full day name.\n   *\n   * @default 'narrow'\n   */\n  weekdayStyle?: 'narrow' | 'short' | 'long';\n  /**\n   * The day that starts the week.\n   */\n  firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';\n}\n\nexport interface CalendarGridAria {\n  /** Props for the date grid element (e.g. `<table>`). */\n  gridProps: DOMAttributes;\n  /** Props for the grid header element (e.g. `<thead>`). */\n  headerProps: DOMAttributes;\n  /**\n   * A list of week day abbreviations formatted for the current locale, typically used in column\n   * headers.\n   */\n  weekDays: string[];\n  /** The number of weeks in the month. */\n  weeksInMonth: number;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a calendar grid component.\n * A calendar grid displays a single grid of days within a calendar or range calendar which\n * can be keyboard navigated and selected by the user.\n */\nexport function useCalendarGrid(\n  props: AriaCalendarGridProps,\n  state: CalendarState<CalendarSelectionMode> | RangeCalendarState\n): CalendarGridAria {\n  let {\n    startDate = state.visibleRange.start,\n    endDate = state.visibleRange.end,\n    firstDayOfWeek\n  } = props;\n\n  let {direction} = useLocale();\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        state.selectFocusedDate();\n        break;\n      case 'PageUp':\n        e.preventDefault();\n        e.stopPropagation();\n        state.focusPreviousSection(e.shiftKey);\n        break;\n      case 'PageDown':\n        e.preventDefault();\n        e.stopPropagation();\n        state.focusNextSection(e.shiftKey);\n        break;\n      case 'End':\n        e.preventDefault();\n        e.stopPropagation();\n        state.focusSectionEnd();\n        break;\n      case 'Home':\n        e.preventDefault();\n        e.stopPropagation();\n        state.focusSectionStart();\n        break;\n      case 'ArrowLeft':\n        e.preventDefault();\n        e.stopPropagation();\n        if (direction === 'rtl') {\n          state.focusNextDay();\n        } else {\n          state.focusPreviousDay();\n        }\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        e.stopPropagation();\n        state.focusPreviousRow();\n        break;\n      case 'ArrowRight':\n        e.preventDefault();\n        e.stopPropagation();\n        if (direction === 'rtl') {\n          state.focusPreviousDay();\n        } else {\n          state.focusNextDay();\n        }\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        e.stopPropagation();\n        state.focusNextRow();\n        break;\n      case 'Escape':\n        // Cancel the selection.\n        if ('setAnchorDate' in state) {\n          e.preventDefault();\n          state.setAnchorDate(null);\n        }\n        break;\n    }\n  };\n\n  let visibleRangeDescription = useVisibleRangeDescription(\n    startDate,\n    endDate,\n    state.timeZone,\n    true\n  );\n\n  let {ariaLabel, ariaLabelledBy} = hookData.get(state)!;\n  let labelProps = useLabels({\n    'aria-label': [ariaLabel, visibleRangeDescription].filter(Boolean).join(', '),\n    'aria-labelledby': ariaLabelledBy\n  });\n\n  let dayFormatter = useDateFormatter({\n    weekday: props.weekdayStyle || 'narrow',\n    timeZone: state.timeZone\n  });\n  let {locale} = useLocale();\n  let weekDays = useMemo(() => {\n    let isDayView = state.visibleDuration.days && state.visibleDuration.days < 7;\n    let weekStart = isDayView\n      ? startDate\n      : startOfWeek(today(state.timeZone), locale, firstDayOfWeek);\n    let days = isDayView ? state.visibleDuration.days! : 7;\n    return [...new Array(days).keys()].map(index => {\n      let date = weekStart.add({days: index});\n      let dateDay = date.toDate(state.timeZone);\n      return dayFormatter.format(dateDay);\n    });\n  }, [locale, state.timeZone, dayFormatter, firstDayOfWeek, startDate, state.visibleDuration.days]);\n  let weeksInMonth = state.getWeeksInMonth(startDate);\n\n  return {\n    gridProps: mergeProps(labelProps, {\n      role: 'grid',\n      'aria-readonly': state.isReadOnly || undefined,\n      'aria-disabled': state.isDisabled || undefined,\n      'aria-multiselectable':\n        'highlightedRange' in state || state.selectionMode === 'multiple' || undefined,\n      onKeyDown,\n      onFocus: () => state.setFocused(true),\n      onBlur: () => state.setFocused(false)\n    }),\n    headerProps: {\n      // Column headers are hidden to screen readers to make navigating with a touch screen reader easier.\n      // The day names are already included in the label of each cell, so there's no need to announce them twice.\n      'aria-hidden': true\n    },\n    weekDays,\n    weeksInMonth\n  };\n}\n"],"names":[],"version":3,"file":"useCalendarGrid.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/calendar/useCalendarGrid.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, startOfWeek, today} from '@internationalized/date';\nimport {CalendarSelectionMode, CalendarState} from 'react-stately/useCalendarState';\nimport {DOMAttributes} from '@react-types/shared';\nimport {hookData, useVisibleRangeDescription} from './utils';\nimport {mergeProps} from '../utils/mergeProps';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {useLabels} from '../utils/useLabels';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useMemo} from 'react';\n\nexport interface AriaCalendarGridProps {\n  /**\n   * The first date displayed in the calendar grid.\n   * Defaults to the first visible date in the calendar.\n   * Override this to display multiple date grids in a calendar.\n   */\n  startDate?: CalendarDate;\n  /**\n   * The last date displayed in the calendar grid.\n   * Defaults to the last visible date in the calendar.\n   * Override this to display multiple date grids in a calendar.\n   */\n  endDate?: CalendarDate;\n  /**\n   * The style of weekday names to display in the calendar grid header,\n   * e.g. single letter, abbreviation, or full day name.\n   *\n   * @default 'narrow'\n   */\n  weekdayStyle?: 'narrow' | 'short' | 'long';\n  /**\n   * The day that starts the week.\n   */\n  firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';\n}\n\nexport interface CalendarGridAria {\n  /** Props for the date grid element (e.g. `<table>`). */\n  gridProps: DOMAttributes;\n  /** Props for the grid header element (e.g. `<thead>`). */\n  headerProps: DOMAttributes;\n  /**\n   * A list of week day abbreviations formatted for the current locale, typically used in column\n   * headers.\n   */\n  weekDays: string[];\n  /** The number of weeks in the month. */\n  weeksInMonth: number;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a calendar grid component.\n * A calendar grid displays a single grid of days within a calendar or range calendar which\n * can be keyboard navigated and selected by the user.\n */\nexport function useCalendarGrid(\n  props: AriaCalendarGridProps,\n  state: CalendarState<CalendarSelectionMode> | RangeCalendarState\n): CalendarGridAria {\n  let {\n    startDate = state.visibleRange.start,\n    endDate = state.visibleRange.end,\n    firstDayOfWeek\n  } = props;\n\n  let {direction} = useLocale();\n\n  let {keyboardProps} = useKeyboard({\n    shortcuts: {\n      End: () => {\n        state.focusSectionEnd();\n      },\n      Home: () => {\n        state.focusSectionStart();\n      },\n      Escape: () => {\n        // Cancel the selection.\n        if ('setAnchorDate' in state) {\n          state.setAnchorDate(null);\n        }\n        return false; // TODO: is this really correct? or should it return true when we cancel and only propagate if there's nothing to do\n      }\n    }\n  });\n\n  let {keyboardProps: repeatKeyboardProps} = useKeyboard({\n    shortcuts: {\n      Enter: () => {\n        state.selectFocusedDate();\n      },\n      ' ': () => {\n        state.selectFocusedDate();\n      },\n      PageUp: () => {\n        state.focusPreviousSection();\n      },\n      'Shift+PageUp': () => {\n        state.focusPreviousSection(true);\n      },\n      PageDown: () => {\n        state.focusNextSection();\n      },\n      'Shift+PageDown': () => {\n        state.focusNextSection(true);\n      },\n      ArrowLeft: () => {\n        if (direction === 'rtl') {\n          state.focusNextDay();\n        } else {\n          state.focusPreviousDay();\n        }\n      },\n      ArrowUp: () => {\n        state.focusPreviousRow();\n      },\n      ArrowRight: () => {\n        if (direction === 'rtl') {\n          state.focusPreviousDay();\n        } else {\n          state.focusNextDay();\n        }\n      },\n      ArrowDown: () => {\n        state.focusNextRow();\n      }\n    },\n    allowRepeats: true\n  });\n\n  let visibleRangeDescription = useVisibleRangeDescription(\n    startDate,\n    endDate,\n    state.timeZone,\n    true\n  );\n\n  let {ariaLabel, ariaLabelledBy} = hookData.get(state)!;\n  let labelProps = useLabels({\n    'aria-label': [ariaLabel, visibleRangeDescription].filter(Boolean).join(', '),\n    'aria-labelledby': ariaLabelledBy\n  });\n\n  let dayFormatter = useDateFormatter({\n    weekday: props.weekdayStyle || 'narrow',\n    timeZone: state.timeZone\n  });\n  let {locale} = useLocale();\n  let weekDays = useMemo(() => {\n    let isDayView = state.visibleDuration.days && state.visibleDuration.days < 7;\n    let weekStart = isDayView\n      ? startDate\n      : startOfWeek(today(state.timeZone), locale, firstDayOfWeek);\n    let days = isDayView ? state.visibleDuration.days! : 7;\n    return [...new Array(days).keys()].map(index => {\n      let date = weekStart.add({days: index});\n      let dateDay = date.toDate(state.timeZone);\n      return dayFormatter.format(dateDay);\n    });\n  }, [locale, state.timeZone, dayFormatter, firstDayOfWeek, startDate, state.visibleDuration.days]);\n  let weeksInMonth = state.getWeeksInMonth(startDate);\n\n  return {\n    gridProps: mergeProps(\n      labelProps,\n      {\n        role: 'grid',\n        'aria-readonly': state.isReadOnly || undefined,\n        'aria-disabled': state.isDisabled || undefined,\n        'aria-multiselectable':\n          'highlightedRange' in state || state.selectionMode === 'multiple' || undefined,\n        onFocus: () => state.setFocused(true),\n        onBlur: () => state.setFocused(false)\n      },\n      keyboardProps,\n      repeatKeyboardProps\n    ),\n    headerProps: {\n      // Column headers are hidden to screen readers to make navigating with a touch screen reader easier.\n      // The day names are already included in the label of each cell, so there's no need to announce them twice.\n      'aria-hidden': true\n    },\n    weekDays,\n    weeksInMonth\n  };\n}\n"],"names":[],"version":3,"file":"useCalendarGrid.mjs.map"}

package/dist/private/calendar/useCalendarYearPicker.cjs

@@ -37,25 +37,25 @@ function $1470025f4b153a6e$export$89757cae093b4b95(props, state) {
         years: Math.floor(visibleYears / 2)
     });
     let maxDate = state.focusedDate.add({
-        years: Math.ceil(visibleYears / 2)
+        years: Math.ceil(visibleYears / 2) - 1
     });
     if (state.maxValue && maxDate.compare(state.maxValue) > 0) {
         maxDate = (0, $gA7li$internationalizeddate.toCalendarDate)(state.maxValue);
         minDate = maxDate.subtract({
-            years: visibleYears
+            years: visibleYears - 1
         });
     }
     if (state.minValue && minDate.compare(state.minValue) < 0) {
         minDate = (0, $gA7li$internationalizeddate.toCalendarDate)(state.minValue);
         maxDate = minDate.add({
-            years: visibleYears
+            years: visibleYears - 1
         });
         if (state.maxValue && maxDate.compare(state.maxValue) > 0) maxDate = (0, $gA7li$internationalizeddate.toCalendarDate)(state.maxValue);
     }
     let years = [];
     let date = minDate;
     let value = 0;
-    while(date.compare(maxDate) < 0){
+    while(date.compare(maxDate) <= 0){
         if ((0, $gA7li$internationalizeddate.isSameYear)(date, state.focusedDate)) value = years.length;
         years.push({
             // Use the index as the id so we can retrieve the full

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

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAyCM,SAAS,0CACd,KAA8B,EAC9B,KAAgE;IAEhE,IAAI,YAAY,CAAA,GAAA,0CAAe,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;IAAE;IACvE,IAAI,MAAM,QAAQ,IAAI,QAAQ,OAAO,CAAC,MAAM,QAAQ,IAAI,GAAG;QACzD,UAAU,CAAA,GAAA,2CAAa,EAAE,MAAM,QAAQ;QACvC,UAAU,QAAQ,QAAQ,CAAC;YAAC,OAAO;QAAY;IACjD;IAEA,IAAI,MAAM,QAAQ,IAAI,QAAQ,OAAO,CAAC,MAAM,QAAQ,IAAI,GAAG;QACzD,UAAU,CAAA,GAAA,2CAAa,EAAE,MAAM,QAAQ;QACvC,UAAU,QAAQ,GAAG,CAAC;YAAC,OAAO;QAAY;QAC1C,IAAI,MAAM,QAAQ,IAAI,QAAQ,OAAO,CAAC,MAAM,QAAQ,IAAI,GACtD,UAAU,CAAA,GAAA,2CAAa,EAAE,MAAM,QAAQ;IAE3C;IAEA,IAAI,QAAkC,EAAE;IACxC,IAAI,OAAO;IACX,IAAI,QAAQ;IACZ,MAAO,KAAK,OAAO,CAAC,WAAW,EAAG;QAChC,IAAI,CAAA,GAAA,uCAAS,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,mCAAQ;IACvB,IAAI,YAAY,CAAA,GAAA,oBAAM,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)});\n  if (state.maxValue && maxDate.compare(state.maxValue) > 0) {\n    maxDate = toCalendarDate(state.maxValue);\n    minDate = maxDate.subtract({years: visibleYears});\n  }\n\n  if (state.minValue && minDate.compare(state.minValue) < 0) {\n    minDate = toCalendarDate(state.minValue);\n    maxDate = minDate.add({years: visibleYears});\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.cjs.map"}
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAyCM,SAAS,0CACd,KAA8B,EAC9B,KAAgE;IAEhE,IAAI,YAAY,CAAA,GAAA,0CAAe,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,2CAAa,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,2CAAa,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,2CAAa,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,uCAAS,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,mCAAQ;IACvB,IAAI,YAAY,CAAA,GAAA,oBAAM,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.cjs.map"}

package/dist/private/calendar/useCalendarYearPicker.js

@@ -32,25 +32,25 @@ function $f397d48a4bd42457$export$89757cae093b4b95(props, state) {
         years: Math.floor(visibleYears / 2)
     });
     let maxDate = state.focusedDate.add({
-        years: Math.ceil(visibleYears / 2)
+        years: Math.ceil(visibleYears / 2) - 1
     });
     if (state.maxValue && maxDate.compare(state.maxValue) > 0) {
         maxDate = (0, $6MZE1$toCalendarDate)(state.maxValue);
         minDate = maxDate.subtract({
-            years: visibleYears
+            years: visibleYears - 1
         });
     }
     if (state.minValue && minDate.compare(state.minValue) < 0) {
         minDate = (0, $6MZE1$toCalendarDate)(state.minValue);
         maxDate = minDate.add({
-            years: visibleYears
+            years: visibleYears - 1
         });
         if (state.maxValue && maxDate.compare(state.maxValue) > 0) maxDate = (0, $6MZE1$toCalendarDate)(state.maxValue);
     }
     let years = [];
     let date = minDate;
     let value = 0;
-    while(date.compare(maxDate) < 0){
+    while(date.compare(maxDate) <= 0){
         if ((0, $6MZE1$isSameYear)(date, state.focusedDate)) value = years.length;
         years.push({
             // Use the index as the id so we can retrieve the full

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

@@ -1 +1 @@
-{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAyCM,SAAS,0CACd,KAA8B,EAC9B,KAAgE;QAGxD,eAEJ;IAHJ,IAAI,YAAY,CAAA,GAAA,yCAAe,EAAE;QAC/B,MAAM,EAAA,gBAAA,MAAM,MAAM,cAAZ,oCAAA,cAAc,IAAI,KAAI;QAC5B,KACE,EAAA,iBAAA,MAAM,MAAM,cAAZ,qCAAA,eAAc,GAAG,KAChB,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;IAAE;IACvE,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;QAAY;IACjD;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;QAAY;QAC1C,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,WAAW,EAAG;QAChC,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)});\n  if (state.maxValue && maxDate.compare(state.maxValue) > 0) {\n    maxDate = toCalendarDate(state.maxValue);\n    minDate = maxDate.subtract({years: visibleYears});\n  }\n\n  if (state.minValue && minDate.compare(state.minValue) < 0) {\n    minDate = toCalendarDate(state.minValue);\n    maxDate = minDate.add({years: visibleYears});\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.js.map"}
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAyCM,SAAS,0CACd,KAA8B,EAC9B,KAAgE;QAGxD,eAEJ;IAHJ,IAAI,YAAY,CAAA,GAAA,yCAAe,EAAE;QAC/B,MAAM,EAAA,gBAAA,MAAM,MAAM,cAAZ,oCAAA,cAAc,IAAI,KAAI;QAC5B,KACE,EAAA,iBAAA,MAAM,MAAM,cAAZ,qCAAA,eAAc,GAAG,KAChB,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.js.map"}

package/dist/private/calendar/useCalendarYearPicker.mjs

@@ -31,25 +31,25 @@ function $e4b70edea91ee6b0$export$89757cae093b4b95(props, state) {
         years: Math.floor(visibleYears / 2)
     });
     let maxDate = state.focusedDate.add({
-        years: Math.ceil(visibleYears / 2)
+        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
+            years: visibleYears - 1
         });
     }
     if (state.minValue && minDate.compare(state.minValue) < 0) {
         minDate = (0, $irNCa$toCalendarDate)(state.minValue);
         maxDate = minDate.add({
-            years: visibleYears
+            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){
+    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

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

@@ -1 +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;IAAE;IACvE,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;QAAY;IACjD;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;QAAY;QAC1C,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,WAAW,EAAG;QAChC,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)});\n  if (state.maxValue && maxDate.compare(state.maxValue) > 0) {\n    maxDate = toCalendarDate(state.maxValue);\n    minDate = maxDate.subtract({years: visibleYears});\n  }\n\n  if (state.minValue && minDate.compare(state.minValue) < 0) {\n    minDate = toCalendarDate(state.minValue);\n    maxDate = minDate.add({years: visibleYears});\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"}
+{"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

@@ -57,6 +57,7 @@ function $c552d0e45aac5890$export$87e0539f600c24e5(props, state, ref) {
     (0, $6e76e65001bbcda2$exports.useEvent)(windowRef, 'pointerup', endDragging);
     // Also execute method corresponding to `commitBehavior` on blur,
     // e.g. tabbing away from the calendar.
+    // oxlint-disable-next-line react/react-compiler
     res.calendarProps.onBlur = (e)=>{
         if (!ref.current) return;
         if ((!e.relatedTarget || !(0, $da02ee888921bc9e$exports.nodeContains)(ref.current, e.relatedTarget)) && state.anchorDate) commitBehaviorMapping[commitBehavior]();

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

@@ -1 +1 @@
-{"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"}
+{"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,gDAAgD;IAChD,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  // oxlint-disable-next-line react/react-compiler\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

@@ -51,6 +51,7 @@ function $6be926a37aeba1bf$export$87e0539f600c24e5(props, state, ref) {
     (0, $c3cab330536504ec$export$90fc3a17d93f704c)(windowRef, 'pointerup', endDragging);
     // Also execute method corresponding to `commitBehavior` on blur,
     // e.g. tabbing away from the calendar.
+    // oxlint-disable-next-line react/react-compiler
     res.calendarProps.onBlur = (e)=>{
         if (!ref.current) return;
         if ((!e.relatedTarget || !(0, $d8ac7ed472840322$export$4282f70798064fe0)(ref.current, e.relatedTarget)) && state.anchorDate) commitBehaviorMapping[commitBehavior]();