@react-spectrum/calendar 3.6.1 → 3.7.0

package/dist/Calendar.main.js

@@ -49,7 +49,7 @@ const $d9490b77e8681e44$export$e1aef45b828286de = /*#__PURE__*/ (0, ($parcel$int
         ...props,
         locale: locale,
         visibleDuration: visibleDuration,
-        createCalendar: $jdfnP$internationalizeddate.createCalendar
+        createCalendar: props.createCalendar || (0, $jdfnP$internationalizeddate.createCalendar)
     });
     let domRef = (0, $jdfnP$react.useRef)(null);
     (0, $jdfnP$react.useImperativeHandle)(ref, ()=>({

package/dist/Calendar.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAgBM,MAAM,0DAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,SAA8B,KAA+B,EAAE,GAA8B;IAC7I,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,IAAI,iBAAC,gBAAgB,GAAE,GAAG;IAC1B,gBAAgB,KAAK,GAAG,CAAC,eAAe;IACxC,IAAI,kBAAkB,CAAA,GAAA,oBAAM,EAAE,IAAO,CAAA;YAAC,QAAQ;QAAa,CAAA,GAAI;QAAC;KAAc;IAC9E,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,8BAAQ;IACvB,IAAI,QAAQ,CAAA,GAAA,4CAAe,EAAE;QAC3B,GAAG,KAAK;gBACR;yBACA;wBACA;IACF;IAEA,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAE;IACpB,CAAA,GAAA,gCAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,sCAAW,EAAE,OAAO;YACvB;gBACE,MAAM,UAAU,CAAC;YACnB;QACF,CAAA;IAEA,IAAI,iBAAC,aAAa,mBAAE,eAAe,mBAAE,eAAe,qBAAE,iBAAiB,EAAC,GAAG,CAAA,GAAA,oCAAU,EAAE,OAAO;IAE9F,qBACE,0DAAC,CAAA,GAAA,sCAAW;QACT,GAAG,KAAK;QACT,eAAe;QACf,OAAO;QACP,aAAa;QACb,eAAe;QACf,iBAAiB;QACjB,iBAAiB;QACjB,mBAAmB;;AAEzB","sources":["packages/@react-spectrum/calendar/src/Calendar.tsx"],"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 {CalendarBase} from './CalendarBase';\nimport {createCalendar} from '@internationalized/date';\nimport {createDOMRef} from '@react-spectrum/utils';\nimport {DateValue, SpectrumCalendarProps} from '@react-types/calendar';\nimport {FocusableRef} from '@react-types/shared';\nimport React, {ReactElement, useImperativeHandle, useMemo, useRef} from 'react';\nimport {useCalendar} from '@react-aria/calendar';\nimport {useCalendarState} from '@react-stately/calendar';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n/**\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n */\nexport const Calendar = React.forwardRef(function Calendar<T extends DateValue>(props: SpectrumCalendarProps<T>, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  let {visibleMonths = 1} = props;\n  visibleMonths = Math.max(visibleMonths, 1);\n  let visibleDuration = useMemo(() => ({months: visibleMonths}), [visibleMonths]);\n  let {locale} = useLocale();\n  let state = useCalendarState({\n    ...props,\n    locale,\n    visibleDuration,\n    createCalendar\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    }\n  }));\n\n  let {calendarProps, prevButtonProps, nextButtonProps, errorMessageProps} = useCalendar(props, state);\n\n  return (\n    <CalendarBase\n      {...props}\n      visibleMonths={visibleMonths}\n      state={state}\n      calendarRef={domRef}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      errorMessageProps={errorMessageProps} />\n  );\n}) as <T extends DateValue>(props: SpectrumCalendarProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"Calendar.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAgBM,MAAM,0DAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,SAA8B,KAA+B,EAAE,GAA8B;IAC7I,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,IAAI,iBAAC,gBAAgB,GAAE,GAAG;IAC1B,gBAAgB,KAAK,GAAG,CAAC,eAAe;IACxC,IAAI,kBAAkB,CAAA,GAAA,oBAAM,EAAE,IAAO,CAAA;YAAC,QAAQ;QAAa,CAAA,GAAI;QAAC;KAAc;IAC9E,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,8BAAQ;IACvB,IAAI,QAAQ,CAAA,GAAA,4CAAe,EAAE;QAC3B,GAAG,KAAK;gBACR;yBACA;QACA,gBAAgB,MAAM,cAAc,IAAI,CAAA,GAAA,2CAAa;IACvD;IAEA,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAE;IACpB,CAAA,GAAA,gCAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,sCAAW,EAAE,OAAO;YACvB;gBACE,MAAM,UAAU,CAAC;YACnB;QACF,CAAA;IAEA,IAAI,iBAAC,aAAa,mBAAE,eAAe,mBAAE,eAAe,qBAAE,iBAAiB,EAAC,GAAG,CAAA,GAAA,oCAAU,EAAE,OAAO;IAE9F,qBACE,0DAAC,CAAA,GAAA,sCAAW;QACT,GAAG,KAAK;QACT,eAAe;QACf,OAAO;QACP,aAAa;QACb,eAAe;QACf,iBAAiB;QACjB,iBAAiB;QACjB,mBAAmB;;AAEzB","sources":["packages/@react-spectrum/calendar/src/Calendar.tsx"],"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 {CalendarBase} from './CalendarBase';\nimport {createCalendar} from '@internationalized/date';\nimport {createDOMRef} from '@react-spectrum/utils';\nimport {DateValue, SpectrumCalendarProps} from '@react-types/calendar';\nimport {FocusableRef} from '@react-types/shared';\nimport React, {ReactElement, useImperativeHandle, useMemo, useRef} from 'react';\nimport {useCalendar} from '@react-aria/calendar';\nimport {useCalendarState} from '@react-stately/calendar';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n/**\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n */\nexport const Calendar = React.forwardRef(function Calendar<T extends DateValue>(props: SpectrumCalendarProps<T>, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  let {visibleMonths = 1} = props;\n  visibleMonths = Math.max(visibleMonths, 1);\n  let visibleDuration = useMemo(() => ({months: visibleMonths}), [visibleMonths]);\n  let {locale} = useLocale();\n  let state = useCalendarState({\n    ...props,\n    locale,\n    visibleDuration,\n    createCalendar: props.createCalendar || createCalendar\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    }\n  }));\n\n  let {calendarProps, prevButtonProps, nextButtonProps, errorMessageProps} = useCalendar(props, state);\n\n  return (\n    <CalendarBase\n      {...props}\n      visibleMonths={visibleMonths}\n      state={state}\n      calendarRef={domRef}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      errorMessageProps={errorMessageProps} />\n  );\n}) as <T extends DateValue>(props: SpectrumCalendarProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"Calendar.main.js.map"}

package/dist/Calendar.mjs

@@ -39,7 +39,7 @@ const $d2b8d4577dd88671$export$e1aef45b828286de = /*#__PURE__*/ (0, $fF0AO$react
         ...props,
         locale: locale,
         visibleDuration: visibleDuration,
-        createCalendar: $fF0AO$createCalendar
+        createCalendar: props.createCalendar || (0, $fF0AO$createCalendar)
     });
     let domRef = (0, $fF0AO$useRef)(null);
     (0, $fF0AO$useImperativeHandle)(ref, ()=>({

package/dist/Calendar.module.js

@@ -39,7 +39,7 @@ const $d2b8d4577dd88671$export$e1aef45b828286de = /*#__PURE__*/ (0, $fF0AO$react
         ...props,
         locale: locale,
         visibleDuration: visibleDuration,
-        createCalendar: $fF0AO$createCalendar
+        createCalendar: props.createCalendar || (0, $fF0AO$createCalendar)
     });
     let domRef = (0, $fF0AO$useRef)(null);
     (0, $fF0AO$useImperativeHandle)(ref, ()=>({

package/dist/Calendar.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAgBM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAA8B,KAA+B,EAAE,GAA8B;IAC7I,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,iBAAC,gBAAgB,GAAE,GAAG;IAC1B,gBAAgB,KAAK,GAAG,CAAC,eAAe;IACxC,IAAI,kBAAkB,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA;YAAC,QAAQ;QAAa,CAAA,GAAI;QAAC;KAAc;IAC9E,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACvB,IAAI,QAAQ,CAAA,GAAA,uBAAe,EAAE;QAC3B,GAAG,KAAK;gBACR;yBACA;wBACA;IACF;IAEA,IAAI,SAAS,CAAA,GAAA,aAAK,EAAE;IACpB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,mBAAW,EAAE,OAAO;YACvB;gBACE,MAAM,UAAU,CAAC;YACnB;QACF,CAAA;IAEA,IAAI,iBAAC,aAAa,mBAAE,eAAe,mBAAE,eAAe,qBAAE,iBAAiB,EAAC,GAAG,CAAA,GAAA,kBAAU,EAAE,OAAO;IAE9F,qBACE,gCAAC,CAAA,GAAA,yCAAW;QACT,GAAG,KAAK;QACT,eAAe;QACf,OAAO;QACP,aAAa;QACb,eAAe;QACf,iBAAiB;QACjB,iBAAiB;QACjB,mBAAmB;;AAEzB","sources":["packages/@react-spectrum/calendar/src/Calendar.tsx"],"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 {CalendarBase} from './CalendarBase';\nimport {createCalendar} from '@internationalized/date';\nimport {createDOMRef} from '@react-spectrum/utils';\nimport {DateValue, SpectrumCalendarProps} from '@react-types/calendar';\nimport {FocusableRef} from '@react-types/shared';\nimport React, {ReactElement, useImperativeHandle, useMemo, useRef} from 'react';\nimport {useCalendar} from '@react-aria/calendar';\nimport {useCalendarState} from '@react-stately/calendar';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n/**\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n */\nexport const Calendar = React.forwardRef(function Calendar<T extends DateValue>(props: SpectrumCalendarProps<T>, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  let {visibleMonths = 1} = props;\n  visibleMonths = Math.max(visibleMonths, 1);\n  let visibleDuration = useMemo(() => ({months: visibleMonths}), [visibleMonths]);\n  let {locale} = useLocale();\n  let state = useCalendarState({\n    ...props,\n    locale,\n    visibleDuration,\n    createCalendar\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    }\n  }));\n\n  let {calendarProps, prevButtonProps, nextButtonProps, errorMessageProps} = useCalendar(props, state);\n\n  return (\n    <CalendarBase\n      {...props}\n      visibleMonths={visibleMonths}\n      state={state}\n      calendarRef={domRef}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      errorMessageProps={errorMessageProps} />\n  );\n}) as <T extends DateValue>(props: SpectrumCalendarProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"Calendar.module.js.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAgBM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAA8B,KAA+B,EAAE,GAA8B;IAC7I,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,iBAAC,gBAAgB,GAAE,GAAG;IAC1B,gBAAgB,KAAK,GAAG,CAAC,eAAe;IACxC,IAAI,kBAAkB,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA;YAAC,QAAQ;QAAa,CAAA,GAAI;QAAC;KAAc;IAC9E,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACvB,IAAI,QAAQ,CAAA,GAAA,uBAAe,EAAE;QAC3B,GAAG,KAAK;gBACR;yBACA;QACA,gBAAgB,MAAM,cAAc,IAAI,CAAA,GAAA,qBAAa;IACvD;IAEA,IAAI,SAAS,CAAA,GAAA,aAAK,EAAE;IACpB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,mBAAW,EAAE,OAAO;YACvB;gBACE,MAAM,UAAU,CAAC;YACnB;QACF,CAAA;IAEA,IAAI,iBAAC,aAAa,mBAAE,eAAe,mBAAE,eAAe,qBAAE,iBAAiB,EAAC,GAAG,CAAA,GAAA,kBAAU,EAAE,OAAO;IAE9F,qBACE,gCAAC,CAAA,GAAA,yCAAW;QACT,GAAG,KAAK;QACT,eAAe;QACf,OAAO;QACP,aAAa;QACb,eAAe;QACf,iBAAiB;QACjB,iBAAiB;QACjB,mBAAmB;;AAEzB","sources":["packages/@react-spectrum/calendar/src/Calendar.tsx"],"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 {CalendarBase} from './CalendarBase';\nimport {createCalendar} from '@internationalized/date';\nimport {createDOMRef} from '@react-spectrum/utils';\nimport {DateValue, SpectrumCalendarProps} from '@react-types/calendar';\nimport {FocusableRef} from '@react-types/shared';\nimport React, {ReactElement, useImperativeHandle, useMemo, useRef} from 'react';\nimport {useCalendar} from '@react-aria/calendar';\nimport {useCalendarState} from '@react-stately/calendar';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n/**\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n */\nexport const Calendar = React.forwardRef(function Calendar<T extends DateValue>(props: SpectrumCalendarProps<T>, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  let {visibleMonths = 1} = props;\n  visibleMonths = Math.max(visibleMonths, 1);\n  let visibleDuration = useMemo(() => ({months: visibleMonths}), [visibleMonths]);\n  let {locale} = useLocale();\n  let state = useCalendarState({\n    ...props,\n    locale,\n    visibleDuration,\n    createCalendar: props.createCalendar || createCalendar\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    }\n  }));\n\n  let {calendarProps, prevButtonProps, nextButtonProps, errorMessageProps} = useCalendar(props, state);\n\n  return (\n    <CalendarBase\n      {...props}\n      visibleMonths={visibleMonths}\n      state={state}\n      calendarRef={domRef}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      errorMessageProps={errorMessageProps} />\n  );\n}) as <T extends DateValue>(props: SpectrumCalendarProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"Calendar.module.js.map"}

package/dist/CalendarBase.main.js

@@ -1,6 +1,6 @@
 var $02c19eea15a72a7b$exports = require("./CalendarMonth.main.js");
 var $7e7c3b1f5233ce23$exports = require("./intlStrings.main.js");
-require("./vars.0e34c9ec.css");
+require("./calendar.e1e61a27.css");
 var $915891ae6206caad$exports = require("./calendar_vars_css.main.js");
 var $6ckm4$reactspectrumbutton = require("@react-spectrum/button");
 var $6ckm4$spectrumiconsuiChevronLeftLarge = require("@spectrum-icons/ui/ChevronLeftLarge");
@@ -74,7 +74,7 @@ function $6d416018158e3a26$export$bfd52a43017368fe(props) {
             // so we don't need to repeat that here for screen reader users.
             "aria-hidden": true,
             className: (0, $6ckm4$reactspectrumutils.classNames)((0, ($parcel$interopDefault($915891ae6206caad$exports))), 'spectrum-Calendar-title')
-        }, monthDateFormatter.format(d.toDate(state.timeZone))), i === visibleMonths - 1 && /*#__PURE__*/ (0, ($parcel$interopDefault($6ckm4$react))).createElement((0, $6ckm4$reactspectrumbutton.ActionButton), {
+        }, $6d416018158e3a26$var$getCurrentMonthName(d, state.timeZone, monthDateFormatter)), i === visibleMonths - 1 && /*#__PURE__*/ (0, ($parcel$interopDefault($6ckm4$react))).createElement((0, $6ckm4$reactspectrumbutton.ActionButton), {
             ...nextButtonProps,
             UNSAFE_className: (0, $6ckm4$reactspectrumutils.classNames)((0, ($parcel$interopDefault($915891ae6206caad$exports))), 'spectrum-Calendar-nextMonth'),
             isQuiet: true
@@ -112,6 +112,10 @@ function $6d416018158e3a26$export$bfd52a43017368fe(props) {
         UNSAFE_className: "spectrum-Calendar-helpText"
     }));
 }
+function $6d416018158e3a26$var$getCurrentMonthName(date, timezone, monthDateFormatter) {
+    if (date.calendar.getFormattableMonth) date = date.calendar.getFormattableMonth(date);
+    return monthDateFormatter.format(date.toDate(timezone));
+}
 
 
 //# sourceMappingURL=CalendarBase.main.js.map

package/dist/CalendarBase.main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/calendar/src/CalendarBase.tsx"],"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 {ActionButton} from '@react-spectrum/button';\nimport {AriaButtonProps} from '@react-types/button';\nimport {CalendarMonth} from './CalendarMonth';\nimport {CalendarPropsBase} from '@react-types/calendar';\nimport {CalendarState, RangeCalendarState} from '@react-stately/calendar';\nimport ChevronLeft from '@spectrum-icons/ui/ChevronLeftLarge';\nimport ChevronRight from '@spectrum-icons/ui/ChevronRightLarge';\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, RefObject, StyleProps} from '@react-types/shared';\nimport {HelpText} from '@react-spectrum/label';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {HTMLAttributes, JSX} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useDateFormatter, useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {VisuallyHidden} from '@react-aria/visually-hidden';\n\ninterface CalendarBaseProps<T extends CalendarState | RangeCalendarState> extends CalendarPropsBase, DOMProps, StyleProps {\n  state: T,\n  visibleMonths?: number,\n  calendarProps: HTMLAttributes<HTMLElement>,\n  nextButtonProps: AriaButtonProps,\n  prevButtonProps: AriaButtonProps,\n  errorMessageProps: HTMLAttributes<HTMLElement>,\n  calendarRef: RefObject<HTMLDivElement | null>\n}\n\nexport function CalendarBase<T extends CalendarState | RangeCalendarState>(props: CalendarBaseProps<T>) {\n  let {\n    state,\n    calendarProps,\n    nextButtonProps,\n    prevButtonProps,\n    errorMessageProps,\n    calendarRef: ref,\n    visibleMonths = 1,\n    firstDayOfWeek\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/calendar');\n  let {direction} = useLocale();\n  let currentMonth = state.visibleRange.start;\n  let monthDateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era: currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC' ? 'short' : undefined,\n    calendar: currentMonth.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  let titles: JSX.Element[] = [];\n  let calendars: JSX.Element[] = [];\n  for (let i = 0; i < visibleMonths; i++) {\n    let d = currentMonth.add({months: i});\n    titles.push(\n      <div key={i} className={classNames(styles, 'spectrum-Calendar-monthHeader')}>\n        {i === 0 &&\n          <ActionButton\n            {...prevButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-prevMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronRight /> : <ChevronLeft />}\n          </ActionButton>\n        }\n        <h2\n          // We have a visually hidden heading describing the entire visible range,\n          // and the calendar itself describes the individual month\n          // so we don't need to repeat that here for screen reader users.\n          aria-hidden\n          className={classNames(styles, 'spectrum-Calendar-title')}>\n          {monthDateFormatter.format(d.toDate(state.timeZone))}\n        </h2>\n        {i === visibleMonths - 1 &&\n          <ActionButton\n            {...nextButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-nextMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronLeft /> : <ChevronRight />}\n          </ActionButton>\n        }\n      </div>\n    );\n\n    calendars.push(\n      <CalendarMonth\n        {...props}\n        key={i}\n        state={state}\n        startDate={d}\n        firstDayOfWeek={firstDayOfWeek} />\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...calendarProps}\n      ref={ref}\n      className={\n        classNames(styles,\n          'spectrum-Calendar',\n          styleProps.className\n        )\n      }>\n      {/* Add a screen reader only description of the entire visible range rather than\n        * a separate heading above each month grid. This is placed first in the DOM order\n        * so that it is the first thing a touch screen reader user encounters.\n        * In addition, VoiceOver on iOS does not announce the aria-label of the grid\n        * elements, so the aria-label of the Calendar is included here as well. */}\n      <VisuallyHidden>\n        <h2>{calendarProps['aria-label']}</h2>\n      </VisuallyHidden>\n      <div className={classNames(styles, 'spectrum-Calendar-header')}>\n        {titles}\n      </div>\n      <div className={classNames(styles, 'spectrum-Calendar-months')}>\n        {calendars}\n      </div>\n      {/* For touch screen readers, add a visually hidden next button after the month grid\n        * so it's easy to navigate after reaching the end without going all the way\n        * back to the start of the month. */}\n      <VisuallyHidden>\n        <button\n          aria-label={nextButtonProps['aria-label']}\n          disabled={nextButtonProps.isDisabled}\n          onClick={() => state.focusNextPage()}\n          tabIndex={-1} />\n      </VisuallyHidden>\n      {state.isValueInvalid &&\n        <HelpText\n          showErrorIcon\n          errorMessage={props.errorMessage || stringFormatter.format('invalidSelection', {selectedCount: 'highlightedRange' in state ? 2 : 1})}\n          errorMessageProps={errorMessageProps}\n          isInvalid\n          // Intentionally a global class name so it can be targeted in DatePicker CSS...\n          UNSAFE_className=\"spectrum-Calendar-helpText\" />\n      }\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"CalendarBase.main.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/calendar/src/CalendarBase.tsx"],"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 {ActionButton} from '@react-spectrum/button';\nimport {AriaButtonProps} from '@react-types/button';\nimport {CalendarDate} from '@internationalized/date';\nimport {CalendarMonth} from './CalendarMonth';\nimport {CalendarPropsBase} from '@react-types/calendar';\nimport {CalendarState, RangeCalendarState} from '@react-stately/calendar';\nimport ChevronLeft from '@spectrum-icons/ui/ChevronLeftLarge';\nimport ChevronRight from '@spectrum-icons/ui/ChevronRightLarge';\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, RefObject, StyleProps} from '@react-types/shared';\nimport {HelpText} from '@react-spectrum/label';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {HTMLAttributes, JSX, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useDateFormatter, useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {VisuallyHidden} from '@react-aria/visually-hidden';\n\ninterface CalendarBaseProps<T extends CalendarState | RangeCalendarState> extends CalendarPropsBase, DOMProps, StyleProps {\n  state: T,\n  visibleMonths?: number,\n  calendarProps: HTMLAttributes<HTMLElement>,\n  nextButtonProps: AriaButtonProps,\n  prevButtonProps: AriaButtonProps,\n  errorMessageProps: HTMLAttributes<HTMLElement>,\n  calendarRef: RefObject<HTMLDivElement | null>\n}\n\nexport function CalendarBase<T extends CalendarState | RangeCalendarState>(props: CalendarBaseProps<T>): ReactNode {\n  let {\n    state,\n    calendarProps,\n    nextButtonProps,\n    prevButtonProps,\n    errorMessageProps,\n    calendarRef: ref,\n    visibleMonths = 1,\n    firstDayOfWeek\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/calendar');\n  let {direction} = useLocale();\n  let currentMonth = state.visibleRange.start;\n  let monthDateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era: currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC' ? 'short' : undefined,\n    calendar: currentMonth.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  let titles: JSX.Element[] = [];\n  let calendars: JSX.Element[] = [];\n  for (let i = 0; i < visibleMonths; i++) {\n    let d = currentMonth.add({months: i});\n    titles.push(\n      <div key={i} className={classNames(styles, 'spectrum-Calendar-monthHeader')}>\n        {i === 0 &&\n          <ActionButton\n            {...prevButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-prevMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronRight /> : <ChevronLeft />}\n          </ActionButton>\n        }\n        <h2\n          // We have a visually hidden heading describing the entire visible range,\n          // and the calendar itself describes the individual month\n          // so we don't need to repeat that here for screen reader users.\n          aria-hidden\n          className={classNames(styles, 'spectrum-Calendar-title')}>\n          {getCurrentMonthName(d, state.timeZone, monthDateFormatter)}\n        </h2>\n        {i === visibleMonths - 1 &&\n          <ActionButton\n            {...nextButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-nextMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronLeft /> : <ChevronRight />}\n          </ActionButton>\n        }\n      </div>\n    );\n\n    calendars.push(\n      <CalendarMonth\n        {...props}\n        key={i}\n        state={state}\n        startDate={d}\n        firstDayOfWeek={firstDayOfWeek} />\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...calendarProps}\n      ref={ref}\n      className={\n        classNames(styles,\n          'spectrum-Calendar',\n          styleProps.className\n        )\n      }>\n      {/* Add a screen reader only description of the entire visible range rather than\n        * a separate heading above each month grid. This is placed first in the DOM order\n        * so that it is the first thing a touch screen reader user encounters.\n        * In addition, VoiceOver on iOS does not announce the aria-label of the grid\n        * elements, so the aria-label of the Calendar is included here as well. */}\n      <VisuallyHidden>\n        <h2>{calendarProps['aria-label']}</h2>\n      </VisuallyHidden>\n      <div className={classNames(styles, 'spectrum-Calendar-header')}>\n        {titles}\n      </div>\n      <div className={classNames(styles, 'spectrum-Calendar-months')}>\n        {calendars}\n      </div>\n      {/* For touch screen readers, add a visually hidden next button after the month grid\n        * so it's easy to navigate after reaching the end without going all the way\n        * back to the start of the month. */}\n      <VisuallyHidden>\n        <button\n          aria-label={nextButtonProps['aria-label']}\n          disabled={nextButtonProps.isDisabled}\n          onClick={() => state.focusNextPage()}\n          tabIndex={-1} />\n      </VisuallyHidden>\n      {state.isValueInvalid &&\n        <HelpText\n          showErrorIcon\n          errorMessage={props.errorMessage || stringFormatter.format('invalidSelection', {selectedCount: 'highlightedRange' in state ? 2 : 1})}\n          errorMessageProps={errorMessageProps}\n          isInvalid\n          // Intentionally a global class name so it can be targeted in DatePicker CSS...\n          UNSAFE_className=\"spectrum-Calendar-helpText\" />\n      }\n    </div>\n  );\n}\n\nfunction getCurrentMonthName(date: CalendarDate, timezone: string, monthDateFormatter: ReturnType<typeof useDateFormatter>): string {\n  if (date.calendar.getFormattableMonth) {\n    date = date.calendar.getFormattableMonth(date);\n  }\n  return monthDateFormatter.format(date.toDate(timezone));\n}\n"],"names":[],"version":3,"file":"CalendarBase.main.js.map"}

package/dist/CalendarBase.mjs

@@ -1,6 +1,6 @@
 import {CalendarMonth as $faa2f3867773cfe5$export$26e2752316b9a375} from "./CalendarMonth.mjs";
 import $bF3AV$intlStringsmodulejs from "./intlStrings.mjs";
-import "./vars.0e34c9ec.css";
+import "./calendar.e1e61a27.css";
 import $bF3AV$calendar_vars_cssmodulejs from "./calendar_vars_css.mjs";
 import {ActionButton as $bF3AV$ActionButton} from "@react-spectrum/button";
 import $bF3AV$spectrumiconsuiChevronLeftLarge from "@spectrum-icons/ui/ChevronLeftLarge";
@@ -68,7 +68,7 @@ function $62cd1e80f0dffb66$export$bfd52a43017368fe(props) {
             // so we don't need to repeat that here for screen reader users.
             "aria-hidden": true,
             className: (0, $bF3AV$classNames)((0, ($parcel$interopDefault($bF3AV$calendar_vars_cssmodulejs))), 'spectrum-Calendar-title')
-        }, monthDateFormatter.format(d.toDate(state.timeZone))), i === visibleMonths - 1 && /*#__PURE__*/ (0, $bF3AV$react).createElement((0, $bF3AV$ActionButton), {
+        }, $62cd1e80f0dffb66$var$getCurrentMonthName(d, state.timeZone, monthDateFormatter)), i === visibleMonths - 1 && /*#__PURE__*/ (0, $bF3AV$react).createElement((0, $bF3AV$ActionButton), {
             ...nextButtonProps,
             UNSAFE_className: (0, $bF3AV$classNames)((0, ($parcel$interopDefault($bF3AV$calendar_vars_cssmodulejs))), 'spectrum-Calendar-nextMonth'),
             isQuiet: true
@@ -106,6 +106,10 @@ function $62cd1e80f0dffb66$export$bfd52a43017368fe(props) {
         UNSAFE_className: "spectrum-Calendar-helpText"
     }));
 }
+function $62cd1e80f0dffb66$var$getCurrentMonthName(date, timezone, monthDateFormatter) {
+    if (date.calendar.getFormattableMonth) date = date.calendar.getFormattableMonth(date);
+    return monthDateFormatter.format(date.toDate(timezone));
+}
 
 
 export {$62cd1e80f0dffb66$export$bfd52a43017368fe as CalendarBase};

package/dist/CalendarBase.module.js

@@ -1,6 +1,6 @@
 import {CalendarMonth as $faa2f3867773cfe5$export$26e2752316b9a375} from "./CalendarMonth.module.js";
 import $bF3AV$intlStringsmodulejs from "./intlStrings.module.js";
-import "./vars.0e34c9ec.css";
+import "./calendar.e1e61a27.css";
 import $bF3AV$calendar_vars_cssmodulejs from "./calendar_vars_css.module.js";
 import {ActionButton as $bF3AV$ActionButton} from "@react-spectrum/button";
 import $bF3AV$spectrumiconsuiChevronLeftLarge from "@spectrum-icons/ui/ChevronLeftLarge";
@@ -68,7 +68,7 @@ function $62cd1e80f0dffb66$export$bfd52a43017368fe(props) {
             // so we don't need to repeat that here for screen reader users.
             "aria-hidden": true,
             className: (0, $bF3AV$classNames)((0, ($parcel$interopDefault($bF3AV$calendar_vars_cssmodulejs))), 'spectrum-Calendar-title')
-        }, monthDateFormatter.format(d.toDate(state.timeZone))), i === visibleMonths - 1 && /*#__PURE__*/ (0, $bF3AV$react).createElement((0, $bF3AV$ActionButton), {
+        }, $62cd1e80f0dffb66$var$getCurrentMonthName(d, state.timeZone, monthDateFormatter)), i === visibleMonths - 1 && /*#__PURE__*/ (0, $bF3AV$react).createElement((0, $bF3AV$ActionButton), {
             ...nextButtonProps,
             UNSAFE_className: (0, $bF3AV$classNames)((0, ($parcel$interopDefault($bF3AV$calendar_vars_cssmodulejs))), 'spectrum-Calendar-nextMonth'),
             isQuiet: true
@@ -106,6 +106,10 @@ function $62cd1e80f0dffb66$export$bfd52a43017368fe(props) {
         UNSAFE_className: "spectrum-Calendar-helpText"
     }));
 }
+function $62cd1e80f0dffb66$var$getCurrentMonthName(date, timezone, monthDateFormatter) {
+    if (date.calendar.getFormattableMonth) date = date.calendar.getFormattableMonth(date);
+    return monthDateFormatter.format(date.toDate(timezone));
+}
 
 
 export {$62cd1e80f0dffb66$export$bfd52a43017368fe as CalendarBase};

package/dist/CalendarBase.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/calendar/src/CalendarBase.tsx"],"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 {ActionButton} from '@react-spectrum/button';\nimport {AriaButtonProps} from '@react-types/button';\nimport {CalendarMonth} from './CalendarMonth';\nimport {CalendarPropsBase} from '@react-types/calendar';\nimport {CalendarState, RangeCalendarState} from '@react-stately/calendar';\nimport ChevronLeft from '@spectrum-icons/ui/ChevronLeftLarge';\nimport ChevronRight from '@spectrum-icons/ui/ChevronRightLarge';\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, RefObject, StyleProps} from '@react-types/shared';\nimport {HelpText} from '@react-spectrum/label';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {HTMLAttributes, JSX} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useDateFormatter, useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {VisuallyHidden} from '@react-aria/visually-hidden';\n\ninterface CalendarBaseProps<T extends CalendarState | RangeCalendarState> extends CalendarPropsBase, DOMProps, StyleProps {\n  state: T,\n  visibleMonths?: number,\n  calendarProps: HTMLAttributes<HTMLElement>,\n  nextButtonProps: AriaButtonProps,\n  prevButtonProps: AriaButtonProps,\n  errorMessageProps: HTMLAttributes<HTMLElement>,\n  calendarRef: RefObject<HTMLDivElement | null>\n}\n\nexport function CalendarBase<T extends CalendarState | RangeCalendarState>(props: CalendarBaseProps<T>) {\n  let {\n    state,\n    calendarProps,\n    nextButtonProps,\n    prevButtonProps,\n    errorMessageProps,\n    calendarRef: ref,\n    visibleMonths = 1,\n    firstDayOfWeek\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/calendar');\n  let {direction} = useLocale();\n  let currentMonth = state.visibleRange.start;\n  let monthDateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era: currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC' ? 'short' : undefined,\n    calendar: currentMonth.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  let titles: JSX.Element[] = [];\n  let calendars: JSX.Element[] = [];\n  for (let i = 0; i < visibleMonths; i++) {\n    let d = currentMonth.add({months: i});\n    titles.push(\n      <div key={i} className={classNames(styles, 'spectrum-Calendar-monthHeader')}>\n        {i === 0 &&\n          <ActionButton\n            {...prevButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-prevMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronRight /> : <ChevronLeft />}\n          </ActionButton>\n        }\n        <h2\n          // We have a visually hidden heading describing the entire visible range,\n          // and the calendar itself describes the individual month\n          // so we don't need to repeat that here for screen reader users.\n          aria-hidden\n          className={classNames(styles, 'spectrum-Calendar-title')}>\n          {monthDateFormatter.format(d.toDate(state.timeZone))}\n        </h2>\n        {i === visibleMonths - 1 &&\n          <ActionButton\n            {...nextButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-nextMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronLeft /> : <ChevronRight />}\n          </ActionButton>\n        }\n      </div>\n    );\n\n    calendars.push(\n      <CalendarMonth\n        {...props}\n        key={i}\n        state={state}\n        startDate={d}\n        firstDayOfWeek={firstDayOfWeek} />\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...calendarProps}\n      ref={ref}\n      className={\n        classNames(styles,\n          'spectrum-Calendar',\n          styleProps.className\n        )\n      }>\n      {/* Add a screen reader only description of the entire visible range rather than\n        * a separate heading above each month grid. This is placed first in the DOM order\n        * so that it is the first thing a touch screen reader user encounters.\n        * In addition, VoiceOver on iOS does not announce the aria-label of the grid\n        * elements, so the aria-label of the Calendar is included here as well. */}\n      <VisuallyHidden>\n        <h2>{calendarProps['aria-label']}</h2>\n      </VisuallyHidden>\n      <div className={classNames(styles, 'spectrum-Calendar-header')}>\n        {titles}\n      </div>\n      <div className={classNames(styles, 'spectrum-Calendar-months')}>\n        {calendars}\n      </div>\n      {/* For touch screen readers, add a visually hidden next button after the month grid\n        * so it's easy to navigate after reaching the end without going all the way\n        * back to the start of the month. */}\n      <VisuallyHidden>\n        <button\n          aria-label={nextButtonProps['aria-label']}\n          disabled={nextButtonProps.isDisabled}\n          onClick={() => state.focusNextPage()}\n          tabIndex={-1} />\n      </VisuallyHidden>\n      {state.isValueInvalid &&\n        <HelpText\n          showErrorIcon\n          errorMessage={props.errorMessage || stringFormatter.format('invalidSelection', {selectedCount: 'highlightedRange' in state ? 2 : 1})}\n          errorMessageProps={errorMessageProps}\n          isInvalid\n          // Intentionally a global class name so it can be targeted in DatePicker CSS...\n          UNSAFE_className=\"spectrum-Calendar-helpText\" />\n      }\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"CalendarBase.module.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/calendar/src/CalendarBase.tsx"],"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 {ActionButton} from '@react-spectrum/button';\nimport {AriaButtonProps} from '@react-types/button';\nimport {CalendarDate} from '@internationalized/date';\nimport {CalendarMonth} from './CalendarMonth';\nimport {CalendarPropsBase} from '@react-types/calendar';\nimport {CalendarState, RangeCalendarState} from '@react-stately/calendar';\nimport ChevronLeft from '@spectrum-icons/ui/ChevronLeftLarge';\nimport ChevronRight from '@spectrum-icons/ui/ChevronRightLarge';\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, RefObject, StyleProps} from '@react-types/shared';\nimport {HelpText} from '@react-spectrum/label';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {HTMLAttributes, JSX, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useDateFormatter, useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {VisuallyHidden} from '@react-aria/visually-hidden';\n\ninterface CalendarBaseProps<T extends CalendarState | RangeCalendarState> extends CalendarPropsBase, DOMProps, StyleProps {\n  state: T,\n  visibleMonths?: number,\n  calendarProps: HTMLAttributes<HTMLElement>,\n  nextButtonProps: AriaButtonProps,\n  prevButtonProps: AriaButtonProps,\n  errorMessageProps: HTMLAttributes<HTMLElement>,\n  calendarRef: RefObject<HTMLDivElement | null>\n}\n\nexport function CalendarBase<T extends CalendarState | RangeCalendarState>(props: CalendarBaseProps<T>): ReactNode {\n  let {\n    state,\n    calendarProps,\n    nextButtonProps,\n    prevButtonProps,\n    errorMessageProps,\n    calendarRef: ref,\n    visibleMonths = 1,\n    firstDayOfWeek\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/calendar');\n  let {direction} = useLocale();\n  let currentMonth = state.visibleRange.start;\n  let monthDateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era: currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC' ? 'short' : undefined,\n    calendar: currentMonth.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  let titles: JSX.Element[] = [];\n  let calendars: JSX.Element[] = [];\n  for (let i = 0; i < visibleMonths; i++) {\n    let d = currentMonth.add({months: i});\n    titles.push(\n      <div key={i} className={classNames(styles, 'spectrum-Calendar-monthHeader')}>\n        {i === 0 &&\n          <ActionButton\n            {...prevButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-prevMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronRight /> : <ChevronLeft />}\n          </ActionButton>\n        }\n        <h2\n          // We have a visually hidden heading describing the entire visible range,\n          // and the calendar itself describes the individual month\n          // so we don't need to repeat that here for screen reader users.\n          aria-hidden\n          className={classNames(styles, 'spectrum-Calendar-title')}>\n          {getCurrentMonthName(d, state.timeZone, monthDateFormatter)}\n        </h2>\n        {i === visibleMonths - 1 &&\n          <ActionButton\n            {...nextButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-nextMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronLeft /> : <ChevronRight />}\n          </ActionButton>\n        }\n      </div>\n    );\n\n    calendars.push(\n      <CalendarMonth\n        {...props}\n        key={i}\n        state={state}\n        startDate={d}\n        firstDayOfWeek={firstDayOfWeek} />\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...calendarProps}\n      ref={ref}\n      className={\n        classNames(styles,\n          'spectrum-Calendar',\n          styleProps.className\n        )\n      }>\n      {/* Add a screen reader only description of the entire visible range rather than\n        * a separate heading above each month grid. This is placed first in the DOM order\n        * so that it is the first thing a touch screen reader user encounters.\n        * In addition, VoiceOver on iOS does not announce the aria-label of the grid\n        * elements, so the aria-label of the Calendar is included here as well. */}\n      <VisuallyHidden>\n        <h2>{calendarProps['aria-label']}</h2>\n      </VisuallyHidden>\n      <div className={classNames(styles, 'spectrum-Calendar-header')}>\n        {titles}\n      </div>\n      <div className={classNames(styles, 'spectrum-Calendar-months')}>\n        {calendars}\n      </div>\n      {/* For touch screen readers, add a visually hidden next button after the month grid\n        * so it's easy to navigate after reaching the end without going all the way\n        * back to the start of the month. */}\n      <VisuallyHidden>\n        <button\n          aria-label={nextButtonProps['aria-label']}\n          disabled={nextButtonProps.isDisabled}\n          onClick={() => state.focusNextPage()}\n          tabIndex={-1} />\n      </VisuallyHidden>\n      {state.isValueInvalid &&\n        <HelpText\n          showErrorIcon\n          errorMessage={props.errorMessage || stringFormatter.format('invalidSelection', {selectedCount: 'highlightedRange' in state ? 2 : 1})}\n          errorMessageProps={errorMessageProps}\n          isInvalid\n          // Intentionally a global class name so it can be targeted in DatePicker CSS...\n          UNSAFE_className=\"spectrum-Calendar-helpText\" />\n      }\n    </div>\n  );\n}\n\nfunction getCurrentMonthName(date: CalendarDate, timezone: string, monthDateFormatter: ReturnType<typeof useDateFormatter>): string {\n  if (date.calendar.getFormattableMonth) {\n    date = date.calendar.getFormattableMonth(date);\n  }\n  return monthDateFormatter.format(date.toDate(timezone));\n}\n"],"names":[],"version":3,"file":"CalendarBase.module.js.map"}

package/dist/CalendarCell.main.js

@@ -1,4 +1,4 @@
-require("./vars.0e34c9ec.css");
+require("./calendar.e1e61a27.css");
 var $915891ae6206caad$exports = require("./calendar_vars_css.main.js");
 var $1NqcN$reactariacalendar = require("@react-aria/calendar");
 var $1NqcN$internationalizeddate = require("@internationalized/date");

package/dist/CalendarCell.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAmBM,SAAS,0CAAa,SAAC,KAAK,gBAAE,YAAY,kBAAE,cAAc,EAAE,GAAG,OAAyB;IAC7F,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAe;IAC9B,IAAI,aACF,SAAS,eACT,WAAW,aACX,SAAS,cACT,UAAU,cACV,UAAU,aACV,SAAS,aACT,SAAS,iBACT,aAAa,EACd,GAAG,CAAA,GAAA,wCAAc,EAAE;QAClB,GAAG,KAAK;QACR,YAAY,CAAC,CAAA,GAAA,wCAAU,EAAE,MAAM,IAAI,EAAE;IACvC,GAAG,OAAO;IACV,IAAI,gBAAgB,MAAM,iBAAiB,CAAC,MAAM,IAAI,KAAK,CAAC;IAC5D,IAAI,+BAA+B,CAAC,cAAc,CAAC,aAAa,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC;QAAC,MAAM;IAAC;IAC/G,IAAI,+BAA+B,CAAC,cAAc,CAAC,aAAa,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC;QAAC,MAAM;IAAC;IACpH,IAAI,mBAAmB,sBAAsB,SAAS,MAAM,gBAAgB;IAC5E,IAAI,mBAAmB,cAAc,oBAAoB,CAAA,GAAA,sCAAQ,EAAE,MAAM,IAAI,EAAE,iBAAiB,KAAK;IACrG,IAAI,iBAAiB,cAAc,oBAAoB,CAAA,GAAA,sCAAQ,EAAE,MAAM,IAAI,EAAE,iBAAiB,GAAG;IACjG,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,8BAAQ;IACvB,IAAI,YAAY,CAAA,GAAA,yCAAW,EAAE,MAAM,IAAI,EAAE,QAAQ;IACjD,IAAI,eAAe,cAAe,CAAA,gCAAgC,cAAc,KAAK,MAAM,IAAI,CAAC,GAAG,KAAK,CAAA;IACxG,IAAI,aAAa,cAAe,CAAA,gCAAgC,cAAc,KAAK,MAAM,IAAI,CAAC,GAAG,KAAK,aAAa,QAAQ,CAAC,cAAc,CAAC,aAAY;IACvJ,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,kCAAW;IAC9C,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qCAAO,EAAE;QAAC,YAAY,cAAc,iBAAiB,MAAM,UAAU;IAAA;IAEnG,qBACE,0DAAC;QACE,GAAG,SAAS;QACb,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBAC9B,0DAAC;QACE,GAAG,CAAA,GAAA,gCAAS,EAAE,aAAa,YAAY,WAAW;QACnD,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,0BAA0B;YACtD,YAAY,CAAA,GAAA,oCAAM,EAAE,MAAM,IAAI,EAAE,MAAM,QAAQ;YAC9C,eAAe;YACf,cAAc,aAAa;YAC3B,gFAAgF;YAChF,2DAA2D;YAC3D,eAAe,cAAc,CAAC;YAC9B,kBAAkB,iBAAkB,aAAa;YACjD,mBAAmB,CAAC,CAAA,GAAA,wCAAU,EAAE,MAAM,IAAI,EAAE;YAC5C,kBAAkB;YAClB,gBAAgB;YAChB,sBAAsB,cAAc,sBAAsB;YAC1D,sBAAsB;YACtB,oBAAoB;YACpB,cAAc;YACd,cAAc,aAAa,CAAC,MAAM,UAAU;YAC5C,cAAc;QAChB;qBACA,0DAAC;QAAK,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBAClC,0DAAC,cAAM;AAKjB","sources":["packages/@react-spectrum/calendar/src/CalendarCell.tsx"],"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 {AriaCalendarCellProps, useCalendarCell} from '@react-aria/calendar';\nimport {CalendarDate, getDayOfWeek, isSameDay, isSameMonth, isToday} from '@internationalized/date';\nimport {CalendarState, RangeCalendarState} from '@react-stately/calendar';\nimport {classNames} from '@react-spectrum/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface CalendarCellProps extends AriaCalendarCellProps {\n  state: CalendarState | RangeCalendarState,\n  currentMonth: CalendarDate,\n  firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'\n}\n\nexport function CalendarCell({state, currentMonth, firstDayOfWeek, ...props}: CalendarCellProps) {\n  let ref = useRef<HTMLElement>(null);\n  let {\n    cellProps,\n    buttonProps,\n    isPressed,\n    isSelected,\n    isDisabled,\n    isFocused,\n    isInvalid,\n    formattedDate\n  } = useCalendarCell({\n    ...props,\n    isDisabled: !isSameMonth(props.date, currentMonth)\n  }, state, ref);\n  let isUnavailable = state.isCellUnavailable(props.date) && !isDisabled;\n  let isLastSelectedBeforeDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(props.date.add({days: 1}));\n  let isFirstSelectedAfterDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(props.date.subtract({days: 1}));\n  let highlightedRange = 'highlightedRange' in state && state.highlightedRange;\n  let isSelectionStart = isSelected && highlightedRange && isSameDay(props.date, highlightedRange.start);\n  let isSelectionEnd = isSelected && highlightedRange && isSameDay(props.date, highlightedRange.end);\n  let {locale} = useLocale();\n  let dayOfWeek = getDayOfWeek(props.date, locale, firstDayOfWeek);\n  let isRangeStart = isSelected && (isFirstSelectedAfterDisabled || dayOfWeek === 0 || props.date.day === 1);\n  let isRangeEnd = isSelected && (isLastSelectedBeforeDisabled || dayOfWeek === 6 || props.date.day === currentMonth.calendar.getDaysInMonth(currentMonth));\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {hoverProps, isHovered} = useHover({isDisabled: isDisabled || isUnavailable || state.isReadOnly});\n\n  return (\n    <td\n      {...cellProps}\n      className={classNames(styles, 'spectrum-Calendar-tableCell')}>\n      <span\n        {...mergeProps(buttonProps, hoverProps, focusProps)}\n        ref={ref}\n        className={classNames(styles, 'spectrum-Calendar-date', {\n          'is-today': isToday(props.date, state.timeZone),\n          'is-selected': isSelected,\n          'is-focused': isFocused && isFocusVisible,\n          // Style disabled (i.e. out of min/max range), but selected dates as unavailable\n          // since it is more clear than trying to dim the selection.\n          'is-disabled': isDisabled && !isInvalid,\n          'is-unavailable': isUnavailable || (isInvalid && isDisabled),\n          'is-outsideMonth': !isSameMonth(props.date, currentMonth),\n          'is-range-start': isRangeStart,\n          'is-range-end': isRangeEnd,\n          'is-range-selection': isSelected && 'highlightedRange' in state,\n          'is-selection-start': isSelectionStart,\n          'is-selection-end': isSelectionEnd,\n          'is-hovered': isHovered,\n          'is-pressed': isPressed && !state.isReadOnly,\n          'is-invalid': isInvalid\n        })}>\n        <span className={classNames(styles, 'spectrum-Calendar-dateText')}>\n          <span>{formattedDate}</span>\n        </span>\n      </span>\n    </td>\n  );\n}\n"],"names":[],"version":3,"file":"CalendarCell.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAmBM,SAAS,0CAAa,SAAC,KAAK,gBAAE,YAAY,kBAAE,cAAc,EAAE,GAAG,OAAyB;IAC7F,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAe;IAC9B,IAAI,aACF,SAAS,eACT,WAAW,aACX,SAAS,cACT,UAAU,cACV,UAAU,aACV,SAAS,aACT,SAAS,iBACT,aAAa,EACd,GAAG,CAAA,GAAA,wCAAc,EAAE;QAClB,GAAG,KAAK;QACR,YAAY,CAAC,CAAA,GAAA,wCAAU,EAAE,MAAM,IAAI,EAAE;IACvC,GAAG,OAAO;IACV,IAAI,gBAAgB,MAAM,iBAAiB,CAAC,MAAM,IAAI,KAAK,CAAC;IAC5D,IAAI,+BAA+B,CAAC,cAAc,CAAC,aAAa,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC;QAAC,MAAM;IAAC;IAC/G,IAAI,+BAA+B,CAAC,cAAc,CAAC,aAAa,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC;QAAC,MAAM;IAAC;IACpH,IAAI,mBAAmB,sBAAsB,SAAS,MAAM,gBAAgB;IAC5E,IAAI,mBAAmB,cAAc,oBAAoB,CAAA,GAAA,sCAAQ,EAAE,MAAM,IAAI,EAAE,iBAAiB,KAAK;IACrG,IAAI,iBAAiB,cAAc,oBAAoB,CAAA,GAAA,sCAAQ,EAAE,MAAM,IAAI,EAAE,iBAAiB,GAAG;IACjG,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,8BAAQ;IACvB,IAAI,YAAY,CAAA,GAAA,yCAAW,EAAE,MAAM,IAAI,EAAE,QAAQ;IACjD,IAAI,eAAe,cAAe,CAAA,gCAAgC,cAAc,KAAK,MAAM,IAAI,CAAC,GAAG,KAAK,CAAA;IACxG,IAAI,aAAa,cAAe,CAAA,gCAAgC,cAAc,KAAK,MAAM,IAAI,CAAC,GAAG,KAAK,aAAa,QAAQ,CAAC,cAAc,CAAC,aAAY;IACvJ,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,kCAAW;IAC9C,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qCAAO,EAAE;QAAC,YAAY,cAAc,iBAAiB,MAAM,UAAU;IAAA;IAEnG,qBACE,0DAAC;QACE,GAAG,SAAS;QACb,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBAC9B,0DAAC;QACE,GAAG,CAAA,GAAA,gCAAS,EAAE,aAAa,YAAY,WAAW;QACnD,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,0BAA0B;YACtD,YAAY,CAAA,GAAA,oCAAM,EAAE,MAAM,IAAI,EAAE,MAAM,QAAQ;YAC9C,eAAe;YACf,cAAc,aAAa;YAC3B,gFAAgF;YAChF,2DAA2D;YAC3D,eAAe,cAAc,CAAC;YAC9B,kBAAkB,iBAAkB,aAAa;YACjD,mBAAmB,CAAC,CAAA,GAAA,wCAAU,EAAE,MAAM,IAAI,EAAE;YAC5C,kBAAkB;YAClB,gBAAgB;YAChB,sBAAsB,cAAc,sBAAsB;YAC1D,sBAAsB;YACtB,oBAAoB;YACpB,cAAc;YACd,cAAc,aAAa,CAAC,MAAM,UAAU;YAC5C,cAAc;QAChB;qBACA,0DAAC;QAAK,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBAClC,0DAAC,cAAM;AAKjB","sources":["packages/@react-spectrum/calendar/src/CalendarCell.tsx"],"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 {AriaCalendarCellProps, useCalendarCell} from '@react-aria/calendar';\nimport {CalendarDate, getDayOfWeek, isSameDay, isSameMonth, isToday} from '@internationalized/date';\nimport {CalendarState, RangeCalendarState} from '@react-stately/calendar';\nimport {classNames} from '@react-spectrum/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ReactNode, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface CalendarCellProps extends AriaCalendarCellProps {\n  state: CalendarState | RangeCalendarState,\n  currentMonth: CalendarDate,\n  firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'\n}\n\nexport function CalendarCell({state, currentMonth, firstDayOfWeek, ...props}: CalendarCellProps): ReactNode {\n  let ref = useRef<HTMLElement>(null);\n  let {\n    cellProps,\n    buttonProps,\n    isPressed,\n    isSelected,\n    isDisabled,\n    isFocused,\n    isInvalid,\n    formattedDate\n  } = useCalendarCell({\n    ...props,\n    isDisabled: !isSameMonth(props.date, currentMonth)\n  }, state, ref);\n  let isUnavailable = state.isCellUnavailable(props.date) && !isDisabled;\n  let isLastSelectedBeforeDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(props.date.add({days: 1}));\n  let isFirstSelectedAfterDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(props.date.subtract({days: 1}));\n  let highlightedRange = 'highlightedRange' in state && state.highlightedRange;\n  let isSelectionStart = isSelected && highlightedRange && isSameDay(props.date, highlightedRange.start);\n  let isSelectionEnd = isSelected && highlightedRange && isSameDay(props.date, highlightedRange.end);\n  let {locale} = useLocale();\n  let dayOfWeek = getDayOfWeek(props.date, locale, firstDayOfWeek);\n  let isRangeStart = isSelected && (isFirstSelectedAfterDisabled || dayOfWeek === 0 || props.date.day === 1);\n  let isRangeEnd = isSelected && (isLastSelectedBeforeDisabled || dayOfWeek === 6 || props.date.day === currentMonth.calendar.getDaysInMonth(currentMonth));\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {hoverProps, isHovered} = useHover({isDisabled: isDisabled || isUnavailable || state.isReadOnly});\n\n  return (\n    <td\n      {...cellProps}\n      className={classNames(styles, 'spectrum-Calendar-tableCell')}>\n      <span\n        {...mergeProps(buttonProps, hoverProps, focusProps)}\n        ref={ref}\n        className={classNames(styles, 'spectrum-Calendar-date', {\n          'is-today': isToday(props.date, state.timeZone),\n          'is-selected': isSelected,\n          'is-focused': isFocused && isFocusVisible,\n          // Style disabled (i.e. out of min/max range), but selected dates as unavailable\n          // since it is more clear than trying to dim the selection.\n          'is-disabled': isDisabled && !isInvalid,\n          'is-unavailable': isUnavailable || (isInvalid && isDisabled),\n          'is-outsideMonth': !isSameMonth(props.date, currentMonth),\n          'is-range-start': isRangeStart,\n          'is-range-end': isRangeEnd,\n          'is-range-selection': isSelected && 'highlightedRange' in state,\n          'is-selection-start': isSelectionStart,\n          'is-selection-end': isSelectionEnd,\n          'is-hovered': isHovered,\n          'is-pressed': isPressed && !state.isReadOnly,\n          'is-invalid': isInvalid\n        })}>\n        <span className={classNames(styles, 'spectrum-Calendar-dateText')}>\n          <span>{formattedDate}</span>\n        </span>\n      </span>\n    </td>\n  );\n}\n"],"names":[],"version":3,"file":"CalendarCell.main.js.map"}

package/dist/CalendarCell.mjs

@@ -1,4 +1,4 @@
-import "./vars.0e34c9ec.css";
+import "./calendar.e1e61a27.css";
 import $1nHC4$calendar_vars_cssmodulejs from "./calendar_vars_css.mjs";
 import {useCalendarCell as $1nHC4$useCalendarCell} from "@react-aria/calendar";
 import {isSameMonth as $1nHC4$isSameMonth, isSameDay as $1nHC4$isSameDay, getDayOfWeek as $1nHC4$getDayOfWeek, isToday as $1nHC4$isToday} from "@internationalized/date";

package/dist/CalendarCell.module.js

@@ -1,4 +1,4 @@
-import "./vars.0e34c9ec.css";
+import "./calendar.e1e61a27.css";
 import $1nHC4$calendar_vars_cssmodulejs from "./calendar_vars_css.module.js";
 import {useCalendarCell as $1nHC4$useCalendarCell} from "@react-aria/calendar";
 import {isSameMonth as $1nHC4$isSameMonth, isSameDay as $1nHC4$isSameDay, getDayOfWeek as $1nHC4$getDayOfWeek, isToday as $1nHC4$isToday} from "@internationalized/date";

package/dist/CalendarCell.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAmBM,SAAS,0CAAa,SAAC,KAAK,gBAAE,YAAY,kBAAE,cAAc,EAAE,GAAG,OAAyB;IAC7F,IAAI,MAAM,CAAA,GAAA,aAAK,EAAe;IAC9B,IAAI,aACF,SAAS,eACT,WAAW,aACX,SAAS,cACT,UAAU,cACV,UAAU,aACV,SAAS,aACT,SAAS,iBACT,aAAa,EACd,GAAG,CAAA,GAAA,sBAAc,EAAE;QAClB,GAAG,KAAK;QACR,YAAY,CAAC,CAAA,GAAA,kBAAU,EAAE,MAAM,IAAI,EAAE;IACvC,GAAG,OAAO;IACV,IAAI,gBAAgB,MAAM,iBAAiB,CAAC,MAAM,IAAI,KAAK,CAAC;IAC5D,IAAI,+BAA+B,CAAC,cAAc,CAAC,aAAa,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC;QAAC,MAAM;IAAC;IAC/G,IAAI,+BAA+B,CAAC,cAAc,CAAC,aAAa,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC;QAAC,MAAM;IAAC;IACpH,IAAI,mBAAmB,sBAAsB,SAAS,MAAM,gBAAgB;IAC5E,IAAI,mBAAmB,cAAc,oBAAoB,CAAA,GAAA,gBAAQ,EAAE,MAAM,IAAI,EAAE,iBAAiB,KAAK;IACrG,IAAI,iBAAiB,cAAc,oBAAoB,CAAA,GAAA,gBAAQ,EAAE,MAAM,IAAI,EAAE,iBAAiB,GAAG;IACjG,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACvB,IAAI,YAAY,CAAA,GAAA,mBAAW,EAAE,MAAM,IAAI,EAAE,QAAQ;IACjD,IAAI,eAAe,cAAe,CAAA,gCAAgC,cAAc,KAAK,MAAM,IAAI,CAAC,GAAG,KAAK,CAAA;IACxG,IAAI,aAAa,cAAe,CAAA,gCAAgC,cAAc,KAAK,MAAM,IAAI,CAAC,GAAG,KAAK,aAAa,QAAQ,CAAC,cAAc,CAAC,aAAY;IACvJ,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAC9C,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QAAC,YAAY,cAAc,iBAAiB,MAAM,UAAU;IAAA;IAEnG,qBACE,gCAAC;QACE,GAAG,SAAS;QACb,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;qBAC9B,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,YAAY,WAAW;QACnD,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG,0BAA0B;YACtD,YAAY,CAAA,GAAA,cAAM,EAAE,MAAM,IAAI,EAAE,MAAM,QAAQ;YAC9C,eAAe;YACf,cAAc,aAAa;YAC3B,gFAAgF;YAChF,2DAA2D;YAC3D,eAAe,cAAc,CAAC;YAC9B,kBAAkB,iBAAkB,aAAa;YACjD,mBAAmB,CAAC,CAAA,GAAA,kBAAU,EAAE,MAAM,IAAI,EAAE;YAC5C,kBAAkB;YAClB,gBAAgB;YAChB,sBAAsB,cAAc,sBAAsB;YAC1D,sBAAsB;YACtB,oBAAoB;YACpB,cAAc;YACd,cAAc,aAAa,CAAC,MAAM,UAAU;YAC5C,cAAc;QAChB;qBACA,gCAAC;QAAK,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;qBAClC,gCAAC,cAAM;AAKjB","sources":["packages/@react-spectrum/calendar/src/CalendarCell.tsx"],"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 {AriaCalendarCellProps, useCalendarCell} from '@react-aria/calendar';\nimport {CalendarDate, getDayOfWeek, isSameDay, isSameMonth, isToday} from '@internationalized/date';\nimport {CalendarState, RangeCalendarState} from '@react-stately/calendar';\nimport {classNames} from '@react-spectrum/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface CalendarCellProps extends AriaCalendarCellProps {\n  state: CalendarState | RangeCalendarState,\n  currentMonth: CalendarDate,\n  firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'\n}\n\nexport function CalendarCell({state, currentMonth, firstDayOfWeek, ...props}: CalendarCellProps) {\n  let ref = useRef<HTMLElement>(null);\n  let {\n    cellProps,\n    buttonProps,\n    isPressed,\n    isSelected,\n    isDisabled,\n    isFocused,\n    isInvalid,\n    formattedDate\n  } = useCalendarCell({\n    ...props,\n    isDisabled: !isSameMonth(props.date, currentMonth)\n  }, state, ref);\n  let isUnavailable = state.isCellUnavailable(props.date) && !isDisabled;\n  let isLastSelectedBeforeDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(props.date.add({days: 1}));\n  let isFirstSelectedAfterDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(props.date.subtract({days: 1}));\n  let highlightedRange = 'highlightedRange' in state && state.highlightedRange;\n  let isSelectionStart = isSelected && highlightedRange && isSameDay(props.date, highlightedRange.start);\n  let isSelectionEnd = isSelected && highlightedRange && isSameDay(props.date, highlightedRange.end);\n  let {locale} = useLocale();\n  let dayOfWeek = getDayOfWeek(props.date, locale, firstDayOfWeek);\n  let isRangeStart = isSelected && (isFirstSelectedAfterDisabled || dayOfWeek === 0 || props.date.day === 1);\n  let isRangeEnd = isSelected && (isLastSelectedBeforeDisabled || dayOfWeek === 6 || props.date.day === currentMonth.calendar.getDaysInMonth(currentMonth));\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {hoverProps, isHovered} = useHover({isDisabled: isDisabled || isUnavailable || state.isReadOnly});\n\n  return (\n    <td\n      {...cellProps}\n      className={classNames(styles, 'spectrum-Calendar-tableCell')}>\n      <span\n        {...mergeProps(buttonProps, hoverProps, focusProps)}\n        ref={ref}\n        className={classNames(styles, 'spectrum-Calendar-date', {\n          'is-today': isToday(props.date, state.timeZone),\n          'is-selected': isSelected,\n          'is-focused': isFocused && isFocusVisible,\n          // Style disabled (i.e. out of min/max range), but selected dates as unavailable\n          // since it is more clear than trying to dim the selection.\n          'is-disabled': isDisabled && !isInvalid,\n          'is-unavailable': isUnavailable || (isInvalid && isDisabled),\n          'is-outsideMonth': !isSameMonth(props.date, currentMonth),\n          'is-range-start': isRangeStart,\n          'is-range-end': isRangeEnd,\n          'is-range-selection': isSelected && 'highlightedRange' in state,\n          'is-selection-start': isSelectionStart,\n          'is-selection-end': isSelectionEnd,\n          'is-hovered': isHovered,\n          'is-pressed': isPressed && !state.isReadOnly,\n          'is-invalid': isInvalid\n        })}>\n        <span className={classNames(styles, 'spectrum-Calendar-dateText')}>\n          <span>{formattedDate}</span>\n        </span>\n      </span>\n    </td>\n  );\n}\n"],"names":[],"version":3,"file":"CalendarCell.module.js.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAmBM,SAAS,0CAAa,SAAC,KAAK,gBAAE,YAAY,kBAAE,cAAc,EAAE,GAAG,OAAyB;IAC7F,IAAI,MAAM,CAAA,GAAA,aAAK,EAAe;IAC9B,IAAI,aACF,SAAS,eACT,WAAW,aACX,SAAS,cACT,UAAU,cACV,UAAU,aACV,SAAS,aACT,SAAS,iBACT,aAAa,EACd,GAAG,CAAA,GAAA,sBAAc,EAAE;QAClB,GAAG,KAAK;QACR,YAAY,CAAC,CAAA,GAAA,kBAAU,EAAE,MAAM,IAAI,EAAE;IACvC,GAAG,OAAO;IACV,IAAI,gBAAgB,MAAM,iBAAiB,CAAC,MAAM,IAAI,KAAK,CAAC;IAC5D,IAAI,+BAA+B,CAAC,cAAc,CAAC,aAAa,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC;QAAC,MAAM;IAAC;IAC/G,IAAI,+BAA+B,CAAC,cAAc,CAAC,aAAa,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC;QAAC,MAAM;IAAC;IACpH,IAAI,mBAAmB,sBAAsB,SAAS,MAAM,gBAAgB;IAC5E,IAAI,mBAAmB,cAAc,oBAAoB,CAAA,GAAA,gBAAQ,EAAE,MAAM,IAAI,EAAE,iBAAiB,KAAK;IACrG,IAAI,iBAAiB,cAAc,oBAAoB,CAAA,GAAA,gBAAQ,EAAE,MAAM,IAAI,EAAE,iBAAiB,GAAG;IACjG,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACvB,IAAI,YAAY,CAAA,GAAA,mBAAW,EAAE,MAAM,IAAI,EAAE,QAAQ;IACjD,IAAI,eAAe,cAAe,CAAA,gCAAgC,cAAc,KAAK,MAAM,IAAI,CAAC,GAAG,KAAK,CAAA;IACxG,IAAI,aAAa,cAAe,CAAA,gCAAgC,cAAc,KAAK,MAAM,IAAI,CAAC,GAAG,KAAK,aAAa,QAAQ,CAAC,cAAc,CAAC,aAAY;IACvJ,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAC9C,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QAAC,YAAY,cAAc,iBAAiB,MAAM,UAAU;IAAA;IAEnG,qBACE,gCAAC;QACE,GAAG,SAAS;QACb,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;qBAC9B,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,YAAY,WAAW;QACnD,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG,0BAA0B;YACtD,YAAY,CAAA,GAAA,cAAM,EAAE,MAAM,IAAI,EAAE,MAAM,QAAQ;YAC9C,eAAe;YACf,cAAc,aAAa;YAC3B,gFAAgF;YAChF,2DAA2D;YAC3D,eAAe,cAAc,CAAC;YAC9B,kBAAkB,iBAAkB,aAAa;YACjD,mBAAmB,CAAC,CAAA,GAAA,kBAAU,EAAE,MAAM,IAAI,EAAE;YAC5C,kBAAkB;YAClB,gBAAgB;YAChB,sBAAsB,cAAc,sBAAsB;YAC1D,sBAAsB;YACtB,oBAAoB;YACpB,cAAc;YACd,cAAc,aAAa,CAAC,MAAM,UAAU;YAC5C,cAAc;QAChB;qBACA,gCAAC;QAAK,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;qBAClC,gCAAC,cAAM;AAKjB","sources":["packages/@react-spectrum/calendar/src/CalendarCell.tsx"],"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 {AriaCalendarCellProps, useCalendarCell} from '@react-aria/calendar';\nimport {CalendarDate, getDayOfWeek, isSameDay, isSameMonth, isToday} from '@internationalized/date';\nimport {CalendarState, RangeCalendarState} from '@react-stately/calendar';\nimport {classNames} from '@react-spectrum/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ReactNode, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface CalendarCellProps extends AriaCalendarCellProps {\n  state: CalendarState | RangeCalendarState,\n  currentMonth: CalendarDate,\n  firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'\n}\n\nexport function CalendarCell({state, currentMonth, firstDayOfWeek, ...props}: CalendarCellProps): ReactNode {\n  let ref = useRef<HTMLElement>(null);\n  let {\n    cellProps,\n    buttonProps,\n    isPressed,\n    isSelected,\n    isDisabled,\n    isFocused,\n    isInvalid,\n    formattedDate\n  } = useCalendarCell({\n    ...props,\n    isDisabled: !isSameMonth(props.date, currentMonth)\n  }, state, ref);\n  let isUnavailable = state.isCellUnavailable(props.date) && !isDisabled;\n  let isLastSelectedBeforeDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(props.date.add({days: 1}));\n  let isFirstSelectedAfterDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(props.date.subtract({days: 1}));\n  let highlightedRange = 'highlightedRange' in state && state.highlightedRange;\n  let isSelectionStart = isSelected && highlightedRange && isSameDay(props.date, highlightedRange.start);\n  let isSelectionEnd = isSelected && highlightedRange && isSameDay(props.date, highlightedRange.end);\n  let {locale} = useLocale();\n  let dayOfWeek = getDayOfWeek(props.date, locale, firstDayOfWeek);\n  let isRangeStart = isSelected && (isFirstSelectedAfterDisabled || dayOfWeek === 0 || props.date.day === 1);\n  let isRangeEnd = isSelected && (isLastSelectedBeforeDisabled || dayOfWeek === 6 || props.date.day === currentMonth.calendar.getDaysInMonth(currentMonth));\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {hoverProps, isHovered} = useHover({isDisabled: isDisabled || isUnavailable || state.isReadOnly});\n\n  return (\n    <td\n      {...cellProps}\n      className={classNames(styles, 'spectrum-Calendar-tableCell')}>\n      <span\n        {...mergeProps(buttonProps, hoverProps, focusProps)}\n        ref={ref}\n        className={classNames(styles, 'spectrum-Calendar-date', {\n          'is-today': isToday(props.date, state.timeZone),\n          'is-selected': isSelected,\n          'is-focused': isFocused && isFocusVisible,\n          // Style disabled (i.e. out of min/max range), but selected dates as unavailable\n          // since it is more clear than trying to dim the selection.\n          'is-disabled': isDisabled && !isInvalid,\n          'is-unavailable': isUnavailable || (isInvalid && isDisabled),\n          'is-outsideMonth': !isSameMonth(props.date, currentMonth),\n          'is-range-start': isRangeStart,\n          'is-range-end': isRangeEnd,\n          'is-range-selection': isSelected && 'highlightedRange' in state,\n          'is-selection-start': isSelectionStart,\n          'is-selection-end': isSelectionEnd,\n          'is-hovered': isHovered,\n          'is-pressed': isPressed && !state.isReadOnly,\n          'is-invalid': isInvalid\n        })}>\n        <span className={classNames(styles, 'spectrum-Calendar-dateText')}>\n          <span>{formattedDate}</span>\n        </span>\n      </span>\n    </td>\n  );\n}\n"],"names":[],"version":3,"file":"CalendarCell.module.js.map"}

package/dist/CalendarMonth.main.js

@@ -1,11 +1,10 @@
 var $52c7c3c887827b64$exports = require("./CalendarCell.main.js");
-require("./vars.0e34c9ec.css");
+require("./calendar.e1e61a27.css");
 var $915891ae6206caad$exports = require("./calendar_vars_css.main.js");
 var $4d66a$internationalizeddate = require("@internationalized/date");
 var $4d66a$reactspectrumutils = require("@react-spectrum/utils");
 var $4d66a$react = require("react");
 var $4d66a$reactariacalendar = require("@react-aria/calendar");
-var $4d66a$reactariai18n = require("@react-aria/i18n");
 
 
 function $parcel$interopDefault(a) {
@@ -33,15 +32,12 @@ $parcel$export(module.exports, "CalendarMonth", () => $02c19eea15a72a7b$export$2
 
 
 
-
 function $02c19eea15a72a7b$export$26e2752316b9a375(props) {
     let { state: state, startDate: startDate, firstDayOfWeek: firstDayOfWeek } = props;
-    let { gridProps: gridProps, headerProps: headerProps, weekDays: weekDays } = (0, $4d66a$reactariacalendar.useCalendarGrid)({
+    let { gridProps: gridProps, headerProps: headerProps, weekDays: weekDays, weeksInMonth: weeksInMonth } = (0, $4d66a$reactariacalendar.useCalendarGrid)({
         ...props,
         endDate: (0, $4d66a$internationalizeddate.endOfMonth)(startDate)
     }, state);
-    let { locale: locale } = (0, $4d66a$reactariai18n.useLocale)();
-    let weeksInMonth = (0, $4d66a$internationalizeddate.getWeeksInMonth)(startDate, locale, firstDayOfWeek);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($4d66a$react))).createElement("table", {
         ...gridProps,
         className: (0, $4d66a$reactspectrumutils.classNames)((0, ($parcel$interopDefault($915891ae6206caad$exports))), 'spectrum-Calendar-body', 'spectrum-Calendar-table')

package/dist/CalendarMonth.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAkBM,SAAS,0CAAc,KAAyB;IACrD,IAAI,SACF,KAAK,aACL,SAAS,kBACT,cAAc,EACf,GAAG;IACJ,IAAI,aACF,SAAS,eACT,WAAW,YACX,QAAQ,EACT,GAAG,CAAA,GAAA,wCAAc,EAAE;QAClB,GAAG,KAAK;QACR,SAAS,CAAA,GAAA,uCAAS,EAAE;IACtB,GAAG;IAEH,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,8BAAQ;IACvB,IAAI,eAAe,CAAA,GAAA,4CAAc,EAAE,WAAW,QAAQ;IAEtD,qBACE,0DAAC;QACE,GAAG,SAAS;QACb,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,0BAA0B;qBACxD,0DAAC,SAAU,2BACT,0DAAC,YACE,SAAS,GAAG,CAAC,CAAC,KAAK,sBAClB,0DAAC;YACC,KAAK;YACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;yBAC9B,0DAAC;YAAK,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;WACjC,wBAMX,0DAAC,eACE;WAAI,IAAI,MAAM,cAAc,IAAI;KAAG,CAAC,GAAG,CAAC,CAAA,0BACvC,0DAAC;YAAG,KAAK;WACN,MAAM,cAAc,CAAC,WAAW,WAAW,GAAG,CAAC,CAAC,MAAM,IACrD,qBACE,0DAAC,CAAA,GAAA,sCAAW;gBACV,KAAK;gBACL,OAAO;gBACP,MAAM;gBACN,cAAc;gBACd,gBAAgB;+BAChB,0DAAC;gBAAG,KAAK;;AAO3B","sources":["packages/@react-spectrum/calendar/src/CalendarMonth.tsx"],"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 {CalendarCell} from './CalendarCell';\nimport {CalendarDate, endOfMonth, getWeeksInMonth} from '@internationalized/date';\nimport {CalendarPropsBase} from '@react-types/calendar';\nimport {CalendarState, RangeCalendarState} from '@react-stately/calendar';\nimport {classNames} from '@react-spectrum/utils';\nimport {DOMProps, StyleProps} from '@react-types/shared';\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useCalendarGrid} from '@react-aria/calendar';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface CalendarMonthProps extends CalendarPropsBase, DOMProps, StyleProps {\n  state: CalendarState | RangeCalendarState,\n  startDate: CalendarDate\n}\n\nexport function CalendarMonth(props: CalendarMonthProps) {\n  let {\n    state,\n    startDate,\n    firstDayOfWeek\n  } = props;\n  let {\n    gridProps,\n    headerProps,\n    weekDays\n  } = useCalendarGrid({\n    ...props,\n    endDate: endOfMonth(startDate)\n  }, state);\n\n  let {locale} = useLocale();\n  let weeksInMonth = getWeeksInMonth(startDate, locale, firstDayOfWeek);\n\n  return (\n    <table\n      {...gridProps}\n      className={classNames(styles, 'spectrum-Calendar-body', 'spectrum-Calendar-table')}>\n      <thead {...headerProps}>\n        <tr>\n          {weekDays.map((day, index) => (\n            <th\n              key={index}\n              className={classNames(styles, 'spectrum-Calendar-tableCell')}>\n              <span className={classNames(styles, 'spectrum-Calendar-dayOfWeek')}>\n                {day}\n              </span>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {[...new Array(weeksInMonth).keys()].map(weekIndex => (\n          <tr key={weekIndex}>\n            {state.getDatesInWeek(weekIndex, startDate).map((date, i) => (\n              date ? (\n                <CalendarCell\n                  key={i}\n                  state={state}\n                  date={date}\n                  currentMonth={startDate}\n                  firstDayOfWeek={firstDayOfWeek} />\n              ) : <td key={i} />\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n"],"names":[],"version":3,"file":"CalendarMonth.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAiBM,SAAS,0CAAc,KAAyB;IACrD,IAAI,SACF,KAAK,aACL,SAAS,kBACT,cAAc,EACf,GAAG;IAEJ,IAAI,aACF,SAAS,eACT,WAAW,YACX,QAAQ,gBACR,YAAY,EACb,GAAG,CAAA,GAAA,wCAAc,EAAE;QAClB,GAAG,KAAK;QACR,SAAS,CAAA,GAAA,uCAAS,EAAE;IACtB,GAAG;IAEH,qBACE,0DAAC;QACE,GAAG,SAAS;QACb,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,0BAA0B;qBACxD,0DAAC,SAAU,2BACT,0DAAC,YACE,SAAS,GAAG,CAAC,CAAC,KAAK,sBAClB,0DAAC;YACC,KAAK;YACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;yBAC9B,0DAAC;YAAK,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;WACjC,wBAMX,0DAAC,eACE;WAAI,IAAI,MAAM,cAAc,IAAI;KAAG,CAAC,GAAG,CAAC,CAAA,0BACvC,0DAAC;YAAG,KAAK;WACN,MAAM,cAAc,CAAC,WAAW,WAAW,GAAG,CAAC,CAAC,MAAM,IACrD,qBACE,0DAAC,CAAA,GAAA,sCAAW;gBACV,KAAK;gBACL,OAAO;gBACP,MAAM;gBACN,cAAc;gBACd,gBAAgB;+BAChB,0DAAC;gBAAG,KAAK;;AAO3B","sources":["packages/@react-spectrum/calendar/src/CalendarMonth.tsx"],"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 {CalendarCell} from './CalendarCell';\nimport {CalendarDate, endOfMonth} from '@internationalized/date';\nimport {CalendarPropsBase} from '@react-types/calendar';\nimport {CalendarState, RangeCalendarState} from '@react-stately/calendar';\nimport {classNames} from '@react-spectrum/utils';\nimport {DOMProps, StyleProps} from '@react-types/shared';\nimport React, {ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useCalendarGrid} from '@react-aria/calendar';\n\ninterface CalendarMonthProps extends CalendarPropsBase, DOMProps, StyleProps {\n  state: CalendarState | RangeCalendarState,\n  startDate: CalendarDate\n}\n\nexport function CalendarMonth(props: CalendarMonthProps): ReactNode {\n  let {\n    state,\n    startDate,\n    firstDayOfWeek\n  } = props;\n\n  let {\n    gridProps,\n    headerProps,\n    weekDays,\n    weeksInMonth\n  } = useCalendarGrid({\n    ...props,\n    endDate: endOfMonth(startDate)\n  }, state);\n\n  return (\n    <table\n      {...gridProps}\n      className={classNames(styles, 'spectrum-Calendar-body', 'spectrum-Calendar-table')}>\n      <thead {...headerProps}>\n        <tr>\n          {weekDays.map((day, index) => (\n            <th\n              key={index}\n              className={classNames(styles, 'spectrum-Calendar-tableCell')}>\n              <span className={classNames(styles, 'spectrum-Calendar-dayOfWeek')}>\n                {day}\n              </span>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {[...new Array(weeksInMonth).keys()].map(weekIndex => (\n          <tr key={weekIndex}>\n            {state.getDatesInWeek(weekIndex, startDate).map((date, i) => (\n              date ? (\n                <CalendarCell\n                  key={i}\n                  state={state}\n                  date={date}\n                  currentMonth={startDate}\n                  firstDayOfWeek={firstDayOfWeek} />\n              ) : <td key={i} />\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n"],"names":[],"version":3,"file":"CalendarMonth.main.js.map"}

package/dist/CalendarMonth.mjs

@@ -1,11 +1,10 @@
 import {CalendarCell as $453c556b9066da11$export$5d847498420df57b} from "./CalendarCell.mjs";
-import "./vars.0e34c9ec.css";
+import "./calendar.e1e61a27.css";
 import $d434x$calendar_vars_cssmodulejs from "./calendar_vars_css.mjs";
-import {endOfMonth as $d434x$endOfMonth, getWeeksInMonth as $d434x$getWeeksInMonth} from "@internationalized/date";
+import {endOfMonth as $d434x$endOfMonth} from "@internationalized/date";
 import {classNames as $d434x$classNames} from "@react-spectrum/utils";
 import $d434x$react from "react";
 import {useCalendarGrid as $d434x$useCalendarGrid} from "@react-aria/calendar";
-import {useLocale as $d434x$useLocale} from "@react-aria/i18n";
 
 
 function $parcel$interopDefault(a) {
@@ -27,15 +26,12 @@ function $parcel$interopDefault(a) {
 
 
 
-
 function $faa2f3867773cfe5$export$26e2752316b9a375(props) {
     let { state: state, startDate: startDate, firstDayOfWeek: firstDayOfWeek } = props;
-    let { gridProps: gridProps, headerProps: headerProps, weekDays: weekDays } = (0, $d434x$useCalendarGrid)({
+    let { gridProps: gridProps, headerProps: headerProps, weekDays: weekDays, weeksInMonth: weeksInMonth } = (0, $d434x$useCalendarGrid)({
         ...props,
         endDate: (0, $d434x$endOfMonth)(startDate)
     }, state);
-    let { locale: locale } = (0, $d434x$useLocale)();
-    let weeksInMonth = (0, $d434x$getWeeksInMonth)(startDate, locale, firstDayOfWeek);
     return /*#__PURE__*/ (0, $d434x$react).createElement("table", {
         ...gridProps,
         className: (0, $d434x$classNames)((0, ($parcel$interopDefault($d434x$calendar_vars_cssmodulejs))), 'spectrum-Calendar-body', 'spectrum-Calendar-table')

package/dist/CalendarMonth.module.js

@@ -1,11 +1,10 @@
 import {CalendarCell as $453c556b9066da11$export$5d847498420df57b} from "./CalendarCell.module.js";
-import "./vars.0e34c9ec.css";
+import "./calendar.e1e61a27.css";
 import $d434x$calendar_vars_cssmodulejs from "./calendar_vars_css.module.js";
-import {endOfMonth as $d434x$endOfMonth, getWeeksInMonth as $d434x$getWeeksInMonth} from "@internationalized/date";
+import {endOfMonth as $d434x$endOfMonth} from "@internationalized/date";
 import {classNames as $d434x$classNames} from "@react-spectrum/utils";
 import $d434x$react from "react";
 import {useCalendarGrid as $d434x$useCalendarGrid} from "@react-aria/calendar";
-import {useLocale as $d434x$useLocale} from "@react-aria/i18n";
 
 
 function $parcel$interopDefault(a) {
@@ -27,15 +26,12 @@ function $parcel$interopDefault(a) {
 
 
 
-
 function $faa2f3867773cfe5$export$26e2752316b9a375(props) {
     let { state: state, startDate: startDate, firstDayOfWeek: firstDayOfWeek } = props;
-    let { gridProps: gridProps, headerProps: headerProps, weekDays: weekDays } = (0, $d434x$useCalendarGrid)({
+    let { gridProps: gridProps, headerProps: headerProps, weekDays: weekDays, weeksInMonth: weeksInMonth } = (0, $d434x$useCalendarGrid)({
         ...props,
         endDate: (0, $d434x$endOfMonth)(startDate)
     }, state);
-    let { locale: locale } = (0, $d434x$useLocale)();
-    let weeksInMonth = (0, $d434x$getWeeksInMonth)(startDate, locale, firstDayOfWeek);
     return /*#__PURE__*/ (0, $d434x$react).createElement("table", {
         ...gridProps,
         className: (0, $d434x$classNames)((0, ($parcel$interopDefault($d434x$calendar_vars_cssmodulejs))), 'spectrum-Calendar-body', 'spectrum-Calendar-table')

package/dist/CalendarMonth.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAkBM,SAAS,0CAAc,KAAyB;IACrD,IAAI,SACF,KAAK,aACL,SAAS,kBACT,cAAc,EACf,GAAG;IACJ,IAAI,aACF,SAAS,eACT,WAAW,YACX,QAAQ,EACT,GAAG,CAAA,GAAA,sBAAc,EAAE;QAClB,GAAG,KAAK;QACR,SAAS,CAAA,GAAA,iBAAS,EAAE;IACtB,GAAG;IAEH,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACvB,IAAI,eAAe,CAAA,GAAA,sBAAc,EAAE,WAAW,QAAQ;IAEtD,qBACE,gCAAC;QACE,GAAG,SAAS;QACb,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG,0BAA0B;qBACxD,gCAAC,SAAU,2BACT,gCAAC,YACE,SAAS,GAAG,CAAC,CAAC,KAAK,sBAClB,gCAAC;YACC,KAAK;YACL,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;yBAC9B,gCAAC;YAAK,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;WACjC,wBAMX,gCAAC,eACE;WAAI,IAAI,MAAM,cAAc,IAAI;KAAG,CAAC,GAAG,CAAC,CAAA,0BACvC,gCAAC;YAAG,KAAK;WACN,MAAM,cAAc,CAAC,WAAW,WAAW,GAAG,CAAC,CAAC,MAAM,IACrD,qBACE,gCAAC,CAAA,GAAA,yCAAW;gBACV,KAAK;gBACL,OAAO;gBACP,MAAM;gBACN,cAAc;gBACd,gBAAgB;+BAChB,gCAAC;gBAAG,KAAK;;AAO3B","sources":["packages/@react-spectrum/calendar/src/CalendarMonth.tsx"],"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 {CalendarCell} from './CalendarCell';\nimport {CalendarDate, endOfMonth, getWeeksInMonth} from '@internationalized/date';\nimport {CalendarPropsBase} from '@react-types/calendar';\nimport {CalendarState, RangeCalendarState} from '@react-stately/calendar';\nimport {classNames} from '@react-spectrum/utils';\nimport {DOMProps, StyleProps} from '@react-types/shared';\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useCalendarGrid} from '@react-aria/calendar';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface CalendarMonthProps extends CalendarPropsBase, DOMProps, StyleProps {\n  state: CalendarState | RangeCalendarState,\n  startDate: CalendarDate\n}\n\nexport function CalendarMonth(props: CalendarMonthProps) {\n  let {\n    state,\n    startDate,\n    firstDayOfWeek\n  } = props;\n  let {\n    gridProps,\n    headerProps,\n    weekDays\n  } = useCalendarGrid({\n    ...props,\n    endDate: endOfMonth(startDate)\n  }, state);\n\n  let {locale} = useLocale();\n  let weeksInMonth = getWeeksInMonth(startDate, locale, firstDayOfWeek);\n\n  return (\n    <table\n      {...gridProps}\n      className={classNames(styles, 'spectrum-Calendar-body', 'spectrum-Calendar-table')}>\n      <thead {...headerProps}>\n        <tr>\n          {weekDays.map((day, index) => (\n            <th\n              key={index}\n              className={classNames(styles, 'spectrum-Calendar-tableCell')}>\n              <span className={classNames(styles, 'spectrum-Calendar-dayOfWeek')}>\n                {day}\n              </span>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {[...new Array(weeksInMonth).keys()].map(weekIndex => (\n          <tr key={weekIndex}>\n            {state.getDatesInWeek(weekIndex, startDate).map((date, i) => (\n              date ? (\n                <CalendarCell\n                  key={i}\n                  state={state}\n                  date={date}\n                  currentMonth={startDate}\n                  firstDayOfWeek={firstDayOfWeek} />\n              ) : <td key={i} />\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n"],"names":[],"version":3,"file":"CalendarMonth.module.js.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAiBM,SAAS,0CAAc,KAAyB;IACrD,IAAI,SACF,KAAK,aACL,SAAS,kBACT,cAAc,EACf,GAAG;IAEJ,IAAI,aACF,SAAS,eACT,WAAW,YACX,QAAQ,gBACR,YAAY,EACb,GAAG,CAAA,GAAA,sBAAc,EAAE;QAClB,GAAG,KAAK;QACR,SAAS,CAAA,GAAA,iBAAS,EAAE;IACtB,GAAG;IAEH,qBACE,gCAAC;QACE,GAAG,SAAS;QACb,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG,0BAA0B;qBACxD,gCAAC,SAAU,2BACT,gCAAC,YACE,SAAS,GAAG,CAAC,CAAC,KAAK,sBAClB,gCAAC;YACC,KAAK;YACL,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;yBAC9B,gCAAC;YAAK,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;WACjC,wBAMX,gCAAC,eACE;WAAI,IAAI,MAAM,cAAc,IAAI;KAAG,CAAC,GAAG,CAAC,CAAA,0BACvC,gCAAC;YAAG,KAAK;WACN,MAAM,cAAc,CAAC,WAAW,WAAW,GAAG,CAAC,CAAC,MAAM,IACrD,qBACE,gCAAC,CAAA,GAAA,yCAAW;gBACV,KAAK;gBACL,OAAO;gBACP,MAAM;gBACN,cAAc;gBACd,gBAAgB;+BAChB,gCAAC;gBAAG,KAAK;;AAO3B","sources":["packages/@react-spectrum/calendar/src/CalendarMonth.tsx"],"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 {CalendarCell} from './CalendarCell';\nimport {CalendarDate, endOfMonth} from '@internationalized/date';\nimport {CalendarPropsBase} from '@react-types/calendar';\nimport {CalendarState, RangeCalendarState} from '@react-stately/calendar';\nimport {classNames} from '@react-spectrum/utils';\nimport {DOMProps, StyleProps} from '@react-types/shared';\nimport React, {ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useCalendarGrid} from '@react-aria/calendar';\n\ninterface CalendarMonthProps extends CalendarPropsBase, DOMProps, StyleProps {\n  state: CalendarState | RangeCalendarState,\n  startDate: CalendarDate\n}\n\nexport function CalendarMonth(props: CalendarMonthProps): ReactNode {\n  let {\n    state,\n    startDate,\n    firstDayOfWeek\n  } = props;\n\n  let {\n    gridProps,\n    headerProps,\n    weekDays,\n    weeksInMonth\n  } = useCalendarGrid({\n    ...props,\n    endDate: endOfMonth(startDate)\n  }, state);\n\n  return (\n    <table\n      {...gridProps}\n      className={classNames(styles, 'spectrum-Calendar-body', 'spectrum-Calendar-table')}>\n      <thead {...headerProps}>\n        <tr>\n          {weekDays.map((day, index) => (\n            <th\n              key={index}\n              className={classNames(styles, 'spectrum-Calendar-tableCell')}>\n              <span className={classNames(styles, 'spectrum-Calendar-dayOfWeek')}>\n                {day}\n              </span>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {[...new Array(weeksInMonth).keys()].map(weekIndex => (\n          <tr key={weekIndex}>\n            {state.getDatesInWeek(weekIndex, startDate).map((date, i) => (\n              date ? (\n                <CalendarCell\n                  key={i}\n                  state={state}\n                  date={date}\n                  currentMonth={startDate}\n                  firstDayOfWeek={firstDayOfWeek} />\n              ) : <td key={i} />\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n"],"names":[],"version":3,"file":"CalendarMonth.module.js.map"}

package/dist/RangeCalendar.main.js

@@ -49,7 +49,7 @@ const $4d045066f2092e3b$export$a4f5c8b89d277a8d = /*#__PURE__*/ (0, ($parcel$int
         ...props,
         locale: locale,
         visibleDuration: visibleDuration,
-        createCalendar: $j3Qmk$internationalizeddate.createCalendar
+        createCalendar: props.createCalendar || (0, $j3Qmk$internationalizeddate.createCalendar)
     });
     let domRef = (0, $j3Qmk$react.useRef)(null);
     (0, $j3Qmk$react.useImperativeHandle)(ref, ()=>({

package/dist/RangeCalendar.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAgBM,MAAM,0DAAgB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,cAAmC,KAAoC,EAAE,GAA8B;IAC5J,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,IAAI,iBAAC,gBAAgB,GAAE,GAAG;IAC1B,gBAAgB,KAAK,GAAG,CAAC,eAAe;IACxC,IAAI,kBAAkB,CAAA,GAAA,oBAAM,EAAE,IAAO,CAAA;YAAC,QAAQ;QAAa,CAAA,GAAI;QAAC;KAAc;IAC9E,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,8BAAQ;IACvB,IAAI,QAAQ,CAAA,GAAA,iDAAoB,EAAE;QAChC,GAAG,KAAK;gBACR;yBACA;wBACA;IACF;IAEA,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAE;IACpB,CAAA,GAAA,gCAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,sCAAW,EAAE,OAAO;YACvB;gBACE,MAAM,UAAU,CAAC;YACnB;QACF,CAAA;IAEA,IAAI,iBAAC,aAAa,mBAAE,eAAe,mBAAE,eAAe,qBAAE,iBAAiB,EAAC,GAAG,CAAA,GAAA,yCAAe,EAAE,OAAO,OAAO;IAE1G,qBACE,0DAAC,CAAA,GAAA,sCAAW;QACT,GAAG,KAAK;QACT,eAAe;QACf,OAAO;QACP,aAAa;QACb,eAAe;QACf,iBAAiB;QACjB,iBAAiB;QACjB,mBAAmB;;AAEzB","sources":["packages/@react-spectrum/calendar/src/RangeCalendar.tsx"],"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 {CalendarBase} from './CalendarBase';\nimport {createCalendar} from '@internationalized/date';\nimport {createDOMRef} from '@react-spectrum/utils';\nimport {DateValue, SpectrumRangeCalendarProps} from '@react-types/calendar';\nimport {FocusableRef} from '@react-types/shared';\nimport React, {ReactElement, useImperativeHandle, useMemo, useRef} from 'react';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRangeCalendar} from '@react-aria/calendar';\nimport {useRangeCalendarState} from '@react-stately/calendar';\n\n/**\n * RangeCalendars display a grid of days in one or more months and allow users to select a contiguous range of dates.\n */\nexport const RangeCalendar = React.forwardRef(function RangeCalendar<T extends DateValue>(props: SpectrumRangeCalendarProps<T>, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  let {visibleMonths = 1} = props;\n  visibleMonths = Math.max(visibleMonths, 1);\n  let visibleDuration = useMemo(() => ({months: visibleMonths}), [visibleMonths]);\n  let {locale} = useLocale();\n  let state = useRangeCalendarState({\n    ...props,\n    locale,\n    visibleDuration,\n    createCalendar\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    }\n  }));\n\n  let {calendarProps, prevButtonProps, nextButtonProps, errorMessageProps} = useRangeCalendar(props, state, domRef);\n\n  return (\n    <CalendarBase\n      {...props}\n      visibleMonths={visibleMonths}\n      state={state}\n      calendarRef={domRef}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      errorMessageProps={errorMessageProps} />\n  );\n}) as <T extends DateValue>(props: SpectrumRangeCalendarProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"RangeCalendar.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAgBM,MAAM,0DAAgB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,cAAmC,KAAoC,EAAE,GAA8B;IAC5J,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,IAAI,iBAAC,gBAAgB,GAAE,GAAG;IAC1B,gBAAgB,KAAK,GAAG,CAAC,eAAe;IACxC,IAAI,kBAAkB,CAAA,GAAA,oBAAM,EAAE,IAAO,CAAA;YAAC,QAAQ;QAAa,CAAA,GAAI;QAAC;KAAc;IAC9E,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,8BAAQ;IACvB,IAAI,QAAQ,CAAA,GAAA,iDAAoB,EAAE;QAChC,GAAG,KAAK;gBACR;yBACA;QACA,gBAAgB,MAAM,cAAc,IAAI,CAAA,GAAA,2CAAa;IACvD;IAEA,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAE;IACpB,CAAA,GAAA,gCAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,sCAAW,EAAE,OAAO;YACvB;gBACE,MAAM,UAAU,CAAC;YACnB;QACF,CAAA;IAEA,IAAI,iBAAC,aAAa,mBAAE,eAAe,mBAAE,eAAe,qBAAE,iBAAiB,EAAC,GAAG,CAAA,GAAA,yCAAe,EAAE,OAAO,OAAO;IAE1G,qBACE,0DAAC,CAAA,GAAA,sCAAW;QACT,GAAG,KAAK;QACT,eAAe;QACf,OAAO;QACP,aAAa;QACb,eAAe;QACf,iBAAiB;QACjB,iBAAiB;QACjB,mBAAmB;;AAEzB","sources":["packages/@react-spectrum/calendar/src/RangeCalendar.tsx"],"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 {CalendarBase} from './CalendarBase';\nimport {createCalendar} from '@internationalized/date';\nimport {createDOMRef} from '@react-spectrum/utils';\nimport {DateValue, SpectrumRangeCalendarProps} from '@react-types/calendar';\nimport {FocusableRef} from '@react-types/shared';\nimport React, {ReactElement, useImperativeHandle, useMemo, useRef} from 'react';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRangeCalendar} from '@react-aria/calendar';\nimport {useRangeCalendarState} from '@react-stately/calendar';\n\n/**\n * RangeCalendars display a grid of days in one or more months and allow users to select a contiguous range of dates.\n */\nexport const RangeCalendar = React.forwardRef(function RangeCalendar<T extends DateValue>(props: SpectrumRangeCalendarProps<T>, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  let {visibleMonths = 1} = props;\n  visibleMonths = Math.max(visibleMonths, 1);\n  let visibleDuration = useMemo(() => ({months: visibleMonths}), [visibleMonths]);\n  let {locale} = useLocale();\n  let state = useRangeCalendarState({\n    ...props,\n    locale,\n    visibleDuration,\n    createCalendar: props.createCalendar || createCalendar\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    }\n  }));\n\n  let {calendarProps, prevButtonProps, nextButtonProps, errorMessageProps} = useRangeCalendar(props, state, domRef);\n\n  return (\n    <CalendarBase\n      {...props}\n      visibleMonths={visibleMonths}\n      state={state}\n      calendarRef={domRef}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      errorMessageProps={errorMessageProps} />\n  );\n}) as <T extends DateValue>(props: SpectrumRangeCalendarProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"RangeCalendar.main.js.map"}

package/dist/RangeCalendar.mjs

@@ -39,7 +39,7 @@ const $8b1e8eddbf3b15de$export$a4f5c8b89d277a8d = /*#__PURE__*/ (0, $7I6vM$react
         ...props,
         locale: locale,
         visibleDuration: visibleDuration,
-        createCalendar: $7I6vM$createCalendar
+        createCalendar: props.createCalendar || (0, $7I6vM$createCalendar)
     });
     let domRef = (0, $7I6vM$useRef)(null);
     (0, $7I6vM$useImperativeHandle)(ref, ()=>({

package/dist/RangeCalendar.module.js

@@ -39,7 +39,7 @@ const $8b1e8eddbf3b15de$export$a4f5c8b89d277a8d = /*#__PURE__*/ (0, $7I6vM$react
         ...props,
         locale: locale,
         visibleDuration: visibleDuration,
-        createCalendar: $7I6vM$createCalendar
+        createCalendar: props.createCalendar || (0, $7I6vM$createCalendar)
     });
     let domRef = (0, $7I6vM$useRef)(null);
     (0, $7I6vM$useImperativeHandle)(ref, ()=>({

package/dist/RangeCalendar.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAgBM,MAAM,0DAAgB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,cAAmC,KAAoC,EAAE,GAA8B;IAC5J,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,iBAAC,gBAAgB,GAAE,GAAG;IAC1B,gBAAgB,KAAK,GAAG,CAAC,eAAe;IACxC,IAAI,kBAAkB,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA;YAAC,QAAQ;QAAa,CAAA,GAAI;QAAC;KAAc;IAC9E,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACvB,IAAI,QAAQ,CAAA,GAAA,4BAAoB,EAAE;QAChC,GAAG,KAAK;gBACR;yBACA;wBACA;IACF;IAEA,IAAI,SAAS,CAAA,GAAA,aAAK,EAAE;IACpB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,mBAAW,EAAE,OAAO;YACvB;gBACE,MAAM,UAAU,CAAC;YACnB;QACF,CAAA;IAEA,IAAI,iBAAC,aAAa,mBAAE,eAAe,mBAAE,eAAe,qBAAE,iBAAiB,EAAC,GAAG,CAAA,GAAA,uBAAe,EAAE,OAAO,OAAO;IAE1G,qBACE,gCAAC,CAAA,GAAA,yCAAW;QACT,GAAG,KAAK;QACT,eAAe;QACf,OAAO;QACP,aAAa;QACb,eAAe;QACf,iBAAiB;QACjB,iBAAiB;QACjB,mBAAmB;;AAEzB","sources":["packages/@react-spectrum/calendar/src/RangeCalendar.tsx"],"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 {CalendarBase} from './CalendarBase';\nimport {createCalendar} from '@internationalized/date';\nimport {createDOMRef} from '@react-spectrum/utils';\nimport {DateValue, SpectrumRangeCalendarProps} from '@react-types/calendar';\nimport {FocusableRef} from '@react-types/shared';\nimport React, {ReactElement, useImperativeHandle, useMemo, useRef} from 'react';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRangeCalendar} from '@react-aria/calendar';\nimport {useRangeCalendarState} from '@react-stately/calendar';\n\n/**\n * RangeCalendars display a grid of days in one or more months and allow users to select a contiguous range of dates.\n */\nexport const RangeCalendar = React.forwardRef(function RangeCalendar<T extends DateValue>(props: SpectrumRangeCalendarProps<T>, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  let {visibleMonths = 1} = props;\n  visibleMonths = Math.max(visibleMonths, 1);\n  let visibleDuration = useMemo(() => ({months: visibleMonths}), [visibleMonths]);\n  let {locale} = useLocale();\n  let state = useRangeCalendarState({\n    ...props,\n    locale,\n    visibleDuration,\n    createCalendar\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    }\n  }));\n\n  let {calendarProps, prevButtonProps, nextButtonProps, errorMessageProps} = useRangeCalendar(props, state, domRef);\n\n  return (\n    <CalendarBase\n      {...props}\n      visibleMonths={visibleMonths}\n      state={state}\n      calendarRef={domRef}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      errorMessageProps={errorMessageProps} />\n  );\n}) as <T extends DateValue>(props: SpectrumRangeCalendarProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"RangeCalendar.module.js.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAgBM,MAAM,0DAAgB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,cAAmC,KAAoC,EAAE,GAA8B;IAC5J,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,iBAAC,gBAAgB,GAAE,GAAG;IAC1B,gBAAgB,KAAK,GAAG,CAAC,eAAe;IACxC,IAAI,kBAAkB,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA;YAAC,QAAQ;QAAa,CAAA,GAAI;QAAC;KAAc;IAC9E,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACvB,IAAI,QAAQ,CAAA,GAAA,4BAAoB,EAAE;QAChC,GAAG,KAAK;gBACR;yBACA;QACA,gBAAgB,MAAM,cAAc,IAAI,CAAA,GAAA,qBAAa;IACvD;IAEA,IAAI,SAAS,CAAA,GAAA,aAAK,EAAE;IACpB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,mBAAW,EAAE,OAAO;YACvB;gBACE,MAAM,UAAU,CAAC;YACnB;QACF,CAAA;IAEA,IAAI,iBAAC,aAAa,mBAAE,eAAe,mBAAE,eAAe,qBAAE,iBAAiB,EAAC,GAAG,CAAA,GAAA,uBAAe,EAAE,OAAO,OAAO;IAE1G,qBACE,gCAAC,CAAA,GAAA,yCAAW;QACT,GAAG,KAAK;QACT,eAAe;QACf,OAAO;QACP,aAAa;QACb,eAAe;QACf,iBAAiB;QACjB,iBAAiB;QACjB,mBAAmB;;AAEzB","sources":["packages/@react-spectrum/calendar/src/RangeCalendar.tsx"],"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 {CalendarBase} from './CalendarBase';\nimport {createCalendar} from '@internationalized/date';\nimport {createDOMRef} from '@react-spectrum/utils';\nimport {DateValue, SpectrumRangeCalendarProps} from '@react-types/calendar';\nimport {FocusableRef} from '@react-types/shared';\nimport React, {ReactElement, useImperativeHandle, useMemo, useRef} from 'react';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRangeCalendar} from '@react-aria/calendar';\nimport {useRangeCalendarState} from '@react-stately/calendar';\n\n/**\n * RangeCalendars display a grid of days in one or more months and allow users to select a contiguous range of dates.\n */\nexport const RangeCalendar = React.forwardRef(function RangeCalendar<T extends DateValue>(props: SpectrumRangeCalendarProps<T>, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  let {visibleMonths = 1} = props;\n  visibleMonths = Math.max(visibleMonths, 1);\n  let visibleDuration = useMemo(() => ({months: visibleMonths}), [visibleMonths]);\n  let {locale} = useLocale();\n  let state = useRangeCalendarState({\n    ...props,\n    locale,\n    visibleDuration,\n    createCalendar: props.createCalendar || createCalendar\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    }\n  }));\n\n  let {calendarProps, prevButtonProps, nextButtonProps, errorMessageProps} = useRangeCalendar(props, state, domRef);\n\n  return (\n    <CalendarBase\n      {...props}\n      visibleMonths={visibleMonths}\n      state={state}\n      calendarRef={domRef}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      errorMessageProps={errorMessageProps} />\n  );\n}) as <T extends DateValue>(props: SpectrumRangeCalendarProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"RangeCalendar.module.js.map"}

package/dist/{vars.0e34c9ec.css → calendar.e1e61a27.css}

@@ -921,4 +921,4 @@
     color: var(--spectrum-calendar-day-today-text-color, var(--spectrum-global-color-gray-800));
   }
 }
-/*# sourceMappingURL=vars.0e34c9ec.css.map */
+/*# sourceMappingURL=calendar.e1e61a27.css.map */

package/dist/{vars.0e34c9ec.css.map → calendar.e1e61a27.css.map}

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;AAKA;;;;AAIA;;;;;;;;AAQA;;;;;;;;;;;;AAYA;;;;;;;;;;;;AAcA;;;;;AAKA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;;;;;;AAiBE;;;;;AAWF;;;;AAIA;;;;;;;;;;;AAeA;;;;;;;;;;AASE;;;;AAKF;;;;;;;;;;;;;;;;;AAwBE;;;;;;;;AAQA;;;;AAIA;;;;AAIA;;;;;AAME;;;;AAGE;;;;;;;;;;;;AAcJ;;;;AAKA;;;;;;;;;;;;;;AAiBE;;;;AAMF;;;;;;;;;;;;AAgBA;;;;;;;AAOE;;;;AASE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMA;;;;AAfF;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;AASE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMA;;;;AAfF;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAqBA;;;;AAUE;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAOA;;;;AAjBF;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;AAUE;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAOA;;;;AAjBF;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAuBA;;;;;;;;;AAWE;;;;;AAXF;;;;;;;;;AAWE;;;;;AAXF;;;;;;;;;AAWE;;;;;AAXF;;;;;;;;;AAWE;;;;;AAqBN;;;;AAQA;;;;AAIA;;;;;;;;;;;;;;;;;;AAiBE;;;;AAIA;;;;AAGE;;;;AAKF;;;;;;AAMA;;;;;AAME;;;;AANF;;;;;AAME;;;;AANF;;;;;AAME;;;;AAKF;;;;;AAIE;;;;;AAIE;;;;AAKF;;;;AAIA;;;;;AAME;;;;AANF;;;;;AAME;;;;AANF;;;;;AAME;;;;AAMJ;;;;;AAIE;;;;;AAIE;;;;AAKF;;;;AAIA;;;;;AAME;;;;AANF;;;;;AAME;;;;AANF;;;;;AAME;;;;AAOF;;;;AAMA;;;;;AAKA;;;;AAQA;;;;AAOJ;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BE;;;;EAIE;;;;;EAWA;;;;EAKA","sources":["packages/@adobe/spectrum-css-temp/components/calendar/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.0e34c9ec.css.map"}
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;AAKA;;;;AAIA;;;;;;;;AAQA;;;;;;;;;;;;AAYA;;;;;;;;;;;;AAcA;;;;;AAKA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;;;;;;AAiBE;;;;;AAWF;;;;AAIA;;;;;;;;;;;AAeA;;;;;;;;;;AASE;;;;AAKF;;;;;;;;;;;;;;;;;AAwBE;;;;;;;;AAQA;;;;AAIA;;;;AAIA;;;;;AAME;;;;AAGE;;;;;;;;;;;;AAcJ;;;;AAKA;;;;;;;;;;;;;;AAiBE;;;;AAMF;;;;;;;;;;;;AAgBA;;;;;;;AAOE;;;;AASE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMA;;;;AAfF;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;AASE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMA;;;;AAfF;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAqBA;;;;AAUE;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAOA;;;;AAjBF;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;AAUE;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAOA;;;;AAjBF;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAuBA;;;;;;;;;AAWE;;;;;AAXF;;;;;;;;;AAWE;;;;;AAXF;;;;;;;;;AAWE;;;;;AAXF;;;;;;;;;AAWE;;;;;AAqBN;;;;AAQA;;;;AAIA;;;;;;;;;;;;;;;;;;AAiBE;;;;AAIA;;;;AAGE;;;;AAKF;;;;;;AAMA;;;;;AAME;;;;AANF;;;;;AAME;;;;AANF;;;;;AAME;;;;AAKF;;;;;AAIE;;;;;AAIE;;;;AAKF;;;;AAIA;;;;;AAME;;;;AANF;;;;;AAME;;;;AANF;;;;;AAME;;;;AAMJ;;;;;AAIE;;;;;AAIE;;;;AAKF;;;;AAIA;;;;;AAME;;;;AANF;;;;;AAME;;;;AANF;;;;;AAME;;;;AAOF;;;;AAMA;;;;;AAKA;;;;AAQA;;;;AAOJ;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BE;;;;EAIE;;;;;EAWA;;;;EAKA","sources":["packages/@adobe/spectrum-css-temp/components/calendar/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"calendar.e1e61a27.css.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/calendar",
-  "version": "3.6.1",
+  "version": "3.7.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,21 +36,21 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@internationalized/date": "^3.7.0",
-    "@react-aria/calendar": "^3.7.1",
-    "@react-aria/focus": "^3.20.0",
-    "@react-aria/i18n": "^3.12.6",
-    "@react-aria/interactions": "^3.24.0",
-    "@react-aria/utils": "^3.28.0",
-    "@react-aria/visually-hidden": "^3.8.20",
-    "@react-spectrum/button": "^3.16.11",
-    "@react-spectrum/label": "^3.16.12",
-    "@react-spectrum/utils": "^3.12.2",
-    "@react-stately/calendar": "^3.7.1",
-    "@react-types/button": "^3.11.0",
-    "@react-types/calendar": "^3.6.1",
-    "@react-types/shared": "^3.28.0",
-    "@spectrum-icons/ui": "^3.6.13",
+    "@internationalized/date": "^3.8.0",
+    "@react-aria/calendar": "^3.8.0",
+    "@react-aria/focus": "^3.20.2",
+    "@react-aria/i18n": "^3.12.8",
+    "@react-aria/interactions": "^3.25.0",
+    "@react-aria/utils": "^3.28.2",
+    "@react-aria/visually-hidden": "^3.8.22",
+    "@react-spectrum/button": "^3.16.13",
+    "@react-spectrum/label": "^3.16.14",
+    "@react-spectrum/utils": "^3.12.4",
+    "@react-stately/calendar": "^3.8.0",
+    "@react-types/button": "^3.12.0",
+    "@react-types/calendar": "^3.7.0",
+    "@react-types/shared": "^3.29.0",
+    "@spectrum-icons/ui": "^3.6.15",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4d3c72c94eea2d72eb3a0e7d56000c6ef7e39726"
+  "gitHead": "9b66d270572f482948afee95622a85cdf68ed408"
 }

package/src/Calendar.tsx

@@ -34,7 +34,7 @@ export const Calendar = React.forwardRef(function Calendar<T extends DateValue>(
     ...props,
     locale,
     visibleDuration,
-    createCalendar
+    createCalendar: props.createCalendar || createCalendar
   });
 
   let domRef = useRef(null);

package/src/CalendarBase.tsx

@@ -12,6 +12,7 @@
 
 import {ActionButton} from '@react-spectrum/button';
 import {AriaButtonProps} from '@react-types/button';
+import {CalendarDate} from '@internationalized/date';
 import {CalendarMonth} from './CalendarMonth';
 import {CalendarPropsBase} from '@react-types/calendar';
 import {CalendarState, RangeCalendarState} from '@react-stately/calendar';
@@ -22,7 +23,7 @@ import {DOMProps, RefObject, StyleProps} from '@react-types/shared';
 import {HelpText} from '@react-spectrum/label';
 // @ts-ignore
 import intlMessages from '../intl/*.json';
-import React, {HTMLAttributes, JSX} from 'react';
+import React, {HTMLAttributes, JSX, ReactNode} from 'react';
 import styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';
 import {useDateFormatter, useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';
 import {VisuallyHidden} from '@react-aria/visually-hidden';
@@ -37,7 +38,7 @@ interface CalendarBaseProps<T extends CalendarState | RangeCalendarState> extend
   calendarRef: RefObject<HTMLDivElement | null>
 }
 
-export function CalendarBase<T extends CalendarState | RangeCalendarState>(props: CalendarBaseProps<T>) {
+export function CalendarBase<T extends CalendarState | RangeCalendarState>(props: CalendarBaseProps<T>): ReactNode {
   let {
     state,
     calendarProps,
@@ -80,7 +81,7 @@ export function CalendarBase<T extends CalendarState | RangeCalendarState>(props
           // so we don't need to repeat that here for screen reader users.
           aria-hidden
           className={classNames(styles, 'spectrum-Calendar-title')}>
-          {monthDateFormatter.format(d.toDate(state.timeZone))}
+          {getCurrentMonthName(d, state.timeZone, monthDateFormatter)}
         </h2>
         {i === visibleMonths - 1 &&
           <ActionButton
@@ -150,3 +151,10 @@ export function CalendarBase<T extends CalendarState | RangeCalendarState>(props
     </div>
   );
 }
+
+function getCurrentMonthName(date: CalendarDate, timezone: string, monthDateFormatter: ReturnType<typeof useDateFormatter>): string {
+  if (date.calendar.getFormattableMonth) {
+    date = date.calendar.getFormattableMonth(date);
+  }
+  return monthDateFormatter.format(date.toDate(timezone));
+}

package/src/CalendarCell.tsx

@@ -15,7 +15,7 @@ import {CalendarDate, getDayOfWeek, isSameDay, isSameMonth, isToday} from '@inte
 import {CalendarState, RangeCalendarState} from '@react-stately/calendar';
 import {classNames} from '@react-spectrum/utils';
 import {mergeProps} from '@react-aria/utils';
-import React, {useRef} from 'react';
+import React, {ReactNode, useRef} from 'react';
 import styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';
 import {useFocusRing} from '@react-aria/focus';
 import {useHover} from '@react-aria/interactions';
@@ -27,7 +27,7 @@ interface CalendarCellProps extends AriaCalendarCellProps {
   firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'
 }
 
-export function CalendarCell({state, currentMonth, firstDayOfWeek, ...props}: CalendarCellProps) {
+export function CalendarCell({state, currentMonth, firstDayOfWeek, ...props}: CalendarCellProps): ReactNode {
   let ref = useRef<HTMLElement>(null);
   let {
     cellProps,

package/src/CalendarMonth.tsx

@@ -11,39 +11,37 @@
  */
 
 import {CalendarCell} from './CalendarCell';
-import {CalendarDate, endOfMonth, getWeeksInMonth} from '@internationalized/date';
+import {CalendarDate, endOfMonth} from '@internationalized/date';
 import {CalendarPropsBase} from '@react-types/calendar';
 import {CalendarState, RangeCalendarState} from '@react-stately/calendar';
 import {classNames} from '@react-spectrum/utils';
 import {DOMProps, StyleProps} from '@react-types/shared';
-import React from 'react';
+import React, {ReactNode} from 'react';
 import styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';
 import {useCalendarGrid} from '@react-aria/calendar';
-import {useLocale} from '@react-aria/i18n';
 
 interface CalendarMonthProps extends CalendarPropsBase, DOMProps, StyleProps {
   state: CalendarState | RangeCalendarState,
   startDate: CalendarDate
 }
 
-export function CalendarMonth(props: CalendarMonthProps) {
+export function CalendarMonth(props: CalendarMonthProps): ReactNode {
   let {
     state,
     startDate,
     firstDayOfWeek
   } = props;
+
   let {
     gridProps,
     headerProps,
-    weekDays
+    weekDays,
+    weeksInMonth
   } = useCalendarGrid({
     ...props,
     endDate: endOfMonth(startDate)
   }, state);
 
-  let {locale} = useLocale();
-  let weeksInMonth = getWeeksInMonth(startDate, locale, firstDayOfWeek);
-
   return (
     <table
       {...gridProps}

package/src/RangeCalendar.tsx

@@ -34,7 +34,7 @@ export const RangeCalendar = React.forwardRef(function RangeCalendar<T extends D
     ...props,
     locale,
     visibleDuration,
-    createCalendar
+    createCalendar: props.createCalendar || createCalendar
   });
 
   let domRef = useRef(null);