react-aria 3.48.0 → 3.49.0

package/dist/private/calendar/useCalendarGrid.cjs

@@ -105,9 +105,11 @@ function $0acfec8dd0a1c8fa$export$cb95147730a423f5(props, state) {
     });
     let { locale: locale } = (0, $2522e612fa919664$exports.useLocale)();
     let weekDays = (0, $ctDVS$react.useMemo)(()=>{
-        let weekStart = (0, $ctDVS$internationalizeddate.startOfWeek)((0, $ctDVS$internationalizeddate.today)(state.timeZone), locale, firstDayOfWeek);
+        let isDayView = state.visibleDuration.days && state.visibleDuration.days < 7;
+        let weekStart = isDayView ? startDate : (0, $ctDVS$internationalizeddate.startOfWeek)((0, $ctDVS$internationalizeddate.today)(state.timeZone), locale, firstDayOfWeek);
+        let days = isDayView ? state.visibleDuration.days : 7;
         return [
-            ...new Array(7).keys()
+            ...new Array(days).keys()
         ].map((index)=>{
             let date = weekStart.add({
                 days: index
@@ -119,15 +121,17 @@ function $0acfec8dd0a1c8fa$export$cb95147730a423f5(props, state) {
         locale,
         state.timeZone,
         dayFormatter,
-        firstDayOfWeek
+        firstDayOfWeek,
+        startDate,
+        state.visibleDuration.days
     ]);
-    let weeksInMonth = (0, $ctDVS$internationalizeddate.getWeeksInMonth)(startDate, locale, firstDayOfWeek);
+    let weeksInMonth = state.getWeeksInMonth(startDate);
     return {
         gridProps: (0, $89b39774f3b79dbb$exports.mergeProps)(labelProps, {
             role: 'grid',
             'aria-readonly': state.isReadOnly || undefined,
             'aria-disabled': state.isDisabled || undefined,
-            'aria-multiselectable': 'highlightedRange' in state || undefined,
+            'aria-multiselectable': 'highlightedRange' in state || state.selectionMode === 'multiple' || undefined,
             onKeyDown: onKeyDown,
             onFocus: ()=>state.setFocused(true),
             onBlur: ()=>state.setFocused(false)

package/dist/private/calendar/useCalendarGrid.cjs.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, getWeeksInMonth, startOfWeek, today} from '@internationalized/date';\nimport {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   * @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  /** A list of week day abbreviations formatted for the current locale, typically used in column headers. */\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(props: AriaCalendarGridProps, state: CalendarState | RangeCalendarState): 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(startDate, endDate, state.timeZone, true);\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({weekday: props.weekdayStyle || 'narrow', timeZone: state.timeZone});\n  let {locale} = useLocale();\n  let weekDays = useMemo(() => {\n    let weekStart = startOfWeek(today(state.timeZone), locale, firstDayOfWeek);\n    return [...new Array(7).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]);\n  let weeksInMonth = getWeeksInMonth(startDate, locale, firstDayOfWeek);\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': ('highlightedRange' in state) || 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.cjs.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 {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.cjs.map"}

package/dist/private/calendar/useCalendarGrid.js

@@ -3,7 +3,7 @@ import {mergeProps as $64c36edd757dfa16$export$9d1611c77c2fe928} from "../utils/
 import {useDateFormatter as $7673fcc607ba3f7f$export$85fd5fdf27bacc79} from "../i18n/useDateFormatter.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, getWeeksInMonth as $in4g1$getWeeksInMonth} from "@internationalized/date";
+import {startOfWeek as $in4g1$startOfWeek, today as $in4g1$today} from "@internationalized/date";
 import {useMemo as $in4g1$useMemo} from "react";
 
 /*
@@ -99,9 +99,11 @@ function $e8ce785b95f36e37$export$cb95147730a423f5(props, state) {
     });
     let { locale: locale } = (0, $4defb058003b3e05$export$43bb16f9c6d9e3f7)();
     let weekDays = (0, $in4g1$useMemo)(()=>{
-        let weekStart = (0, $in4g1$startOfWeek)((0, $in4g1$today)(state.timeZone), locale, firstDayOfWeek);
+        let isDayView = state.visibleDuration.days && state.visibleDuration.days < 7;
+        let weekStart = isDayView ? startDate : (0, $in4g1$startOfWeek)((0, $in4g1$today)(state.timeZone), locale, firstDayOfWeek);
+        let days = isDayView ? state.visibleDuration.days : 7;
         return [
-            ...new Array(7).keys()
+            ...new Array(days).keys()
         ].map((index)=>{
             let date = weekStart.add({
                 days: index
@@ -113,15 +115,17 @@ function $e8ce785b95f36e37$export$cb95147730a423f5(props, state) {
         locale,
         state.timeZone,
         dayFormatter,
-        firstDayOfWeek
+        firstDayOfWeek,
+        startDate,
+        state.visibleDuration.days
     ]);
-    let weeksInMonth = (0, $in4g1$getWeeksInMonth)(startDate, locale, firstDayOfWeek);
+    let weeksInMonth = state.getWeeksInMonth(startDate);
     return {
         gridProps: (0, $64c36edd757dfa16$export$9d1611c77c2fe928)(labelProps, {
             role: 'grid',
             'aria-readonly': state.isReadOnly || undefined,
             'aria-disabled': state.isDisabled || undefined,
-            'aria-multiselectable': 'highlightedRange' in state || undefined,
+            'aria-multiselectable': 'highlightedRange' in state || state.selectionMode === 'multiple' || undefined,
             onKeyDown: onKeyDown,
             onFocus: ()=>state.setFocused(true),
             onBlur: ()=>state.setFocused(false)

package/dist/private/calendar/useCalendarGrid.js.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, getWeeksInMonth, startOfWeek, today} from '@internationalized/date';\nimport {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   * @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  /** A list of week day abbreviations formatted for the current locale, typically used in column headers. */\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(props: AriaCalendarGridProps, state: CalendarState | RangeCalendarState): 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(startDate, endDate, state.timeZone, true);\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({weekday: props.weekdayStyle || 'narrow', timeZone: state.timeZone});\n  let {locale} = useLocale();\n  let weekDays = useMemo(() => {\n    let weekStart = startOfWeek(today(state.timeZone), locale, firstDayOfWeek);\n    return [...new Array(7).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]);\n  let weeksInMonth = getWeeksInMonth(startDate, locale, firstDayOfWeek);\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': ('highlightedRange' in state) || 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 {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"}

package/dist/private/calendar/useCalendarGrid.mjs

@@ -3,7 +3,7 @@ import {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from "../utils/
 import {useDateFormatter as $60f33508b4cd9d3b$export$85fd5fdf27bacc79} from "../i18n/useDateFormatter.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, getWeeksInMonth as $aLm0I$getWeeksInMonth} from "@internationalized/date";
+import {startOfWeek as $aLm0I$startOfWeek, today as $aLm0I$today} from "@internationalized/date";
 import {useMemo as $aLm0I$useMemo} from "react";
 
 /*
@@ -99,9 +99,11 @@ function $2d54ee2ec11ddab8$export$cb95147730a423f5(props, state) {
     });
     let { locale: locale } = (0, $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
     let weekDays = (0, $aLm0I$useMemo)(()=>{
-        let weekStart = (0, $aLm0I$startOfWeek)((0, $aLm0I$today)(state.timeZone), locale, firstDayOfWeek);
+        let isDayView = state.visibleDuration.days && state.visibleDuration.days < 7;
+        let weekStart = isDayView ? startDate : (0, $aLm0I$startOfWeek)((0, $aLm0I$today)(state.timeZone), locale, firstDayOfWeek);
+        let days = isDayView ? state.visibleDuration.days : 7;
         return [
-            ...new Array(7).keys()
+            ...new Array(days).keys()
         ].map((index)=>{
             let date = weekStart.add({
                 days: index
@@ -113,15 +115,17 @@ function $2d54ee2ec11ddab8$export$cb95147730a423f5(props, state) {
         locale,
         state.timeZone,
         dayFormatter,
-        firstDayOfWeek
+        firstDayOfWeek,
+        startDate,
+        state.visibleDuration.days
     ]);
-    let weeksInMonth = (0, $aLm0I$getWeeksInMonth)(startDate, locale, firstDayOfWeek);
+    let weeksInMonth = state.getWeeksInMonth(startDate);
     return {
         gridProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(labelProps, {
             role: 'grid',
             'aria-readonly': state.isReadOnly || undefined,
             'aria-disabled': state.isDisabled || undefined,
-            'aria-multiselectable': 'highlightedRange' in state || undefined,
+            'aria-multiselectable': 'highlightedRange' in state || state.selectionMode === 'multiple' || undefined,
             onKeyDown: onKeyDown,
             onFocus: ()=>state.setFocused(true),
             onBlur: ()=>state.setFocused(false)

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, getWeeksInMonth, startOfWeek, today} from '@internationalized/date';\nimport {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   * @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  /** A list of week day abbreviations formatted for the current locale, typically used in column headers. */\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(props: AriaCalendarGridProps, state: CalendarState | RangeCalendarState): 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(startDate, endDate, state.timeZone, true);\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({weekday: props.weekdayStyle || 'narrow', timeZone: state.timeZone});\n  let {locale} = useLocale();\n  let weekDays = useMemo(() => {\n    let weekStart = startOfWeek(today(state.timeZone), locale, firstDayOfWeek);\n    return [...new Array(7).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]);\n  let weeksInMonth = getWeeksInMonth(startDate, locale, firstDayOfWeek);\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': ('highlightedRange' in state) || 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 {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"}

package/dist/private/calendar/useCalendarHeading.cjs

@@ -0,0 +1,56 @@
+var $b8ffb0adc97ab95f$exports = require("../i18n/useDateFormatter.cjs");
+var $d9mcG$react = require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useCalendarHeading", function () { return $d04662acd67ee4cd$export$72ad8e10aa105341; });
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $d04662acd67ee4cd$export$72ad8e10aa105341(props, state) {
+    let startDate = (0, $d9mcG$react.useMemo)(()=>{
+        let currentMonth = state.visibleRange.start;
+        if (props.offset) currentMonth = currentMonth.add(props.offset);
+        return currentMonth;
+    }, [
+        state.visibleRange.start,
+        props.offset
+    ]);
+    let isDays = state.visibleDuration.days || state.visibleDuration.weeks;
+    let formatter = (0, $b8ffb0adc97ab95f$exports.useDateFormatter)({
+        day: props.format?.day || (isDays ? 'numeric' : undefined),
+        month: props.format?.month || 'long',
+        year: props.format?.year || 'numeric',
+        era: props.format?.era || startDate && startDate.calendar.identifier === 'gregory' && startDate.era === 'BC' ? 'short' : undefined,
+        calendar: state.visibleRange?.start.calendar.identifier,
+        timeZone: state.timeZone
+    });
+    return (0, $d9mcG$react.useMemo)(()=>{
+        if (isDays) return formatter.formatRange(startDate.toDate(state.timeZone), state.visibleRange.end.toDate(state.timeZone));
+        // Custom calendars like the 4-5-4 fiscal calendar use getFormattableMonth to map
+        // their internal month back to the Gregorian month that should be displayed.
+        let displayDate = startDate.calendar.getFormattableMonth ? startDate.calendar.getFormattableMonth(startDate) : startDate;
+        return formatter.format(displayDate.toDate(state.timeZone));
+    }, [
+        formatter,
+        isDays,
+        startDate,
+        state.timeZone,
+        state.visibleRange.end
+    ]);
+}
+
+
+//# sourceMappingURL=useCalendarHeading.cjs.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AA4BM,SAAS,0CACd,KAA2B,EAC3B,KAAgE;IAEhE,IAAI,YAAY,CAAA,GAAA,oBAAM,EAAE;QACtB,IAAI,eAAe,MAAM,YAAY,CAAC,KAAK;QAC3C,IAAI,MAAM,MAAM,EACd,eAAe,aAAa,GAAG,CAAC,MAAM,MAAM;QAE9C,OAAO;IACT,GAAG;QAAC,MAAM,YAAY,CAAC,KAAK;QAAE,MAAM,MAAM;KAAC;IAE3C,IAAI,SAAS,MAAM,eAAe,CAAC,IAAI,IAAI,MAAM,eAAe,CAAC,KAAK;IACtE,IAAI,YAAY,CAAA,GAAA,0CAAe,EAAE;QAC/B,KAAK,MAAM,MAAM,EAAE,OAAQ,CAAA,SAAS,YAAY,SAAQ;QACxD,OAAO,MAAM,MAAM,EAAE,SAAS;QAC9B,MAAM,MAAM,MAAM,EAAE,QAAQ;QAC5B,KACE,MAAM,MAAM,EAAE,OACb,aAAa,UAAU,QAAQ,CAAC,UAAU,KAAK,aAAa,UAAU,GAAG,KAAK,OAC3E,UACA;QACN,UAAU,MAAM,YAAY,EAAE,MAAM,SAAS;QAC7C,UAAU,MAAM,QAAQ;IAC1B;IAEA,OAAO,CAAA,GAAA,oBAAM,EAAE;QACb,IAAI,QACF,OAAO,UAAU,WAAW,CAC1B,UAAU,MAAM,CAAC,MAAM,QAAQ,GAC/B,MAAM,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,QAAQ;QAIhD,iFAAiF;QACjF,6EAA6E;QAC7E,IAAI,cAAc,UAAU,QAAQ,CAAC,mBAAmB,GACpD,UAAU,QAAQ,CAAC,mBAAmB,CAAC,aACvC;QACJ,OAAO,UAAU,MAAM,CAAC,YAAY,MAAM,CAAC,MAAM,QAAQ;IAC3D,GAAG;QAAC;QAAW;QAAQ;QAAW,MAAM,QAAQ;QAAE,MAAM,YAAY,CAAC,GAAG;KAAC;AAC3E","sources":["packages/react-aria/src/calendar/useCalendarHeading.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 {CalendarSelectionMode, CalendarState} from 'react-stately/useCalendarState';\nimport {DateDuration} from '@internationalized/date';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useMemo} from 'react';\n\nexport interface CalendarHeadingFormatOptions {\n  day?: 'numeric' | '2-digit';\n  month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';\n  year?: 'numeric' | '2-digit';\n  era?: 'long' | 'short' | 'narrow';\n}\n\nexport interface CalendarHeadingProps {\n  /**\n   * The number of months from the start of the visible range to display.\n   *\n   * @default 0\n   */\n  offset?: DateDuration;\n  /**\n   * The format of the month heading.\n   */\n  format?: CalendarHeadingFormatOptions;\n}\n\nexport function useCalendarHeading(\n  props: CalendarHeadingProps,\n  state: CalendarState<CalendarSelectionMode> | RangeCalendarState\n): string {\n  let startDate = useMemo(() => {\n    let currentMonth = state.visibleRange.start;\n    if (props.offset) {\n      currentMonth = currentMonth.add(props.offset);\n    }\n    return currentMonth;\n  }, [state.visibleRange.start, props.offset]);\n\n  let isDays = state.visibleDuration.days || state.visibleDuration.weeks;\n  let formatter = useDateFormatter({\n    day: props.format?.day || (isDays ? 'numeric' : undefined),\n    month: props.format?.month || 'long',\n    year: props.format?.year || 'numeric',\n    era:\n      props.format?.era ||\n      (startDate && startDate.calendar.identifier === 'gregory' && startDate.era === 'BC')\n        ? 'short'\n        : undefined,\n    calendar: state.visibleRange?.start.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  return useMemo(() => {\n    if (isDays) {\n      return formatter.formatRange(\n        startDate.toDate(state.timeZone),\n        state.visibleRange.end.toDate(state.timeZone)\n      );\n    }\n\n    // Custom calendars like the 4-5-4 fiscal calendar use getFormattableMonth to map\n    // their internal month back to the Gregorian month that should be displayed.\n    let displayDate = startDate.calendar.getFormattableMonth\n      ? startDate.calendar.getFormattableMonth(startDate)\n      : startDate;\n    return formatter.format(displayDate.toDate(state.timeZone));\n  }, [formatter, isDays, startDate, state.timeZone, state.visibleRange.end]);\n}\n"],"names":[],"version":3,"file":"useCalendarHeading.cjs.map"}

package/dist/private/calendar/useCalendarHeading.js

@@ -0,0 +1,52 @@
+import {useDateFormatter as $7673fcc607ba3f7f$export$85fd5fdf27bacc79} from "../i18n/useDateFormatter.js";
+import {useMemo as $bENIc$useMemo} from "react";
+
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $7c97eebfb9f955d6$export$72ad8e10aa105341(props, state) {
+    var _props_format, _props_format1, _props_format2, _props_format3, _state_visibleRange;
+    let startDate = (0, $bENIc$useMemo)(()=>{
+        let currentMonth = state.visibleRange.start;
+        if (props.offset) currentMonth = currentMonth.add(props.offset);
+        return currentMonth;
+    }, [
+        state.visibleRange.start,
+        props.offset
+    ]);
+    let isDays = state.visibleDuration.days || state.visibleDuration.weeks;
+    let formatter = (0, $7673fcc607ba3f7f$export$85fd5fdf27bacc79)({
+        day: ((_props_format = props.format) === null || _props_format === void 0 ? void 0 : _props_format.day) || (isDays ? 'numeric' : undefined),
+        month: ((_props_format1 = props.format) === null || _props_format1 === void 0 ? void 0 : _props_format1.month) || 'long',
+        year: ((_props_format2 = props.format) === null || _props_format2 === void 0 ? void 0 : _props_format2.year) || 'numeric',
+        era: ((_props_format3 = props.format) === null || _props_format3 === void 0 ? void 0 : _props_format3.era) || startDate && startDate.calendar.identifier === 'gregory' && startDate.era === 'BC' ? 'short' : undefined,
+        calendar: (_state_visibleRange = state.visibleRange) === null || _state_visibleRange === void 0 ? void 0 : _state_visibleRange.start.calendar.identifier,
+        timeZone: state.timeZone
+    });
+    return (0, $bENIc$useMemo)(()=>{
+        if (isDays) return formatter.formatRange(startDate.toDate(state.timeZone), state.visibleRange.end.toDate(state.timeZone));
+        // Custom calendars like the 4-5-4 fiscal calendar use getFormattableMonth to map
+        // their internal month back to the Gregorian month that should be displayed.
+        let displayDate = startDate.calendar.getFormattableMonth ? startDate.calendar.getFormattableMonth(startDate) : startDate;
+        return formatter.format(displayDate.toDate(state.timeZone));
+    }, [
+        formatter,
+        isDays,
+        startDate,
+        state.timeZone,
+        state.visibleRange.end
+    ]);
+}
+
+
+export {$7c97eebfb9f955d6$export$72ad8e10aa105341 as useCalendarHeading};
+//# sourceMappingURL=useCalendarHeading.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AA4BM,SAAS,0CACd,KAA2B,EAC3B,KAAgE;QAYzD,eACE,gBACD,gBAEJ,gBAIQ;IAlBZ,IAAI,YAAY,CAAA,GAAA,cAAM,EAAE;QACtB,IAAI,eAAe,MAAM,YAAY,CAAC,KAAK;QAC3C,IAAI,MAAM,MAAM,EACd,eAAe,aAAa,GAAG,CAAC,MAAM,MAAM;QAE9C,OAAO;IACT,GAAG;QAAC,MAAM,YAAY,CAAC,KAAK;QAAE,MAAM,MAAM;KAAC;IAE3C,IAAI,SAAS,MAAM,eAAe,CAAC,IAAI,IAAI,MAAM,eAAe,CAAC,KAAK;IACtE,IAAI,YAAY,CAAA,GAAA,yCAAe,EAAE;QAC/B,KAAK,EAAA,gBAAA,MAAM,MAAM,cAAZ,oCAAA,cAAc,GAAG,KAAK,CAAA,SAAS,YAAY,SAAQ;QACxD,OAAO,EAAA,iBAAA,MAAM,MAAM,cAAZ,qCAAA,eAAc,KAAK,KAAI;QAC9B,MAAM,EAAA,iBAAA,MAAM,MAAM,cAAZ,qCAAA,eAAc,IAAI,KAAI;QAC5B,KACE,EAAA,iBAAA,MAAM,MAAM,cAAZ,qCAAA,eAAc,GAAG,KAChB,aAAa,UAAU,QAAQ,CAAC,UAAU,KAAK,aAAa,UAAU,GAAG,KAAK,OAC3E,UACA;QACN,QAAQ,GAAE,sBAAA,MAAM,YAAY,cAAlB,0CAAA,oBAAoB,KAAK,CAAC,QAAQ,CAAC,UAAU;QACvD,UAAU,MAAM,QAAQ;IAC1B;IAEA,OAAO,CAAA,GAAA,cAAM,EAAE;QACb,IAAI,QACF,OAAO,UAAU,WAAW,CAC1B,UAAU,MAAM,CAAC,MAAM,QAAQ,GAC/B,MAAM,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,QAAQ;QAIhD,iFAAiF;QACjF,6EAA6E;QAC7E,IAAI,cAAc,UAAU,QAAQ,CAAC,mBAAmB,GACpD,UAAU,QAAQ,CAAC,mBAAmB,CAAC,aACvC;QACJ,OAAO,UAAU,MAAM,CAAC,YAAY,MAAM,CAAC,MAAM,QAAQ;IAC3D,GAAG;QAAC;QAAW;QAAQ;QAAW,MAAM,QAAQ;QAAE,MAAM,YAAY,CAAC,GAAG;KAAC;AAC3E","sources":["packages/react-aria/src/calendar/useCalendarHeading.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 {CalendarSelectionMode, CalendarState} from 'react-stately/useCalendarState';\nimport {DateDuration} from '@internationalized/date';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useMemo} from 'react';\n\nexport interface CalendarHeadingFormatOptions {\n  day?: 'numeric' | '2-digit';\n  month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';\n  year?: 'numeric' | '2-digit';\n  era?: 'long' | 'short' | 'narrow';\n}\n\nexport interface CalendarHeadingProps {\n  /**\n   * The number of months from the start of the visible range to display.\n   *\n   * @default 0\n   */\n  offset?: DateDuration;\n  /**\n   * The format of the month heading.\n   */\n  format?: CalendarHeadingFormatOptions;\n}\n\nexport function useCalendarHeading(\n  props: CalendarHeadingProps,\n  state: CalendarState<CalendarSelectionMode> | RangeCalendarState\n): string {\n  let startDate = useMemo(() => {\n    let currentMonth = state.visibleRange.start;\n    if (props.offset) {\n      currentMonth = currentMonth.add(props.offset);\n    }\n    return currentMonth;\n  }, [state.visibleRange.start, props.offset]);\n\n  let isDays = state.visibleDuration.days || state.visibleDuration.weeks;\n  let formatter = useDateFormatter({\n    day: props.format?.day || (isDays ? 'numeric' : undefined),\n    month: props.format?.month || 'long',\n    year: props.format?.year || 'numeric',\n    era:\n      props.format?.era ||\n      (startDate && startDate.calendar.identifier === 'gregory' && startDate.era === 'BC')\n        ? 'short'\n        : undefined,\n    calendar: state.visibleRange?.start.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  return useMemo(() => {\n    if (isDays) {\n      return formatter.formatRange(\n        startDate.toDate(state.timeZone),\n        state.visibleRange.end.toDate(state.timeZone)\n      );\n    }\n\n    // Custom calendars like the 4-5-4 fiscal calendar use getFormattableMonth to map\n    // their internal month back to the Gregorian month that should be displayed.\n    let displayDate = startDate.calendar.getFormattableMonth\n      ? startDate.calendar.getFormattableMonth(startDate)\n      : startDate;\n    return formatter.format(displayDate.toDate(state.timeZone));\n  }, [formatter, isDays, startDate, state.timeZone, state.visibleRange.end]);\n}\n"],"names":[],"version":3,"file":"useCalendarHeading.js.map"}

package/dist/private/calendar/useCalendarHeading.mjs

@@ -0,0 +1,51 @@
+import {useDateFormatter as $60f33508b4cd9d3b$export$85fd5fdf27bacc79} from "../i18n/useDateFormatter.mjs";
+import {useMemo as $gbh8w$useMemo} from "react";
+
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $bfcd16e7c55c9482$export$72ad8e10aa105341(props, state) {
+    let startDate = (0, $gbh8w$useMemo)(()=>{
+        let currentMonth = state.visibleRange.start;
+        if (props.offset) currentMonth = currentMonth.add(props.offset);
+        return currentMonth;
+    }, [
+        state.visibleRange.start,
+        props.offset
+    ]);
+    let isDays = state.visibleDuration.days || state.visibleDuration.weeks;
+    let formatter = (0, $60f33508b4cd9d3b$export$85fd5fdf27bacc79)({
+        day: props.format?.day || (isDays ? 'numeric' : undefined),
+        month: props.format?.month || 'long',
+        year: props.format?.year || 'numeric',
+        era: props.format?.era || startDate && startDate.calendar.identifier === 'gregory' && startDate.era === 'BC' ? 'short' : undefined,
+        calendar: state.visibleRange?.start.calendar.identifier,
+        timeZone: state.timeZone
+    });
+    return (0, $gbh8w$useMemo)(()=>{
+        if (isDays) return formatter.formatRange(startDate.toDate(state.timeZone), state.visibleRange.end.toDate(state.timeZone));
+        // Custom calendars like the 4-5-4 fiscal calendar use getFormattableMonth to map
+        // their internal month back to the Gregorian month that should be displayed.
+        let displayDate = startDate.calendar.getFormattableMonth ? startDate.calendar.getFormattableMonth(startDate) : startDate;
+        return formatter.format(displayDate.toDate(state.timeZone));
+    }, [
+        formatter,
+        isDays,
+        startDate,
+        state.timeZone,
+        state.visibleRange.end
+    ]);
+}
+
+
+export {$bfcd16e7c55c9482$export$72ad8e10aa105341 as useCalendarHeading};
+//# sourceMappingURL=useCalendarHeading.mjs.map

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

@@ -0,0 +1 @@
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AA4BM,SAAS,0CACd,KAA2B,EAC3B,KAAgE;IAEhE,IAAI,YAAY,CAAA,GAAA,cAAM,EAAE;QACtB,IAAI,eAAe,MAAM,YAAY,CAAC,KAAK;QAC3C,IAAI,MAAM,MAAM,EACd,eAAe,aAAa,GAAG,CAAC,MAAM,MAAM;QAE9C,OAAO;IACT,GAAG;QAAC,MAAM,YAAY,CAAC,KAAK;QAAE,MAAM,MAAM;KAAC;IAE3C,IAAI,SAAS,MAAM,eAAe,CAAC,IAAI,IAAI,MAAM,eAAe,CAAC,KAAK;IACtE,IAAI,YAAY,CAAA,GAAA,yCAAe,EAAE;QAC/B,KAAK,MAAM,MAAM,EAAE,OAAQ,CAAA,SAAS,YAAY,SAAQ;QACxD,OAAO,MAAM,MAAM,EAAE,SAAS;QAC9B,MAAM,MAAM,MAAM,EAAE,QAAQ;QAC5B,KACE,MAAM,MAAM,EAAE,OACb,aAAa,UAAU,QAAQ,CAAC,UAAU,KAAK,aAAa,UAAU,GAAG,KAAK,OAC3E,UACA;QACN,UAAU,MAAM,YAAY,EAAE,MAAM,SAAS;QAC7C,UAAU,MAAM,QAAQ;IAC1B;IAEA,OAAO,CAAA,GAAA,cAAM,EAAE;QACb,IAAI,QACF,OAAO,UAAU,WAAW,CAC1B,UAAU,MAAM,CAAC,MAAM,QAAQ,GAC/B,MAAM,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,QAAQ;QAIhD,iFAAiF;QACjF,6EAA6E;QAC7E,IAAI,cAAc,UAAU,QAAQ,CAAC,mBAAmB,GACpD,UAAU,QAAQ,CAAC,mBAAmB,CAAC,aACvC;QACJ,OAAO,UAAU,MAAM,CAAC,YAAY,MAAM,CAAC,MAAM,QAAQ;IAC3D,GAAG;QAAC;QAAW;QAAQ;QAAW,MAAM,QAAQ;QAAE,MAAM,YAAY,CAAC,GAAG;KAAC;AAC3E","sources":["packages/react-aria/src/calendar/useCalendarHeading.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 {CalendarSelectionMode, CalendarState} from 'react-stately/useCalendarState';\nimport {DateDuration} from '@internationalized/date';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useMemo} from 'react';\n\nexport interface CalendarHeadingFormatOptions {\n  day?: 'numeric' | '2-digit';\n  month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';\n  year?: 'numeric' | '2-digit';\n  era?: 'long' | 'short' | 'narrow';\n}\n\nexport interface CalendarHeadingProps {\n  /**\n   * The number of months from the start of the visible range to display.\n   *\n   * @default 0\n   */\n  offset?: DateDuration;\n  /**\n   * The format of the month heading.\n   */\n  format?: CalendarHeadingFormatOptions;\n}\n\nexport function useCalendarHeading(\n  props: CalendarHeadingProps,\n  state: CalendarState<CalendarSelectionMode> | RangeCalendarState\n): string {\n  let startDate = useMemo(() => {\n    let currentMonth = state.visibleRange.start;\n    if (props.offset) {\n      currentMonth = currentMonth.add(props.offset);\n    }\n    return currentMonth;\n  }, [state.visibleRange.start, props.offset]);\n\n  let isDays = state.visibleDuration.days || state.visibleDuration.weeks;\n  let formatter = useDateFormatter({\n    day: props.format?.day || (isDays ? 'numeric' : undefined),\n    month: props.format?.month || 'long',\n    year: props.format?.year || 'numeric',\n    era:\n      props.format?.era ||\n      (startDate && startDate.calendar.identifier === 'gregory' && startDate.era === 'BC')\n        ? 'short'\n        : undefined,\n    calendar: state.visibleRange?.start.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  return useMemo(() => {\n    if (isDays) {\n      return formatter.formatRange(\n        startDate.toDate(state.timeZone),\n        state.visibleRange.end.toDate(state.timeZone)\n      );\n    }\n\n    // Custom calendars like the 4-5-4 fiscal calendar use getFormattableMonth to map\n    // their internal month back to the Gregorian month that should be displayed.\n    let displayDate = startDate.calendar.getFormattableMonth\n      ? startDate.calendar.getFormattableMonth(startDate)\n      : startDate;\n    return formatter.format(displayDate.toDate(state.timeZone));\n  }, [formatter, isDays, startDate, state.timeZone, state.visibleRange.end]);\n}\n"],"names":[],"version":3,"file":"useCalendarHeading.mjs.map"}

package/dist/private/calendar/useCalendarMonthPicker.cjs

@@ -0,0 +1,66 @@
+var $b8ffb0adc97ab95f$exports = require("../i18n/useDateFormatter.cjs");
+var $2522e612fa919664$exports = require("../i18n/I18nProvider.cjs");
+var $6bKxx$react = require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useCalendarMonthPicker", function () { return $fb0573cba859c185$export$cf412bf5dcbe1065; });
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+function $fb0573cba859c185$export$cf412bf5dcbe1065(props, state) {
+    let formatter = (0, $b8ffb0adc97ab95f$exports.useDateFormatter)({
+        month: props.format || 'short',
+        calendar: state.focusedDate.calendar.identifier,
+        timeZone: state.timeZone
+    });
+    // Format the name of each month in the year according to the
+    // current locale and calendar system. Note that in some calendar
+    // systems, such as the Hebrew, the number of months may differ
+    // between years.
+    let months = [];
+    let numMonths = state.focusedDate.calendar.getMonthsInYear(state.focusedDate);
+    for(let i = 1; i <= numMonths; i++){
+        let date = state.focusedDate.set({
+            month: i
+        });
+        // Calendars like the 4-5-4 fiscal calendar use getFormattableMonth to map
+        // their internal month back to the Gregorian month that should be displayed.
+        let displayDate = date.calendar.getFormattableMonth ? date.calendar.getFormattableMonth(date) : date;
+        months.push({
+            id: i,
+            date: date,
+            formatted: formatter.format(displayDate.toDate(state.timeZone))
+        });
+    }
+    let { locale: locale } = (0, $2522e612fa919664$exports.useLocale)();
+    let ariaLabel = (0, $6bKxx$react.useMemo)(()=>new Intl.DisplayNames(locale, {
+            type: 'dateTimeField'
+        }).of('month'), [
+        locale
+    ]);
+    return {
+        'aria-label': ariaLabel,
+        value: state.focusedDate.month,
+        onChange: (key)=>{
+            if (key != null) state.setFocusedDate(months[Number(key) - 1].date);
+        },
+        items: months
+    };
+}
+
+
+//# sourceMappingURL=useCalendarMonthPicker.cjs.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AA8BM,SAAS,0CACd,KAA+B,EAC/B,KAAgE;IAEhE,IAAI,YAAY,CAAA,GAAA,0CAAe,EAAE;QAC/B,OAAO,MAAM,MAAM,IAAI;QACvB,UAAU,MAAM,WAAW,CAAC,QAAQ,CAAC,UAAU;QAC/C,UAAU,MAAM,QAAQ;IAC1B;IAEA,6DAA6D;IAC7D,iEAAiE;IACjE,+DAA+D;IAC/D,iBAAiB;IACjB,IAAI,SAAoC,EAAE;IAC1C,IAAI,YAAY,MAAM,WAAW,CAAC,QAAQ,CAAC,eAAe,CAAC,MAAM,WAAW;IAC5E,IAAK,IAAI,IAAI,GAAG,KAAK,WAAW,IAAK;QACnC,IAAI,OAAO,MAAM,WAAW,CAAC,GAAG,CAAC;YAAC,OAAO;QAAC;QAC1C,0EAA0E;QAC1E,6EAA6E;QAC7E,IAAI,cAAc,KAAK,QAAQ,CAAC,mBAAmB,GAC/C,KAAK,QAAQ,CAAC,mBAAmB,CAAC,QAClC;QACJ,OAAO,IAAI,CAAC;YACV,IAAI;kBACJ;YACA,WAAW,UAAU,MAAM,CAAC,YAAY,MAAM,CAAC,MAAM,QAAQ;QAC/D;IACF;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,UAChE;QAAC;KAAO;IAGV,OAAO;QACL,cAAc;QACd,OAAO,MAAM,WAAW,CAAC,KAAK;QAC9B,UAAU,CAAA;YACR,IAAI,OAAO,MACT,MAAM,cAAc,CAAC,MAAM,CAAC,OAAO,OAAO,EAAE,CAAC,IAAI;QAErD;QACA,OAAO;IACT;AACF","sources":["packages/react-aria/src/calendar/useCalendarMonthPicker.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} 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 CalendarMonthPickerProps {\n  /**\n   * The format of the month.\n   */\n  format?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';\n}\n\nexport interface CalendarMonthPickerAria {\n  'aria-label': string;\n  value: Key;\n  onChange: (key: Key | null) => void;\n  items: CalendarMonthPickerItem[];\n}\n\nexport interface CalendarMonthPickerItem {\n  id: number;\n  date: CalendarDate;\n  formatted: string;\n}\n\nexport function useCalendarMonthPicker(\n  props: CalendarMonthPickerProps,\n  state: CalendarState<CalendarSelectionMode> | RangeCalendarState\n): CalendarMonthPickerAria {\n  let formatter = useDateFormatter({\n    month: props.format || 'short',\n    calendar: state.focusedDate.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  // Format the name of each month in the year according to the\n  // current locale and calendar system. Note that in some calendar\n  // systems, such as the Hebrew, the number of months may differ\n  // between years.\n  let months: CalendarMonthPickerItem[] = [];\n  let numMonths = state.focusedDate.calendar.getMonthsInYear(state.focusedDate);\n  for (let i = 1; i <= numMonths; i++) {\n    let date = state.focusedDate.set({month: i});\n    // Calendars like the 4-5-4 fiscal calendar use getFormattableMonth to map\n    // their internal month back to the Gregorian month that should be displayed.\n    let displayDate = date.calendar.getFormattableMonth\n      ? date.calendar.getFormattableMonth(date)\n      : date;\n    months.push({\n      id: i,\n      date,\n      formatted: formatter.format(displayDate.toDate(state.timeZone))\n    });\n  }\n\n  let {locale} = useLocale();\n  let ariaLabel = useMemo(\n    () => new Intl.DisplayNames(locale, {type: 'dateTimeField'}).of('month')!,\n    [locale]\n  );\n\n  return {\n    'aria-label': ariaLabel,\n    value: state.focusedDate.month,\n    onChange: key => {\n      if (key != null) {\n        state.setFocusedDate(months[Number(key) - 1].date);\n      }\n    },\n    items: months\n  };\n}\n"],"names":[],"version":3,"file":"useCalendarMonthPicker.cjs.map"}

package/dist/private/calendar/useCalendarMonthPicker.js

@@ -0,0 +1,61 @@
+import {useDateFormatter as $7673fcc607ba3f7f$export$85fd5fdf27bacc79} from "../i18n/useDateFormatter.js";
+import {useLocale as $4defb058003b3e05$export$43bb16f9c6d9e3f7} from "../i18n/I18nProvider.js";
+import {useMemo as $i4FlB$useMemo} from "react";
+
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+function $32abf34e74d47afe$export$cf412bf5dcbe1065(props, state) {
+    let formatter = (0, $7673fcc607ba3f7f$export$85fd5fdf27bacc79)({
+        month: props.format || 'short',
+        calendar: state.focusedDate.calendar.identifier,
+        timeZone: state.timeZone
+    });
+    // Format the name of each month in the year according to the
+    // current locale and calendar system. Note that in some calendar
+    // systems, such as the Hebrew, the number of months may differ
+    // between years.
+    let months = [];
+    let numMonths = state.focusedDate.calendar.getMonthsInYear(state.focusedDate);
+    for(let i = 1; i <= numMonths; i++){
+        let date = state.focusedDate.set({
+            month: i
+        });
+        // Calendars like the 4-5-4 fiscal calendar use getFormattableMonth to map
+        // their internal month back to the Gregorian month that should be displayed.
+        let displayDate = date.calendar.getFormattableMonth ? date.calendar.getFormattableMonth(date) : date;
+        months.push({
+            id: i,
+            date: date,
+            formatted: formatter.format(displayDate.toDate(state.timeZone))
+        });
+    }
+    let { locale: locale } = (0, $4defb058003b3e05$export$43bb16f9c6d9e3f7)();
+    let ariaLabel = (0, $i4FlB$useMemo)(()=>new Intl.DisplayNames(locale, {
+            type: 'dateTimeField'
+        }).of('month'), [
+        locale
+    ]);
+    return {
+        'aria-label': ariaLabel,
+        value: state.focusedDate.month,
+        onChange: (key)=>{
+            if (key != null) state.setFocusedDate(months[Number(key) - 1].date);
+        },
+        items: months
+    };
+}
+
+
+export {$32abf34e74d47afe$export$cf412bf5dcbe1065 as useCalendarMonthPicker};
+//# sourceMappingURL=useCalendarMonthPicker.js.map