@react-spectrum/calendar 3.0.0-alpha.1 → 3.0.0-alpha.4

package/dist/main.js

@@ -1,365 +1,393 @@
-var {
-  useCalendarState,
-  useRangeCalendarState
-} = require("@react-stately/calendar");
-
-var _spectrumIconsUiChevronRightLarge = $parcel$interopDefault(require("@spectrum-icons/ui/ChevronRightLarge"));
-
-var _spectrumIconsUiChevronLeftLarge = $parcel$interopDefault(require("@spectrum-icons/ui/ChevronLeftLarge"));
-
-var {
-  VisuallyHidden
-} = require("@react-aria/visually-hidden");
-
-var {
-  useProviderProps
-} = require("@react-spectrum/provider");
-
-var {
-  useHover
-} = require("@react-aria/interactions");
-
-var {
-  useFocusRing
-} = require("@react-aria/focus");
-
-var {
-  useDateFormatter,
-  useLocale
-} = require("@react-aria/i18n");
-
-var _react2 = require("react");
-
-var _react = $parcel$interopDefault(_react2);
-
-var {
-  useMemo,
-  useRef,
-  useEffect,
-  useState
-} = _react2;
-
-var {
-  mergeProps
-} = require("@react-aria/utils");
-
-var {
-  classNames
-} = require("@react-spectrum/utils");
-
-var {
-  getDayOfWeek,
-  isEqualDay,
-  isSameDay,
-  isSameMonth,
-  isToday,
-  endOfMonth,
-  getWeeksInMonth,
-  startOfWeek,
-  createCalendar
-} = require("@internationalized/date");
-
-var {
-  useCalendarCell,
-  useCalendarGrid,
-  useCalendar: _useCalendar,
-  useRangeCalendar
-} = require("@react-aria/calendar");
-
-var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var {
-  ActionButton
-} = require("@react-spectrum/button");
-
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
-
 require("./main.css");
+var $4BAFd$internationalizeddate = require("@internationalized/date");
+var $4BAFd$react = require("react");
+var $4BAFd$reactariacalendar = require("@react-aria/calendar");
+var $4BAFd$reactstatelycalendar = require("@react-stately/calendar");
+var $4BAFd$reactariai18n = require("@react-aria/i18n");
+var $4BAFd$reactspectrumbutton = require("@react-spectrum/button");
+var $4BAFd$spectrumiconsuiChevronLeftLarge = require("@spectrum-icons/ui/ChevronLeftLarge");
+var $4BAFd$spectrumiconsuiChevronRightLarge = require("@spectrum-icons/ui/ChevronRightLarge");
+var $4BAFd$reactspectrumutils = require("@react-spectrum/utils");
+var $4BAFd$reactspectrumprovider = require("@react-spectrum/provider");
+var $4BAFd$reactariavisuallyhidden = require("@react-aria/visually-hidden");
+var $4BAFd$reactariautils = require("@react-aria/utils");
+var $4BAFd$reactariafocus = require("@react-aria/focus");
+var $4BAFd$reactariainteractions = require("@react-aria/interactions");
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
 
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $d9490b77e8681e44$exports = {};
+
+$parcel$export($d9490b77e8681e44$exports, "Calendar", () => $d9490b77e8681e44$export$e1aef45b828286de);
+
+
+
+
+
+
+var $915891ae6206caad$exports = {};
+
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar", () => $915891ae6206caad$export$2d9837ea36f7a875, (v) => $915891ae6206caad$export$2d9837ea36f7a875 = v);
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar--padded", () => $915891ae6206caad$export$8d90e3a3d21fe428, (v) => $915891ae6206caad$export$8d90e3a3d21fe428 = v);
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar-header", () => $915891ae6206caad$export$7efb9b56af6e2d09, (v) => $915891ae6206caad$export$7efb9b56af6e2d09 = v);
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar-monthHeader", () => $915891ae6206caad$export$185018e73e57145f, (v) => $915891ae6206caad$export$185018e73e57145f = v);
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar-title", () => $915891ae6206caad$export$98ee27555a2b7c01, (v) => $915891ae6206caad$export$98ee27555a2b7c01 = v);
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar-prevMonth", () => $915891ae6206caad$export$d4c1c2a202a50db2, (v) => $915891ae6206caad$export$d4c1c2a202a50db2 = v);
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar-nextMonth", () => $915891ae6206caad$export$7876229ab722b448, (v) => $915891ae6206caad$export$7876229ab722b448 = v);
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar-months", () => $915891ae6206caad$export$5dacd232bfef6687, (v) => $915891ae6206caad$export$5dacd232bfef6687 = v);
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar-dayOfWeek", () => $915891ae6206caad$export$7ff21fe81b21fa51, (v) => $915891ae6206caad$export$7ff21fe81b21fa51 = v);
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar-body", () => $915891ae6206caad$export$33407a73687c0e62, (v) => $915891ae6206caad$export$33407a73687c0e62 = v);
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar-table", () => $915891ae6206caad$export$27f4c38933cceedf, (v) => $915891ae6206caad$export$27f4c38933cceedf = v);
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar-tableCell", () => $915891ae6206caad$export$292b81cfd590634d, (v) => $915891ae6206caad$export$292b81cfd590634d = v);
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar-date", () => $915891ae6206caad$export$c20fe43d14f8fa36, (v) => $915891ae6206caad$export$c20fe43d14f8fa36 = v);
+$parcel$export($915891ae6206caad$exports, "spectrum-Calendar-dateText", () => $915891ae6206caad$export$cc48a6e73fdb7719, (v) => $915891ae6206caad$export$cc48a6e73fdb7719 = v);
+$parcel$export($915891ae6206caad$exports, "is-disabled", () => $915891ae6206caad$export$d35bc1e505d1ebbf, (v) => $915891ae6206caad$export$d35bc1e505d1ebbf = v);
+$parcel$export($915891ae6206caad$exports, "is-unavailable", () => $915891ae6206caad$export$38b08f1df825800e, (v) => $915891ae6206caad$export$38b08f1df825800e = v);
+$parcel$export($915891ae6206caad$exports, "is-outsideMonth", () => $915891ae6206caad$export$93ff5b06817b3d41, (v) => $915891ae6206caad$export$93ff5b06817b3d41 = v);
+$parcel$export($915891ae6206caad$exports, "is-focused", () => $915891ae6206caad$export$e7dc768d35940237, (v) => $915891ae6206caad$export$e7dc768d35940237 = v);
+$parcel$export($915891ae6206caad$exports, "is-range-selection", () => $915891ae6206caad$export$cd2839d8bb0c6407, (v) => $915891ae6206caad$export$cd2839d8bb0c6407 = v);
+$parcel$export($915891ae6206caad$exports, "is-range-start", () => $915891ae6206caad$export$4ce7d3d24e42e411, (v) => $915891ae6206caad$export$4ce7d3d24e42e411 = v);
+$parcel$export($915891ae6206caad$exports, "is-selection-start", () => $915891ae6206caad$export$f0091c9d6b8c19d3, (v) => $915891ae6206caad$export$f0091c9d6b8c19d3 = v);
+$parcel$export($915891ae6206caad$exports, "is-range-end", () => $915891ae6206caad$export$52890a3cb1ab46b, (v) => $915891ae6206caad$export$52890a3cb1ab46b = v);
+$parcel$export($915891ae6206caad$exports, "is-selection-end", () => $915891ae6206caad$export$50722ae5663230f9, (v) => $915891ae6206caad$export$50722ae5663230f9 = v);
+$parcel$export($915891ae6206caad$exports, "is-range-selecting", () => $915891ae6206caad$export$7a763a0407a04336, (v) => $915891ae6206caad$export$7a763a0407a04336 = v);
+$parcel$export($915891ae6206caad$exports, "is-today", () => $915891ae6206caad$export$189f6cc7eaf68d8b, (v) => $915891ae6206caad$export$189f6cc7eaf68d8b = v);
+$parcel$export($915891ae6206caad$exports, "is-selected", () => $915891ae6206caad$export$1e0fb04f31d3c22a, (v) => $915891ae6206caad$export$1e0fb04f31d3c22a = v);
+$parcel$export($915891ae6206caad$exports, "is-hovered", () => $915891ae6206caad$export$b8813cd5d7824ce7, (v) => $915891ae6206caad$export$b8813cd5d7824ce7 = v);
+$parcel$export($915891ae6206caad$exports, "is-pressed", () => $915891ae6206caad$export$15b73a232798b8d3, (v) => $915891ae6206caad$export$15b73a232798b8d3 = v);
+var $915891ae6206caad$export$2d9837ea36f7a875;
+var $915891ae6206caad$export$8d90e3a3d21fe428;
+var $915891ae6206caad$export$7efb9b56af6e2d09;
+var $915891ae6206caad$export$185018e73e57145f;
+var $915891ae6206caad$export$98ee27555a2b7c01;
+var $915891ae6206caad$export$d4c1c2a202a50db2;
+var $915891ae6206caad$export$7876229ab722b448;
+var $915891ae6206caad$export$5dacd232bfef6687;
+var $915891ae6206caad$export$7ff21fe81b21fa51;
+var $915891ae6206caad$export$33407a73687c0e62;
+var $915891ae6206caad$export$27f4c38933cceedf;
+var $915891ae6206caad$export$292b81cfd590634d;
+var $915891ae6206caad$export$c20fe43d14f8fa36;
+var $915891ae6206caad$export$cc48a6e73fdb7719;
+var $915891ae6206caad$export$d35bc1e505d1ebbf;
+var $915891ae6206caad$export$38b08f1df825800e;
+var $915891ae6206caad$export$93ff5b06817b3d41;
+var $915891ae6206caad$export$e7dc768d35940237;
+var $915891ae6206caad$export$cd2839d8bb0c6407;
+var $915891ae6206caad$export$4ce7d3d24e42e411;
+var $915891ae6206caad$export$f0091c9d6b8c19d3;
+var $915891ae6206caad$export$52890a3cb1ab46b;
+var $915891ae6206caad$export$50722ae5663230f9;
+var $915891ae6206caad$export$7a763a0407a04336;
+var $915891ae6206caad$export$189f6cc7eaf68d8b;
+var $915891ae6206caad$export$1e0fb04f31d3c22a;
+var $915891ae6206caad$export$b8813cd5d7824ce7;
+var $915891ae6206caad$export$15b73a232798b8d3;
+$915891ae6206caad$export$2d9837ea36f7a875 = "spectrum-Calendar_6099b6";
+$915891ae6206caad$export$8d90e3a3d21fe428 = "spectrum-Calendar--padded_6099b6";
+$915891ae6206caad$export$7efb9b56af6e2d09 = "spectrum-Calendar-header_6099b6";
+$915891ae6206caad$export$185018e73e57145f = "spectrum-Calendar-monthHeader_6099b6";
+$915891ae6206caad$export$98ee27555a2b7c01 = "spectrum-Calendar-title_6099b6";
+$915891ae6206caad$export$d4c1c2a202a50db2 = "spectrum-Calendar-prevMonth_6099b6";
+$915891ae6206caad$export$7876229ab722b448 = "spectrum-Calendar-nextMonth_6099b6";
+$915891ae6206caad$export$5dacd232bfef6687 = "spectrum-Calendar-months_6099b6";
+$915891ae6206caad$export$7ff21fe81b21fa51 = "spectrum-Calendar-dayOfWeek_6099b6";
+$915891ae6206caad$export$33407a73687c0e62 = "spectrum-Calendar-body_6099b6";
+$915891ae6206caad$export$27f4c38933cceedf = "spectrum-Calendar-table_6099b6";
+$915891ae6206caad$export$292b81cfd590634d = "spectrum-Calendar-tableCell_6099b6";
+$915891ae6206caad$export$c20fe43d14f8fa36 = "spectrum-Calendar-date_6099b6";
+$915891ae6206caad$export$cc48a6e73fdb7719 = "spectrum-Calendar-dateText_6099b6";
+$915891ae6206caad$export$d35bc1e505d1ebbf = "is-disabled_6099b6";
+$915891ae6206caad$export$38b08f1df825800e = "is-unavailable_6099b6";
+$915891ae6206caad$export$93ff5b06817b3d41 = "is-outsideMonth_6099b6";
+$915891ae6206caad$export$e7dc768d35940237 = "is-focused_6099b6";
+$915891ae6206caad$export$cd2839d8bb0c6407 = "is-range-selection_6099b6";
+$915891ae6206caad$export$4ce7d3d24e42e411 = "is-range-start_6099b6";
+$915891ae6206caad$export$f0091c9d6b8c19d3 = "is-selection-start_6099b6";
+$915891ae6206caad$export$52890a3cb1ab46b = "is-range-end_6099b6";
+$915891ae6206caad$export$50722ae5663230f9 = "is-selection-end_6099b6";
+$915891ae6206caad$export$7a763a0407a04336 = "is-range-selecting_6099b6";
+$915891ae6206caad$export$189f6cc7eaf68d8b = "is-today_6099b6";
+$915891ae6206caad$export$1e0fb04f31d3c22a = "is-selected_6099b6";
+$915891ae6206caad$export$b8813cd5d7824ce7 = "is-hovered_6099b6";
+$915891ae6206caad$export$15b73a232798b8d3 = "is-pressed_6099b6";
+
+
+
+
+
+function $52c7c3c887827b64$export$5d847498420df57b({ state: state , currentMonth: currentMonth , ...props }) {
+    let ref = $4BAFd$react.useRef();
+    let { cellProps: cellProps , buttonProps: buttonProps , isPressed: isPressed , isSelected: isSelected , isDisabled: isDisabled , isFocused: isFocused , formattedDate: formattedDate  } = $4BAFd$reactariacalendar.useCalendarCell({
+        ...props,
+        isDisabled: !$4BAFd$internationalizeddate.isSameMonth(props.date, currentMonth)
+    }, state, ref);
+    let isUnavailable = state.isCellUnavailable(props.date) && !isDisabled;
+    let isLastSelectedBeforeDisabled = !isDisabled && state.isCellUnavailable(props.date.add({
+        days: 1
+    }));
+    let isFirstSelectedAfterDisabled = !isDisabled && state.isCellUnavailable(props.date.subtract({
+        days: 1
+    }));
+    let highlightedRange = 'highlightedRange' in state && state.highlightedRange;
+    let isSelectionStart = isSelected && highlightedRange && $4BAFd$internationalizeddate.isSameDay(props.date, highlightedRange.start);
+    let isSelectionEnd = isSelected && highlightedRange && $4BAFd$internationalizeddate.isSameDay(props.date, highlightedRange.end);
+    let { locale: locale  } = $4BAFd$reactariai18n.useLocale();
+    let dayOfWeek = $4BAFd$internationalizeddate.getDayOfWeek(props.date, locale);
+    let isRangeStart = isSelected && (isFirstSelectedAfterDisabled || dayOfWeek === 0 || props.date.day === 1);
+    let isRangeEnd = isSelected && (isLastSelectedBeforeDisabled || dayOfWeek === 6 || props.date.day === currentMonth.calendar.getDaysInMonth(currentMonth));
+    let { focusProps: focusProps , isFocusVisible: isFocusVisible  } = $4BAFd$reactariafocus.useFocusRing();
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $4BAFd$reactariainteractions.useHover({
+        isDisabled: isDisabled || isUnavailable || state.isReadOnly
+    });
+    return(/*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("td", {
+        ...cellProps,
+        className: $4BAFd$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($915891ae6206caad$exports)), 'spectrum-Calendar-tableCell')
+    }, /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("span", {
+        ...$4BAFd$reactariautils.mergeProps(buttonProps, hoverProps, focusProps),
+        ref: ref,
+        className: $4BAFd$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($915891ae6206caad$exports)), 'spectrum-Calendar-date', {
+            'is-today': $4BAFd$internationalizeddate.isToday(props.date, state.timeZone),
+            'is-selected': isSelected,
+            'is-focused': isFocused && isFocusVisible,
+            'is-disabled': isDisabled,
+            'is-unavailable': isUnavailable,
+            'is-outsideMonth': !$4BAFd$internationalizeddate.isSameMonth(props.date, currentMonth),
+            'is-range-start': isRangeStart,
+            'is-range-end': isRangeEnd,
+            'is-range-selection': isSelected && 'highlightedRange' in state,
+            'is-selection-start': isSelectionStart,
+            'is-selection-end': isSelectionEnd,
+            'is-hovered': isHovered,
+            'is-pressed': isPressed && !state.isReadOnly
+        })
+    }, /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("span", {
+        className: $4BAFd$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($915891ae6206caad$exports)), 'spectrum-Calendar-dateText')
+    }, /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("span", null, formattedDate)))));
+}
 
-// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/calendar/vars.css
-var $fc2fc91c11e03e6573b316082f3cde$exports = {};
-$fc2fc91c11e03e6573b316082f3cde$exports = {
-  "spectrum-Calendar": "_spectrum-Calendar_b7235",
-  "spectrum-Calendar--padded": "_spectrum-Calendar--padded_b7235",
-  "spectrum-Calendar-header": "_spectrum-Calendar-header_b7235",
-  "spectrum-Calendar-monthHeader": "_spectrum-Calendar-monthHeader_b7235",
-  "spectrum-Calendar-title": "_spectrum-Calendar-title_b7235",
-  "spectrum-Calendar-prevMonth": "_spectrum-Calendar-prevMonth_b7235",
-  "spectrum-Calendar-nextMonth": "_spectrum-Calendar-nextMonth_b7235",
-  "spectrum-Calendar-months": "_spectrum-Calendar-months_b7235",
-  "spectrum-Calendar-dayOfWeek": "_spectrum-Calendar-dayOfWeek_b7235",
-  "spectrum-Calendar-body": "_spectrum-Calendar-body_b7235",
-  "spectrum-Calendar-table": "_spectrum-Calendar-table_b7235",
-  "spectrum-Calendar-tableCell": "_spectrum-Calendar-tableCell_b7235",
-  "spectrum-Calendar-date": "_spectrum-Calendar-date_b7235",
-  "spectrum-Calendar-dateText": "_spectrum-Calendar-dateText_b7235",
-  "is-disabled": "_is-disabled_b7235",
-  "is-outsideMonth": "_is-outsideMonth_b7235",
-  "is-focused": "_is-focused_b7235",
-  "is-range-selection": "_is-range-selection_b7235",
-  "is-range-start": "_is-range-start_b7235",
-  "is-selection-start": "_is-selection-start_b7235",
-  "is-range-end": "_is-range-end_b7235",
-  "is-selection-end": "_is-selection-end_b7235",
-  "is-range-selecting": "_is-range-selecting_b7235",
-  "is-today": "_is-today_b7235",
-  "is-selected": "_is-selected_b7235",
-  "is-hovered": "_is-hovered_b7235",
-  "is-pressed": "_is-pressed_b7235"
-};
-var $fc2fc91c11e03e6573b316082f3cde$$interop$default = $parcel$interopDefault($fc2fc91c11e03e6573b316082f3cde$exports);
-
-function $a724b9f005a0f81fd8e885eddefe2b9$export$CalendarCell(_ref) {
-  let {
-    state,
-    currentMonth
-  } = _ref,
-      props = _babelRuntimeHelpersObjectWithoutPropertiesLoose(_ref, ["state", "currentMonth"]);
-
-  let ref = useRef();
-  let {
-    cellProps,
-    buttonProps,
-    isPressed
-  } = useCalendarCell(_babelRuntimeHelpersExtends({}, props, {
-    isDisabled: !isSameMonth(props.date, currentMonth)
-  }), state, ref);
-  let {
-    hoverProps,
-    isHovered
-  } = useHover({});
-  let dateFormatter = useDateFormatter({
-    day: 'numeric',
-    timeZone: state.timeZone,
-    calendar: currentMonth.calendar.identifier
-  });
-  let isSelected = state.isSelected(props.date);
-  let highlightedRange = 'highlightedRange' in state && state.highlightedRange;
-  let isSelectionStart = highlightedRange && isSameDay(props.date, highlightedRange.start);
-  let isSelectionEnd = highlightedRange && isSameDay(props.date, highlightedRange.end);
-  let {
-    locale
-  } = useLocale();
-  let dayOfWeek = getDayOfWeek(props.date, locale);
-  let isRangeStart = isSelected && (dayOfWeek === 0 || props.date.day === 1);
-  let isRangeEnd = isSelected && (dayOfWeek === 6 || props.date.day === currentMonth.calendar.getDaysInMonth(currentMonth));
-  let {
-    focusProps,
-    isFocusVisible
-  } = useFocusRing(); // For performance, reuse the same date object as before if the new date prop is the same.
-  // This allows subsequent useMemo results to be reused.
-
-  let date = props.date;
-  let lastDate = useRef(null);
-
-  if (lastDate.current && isEqualDay(date, lastDate.current)) {
-    date = lastDate.current;
-  }
-
-  lastDate.current = date;
-  let nativeDate = useMemo(() => date.toDate(state.timeZone), [date, state.timeZone]);
-  let formatted = useMemo(() => dateFormatter.format(nativeDate), [dateFormatter, nativeDate]);
-  return /*#__PURE__*/_react.createElement("td", _babelRuntimeHelpersExtends({}, cellProps, {
-    className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-tableCell')
-  }), /*#__PURE__*/_react.createElement("span", _babelRuntimeHelpersExtends({}, mergeProps(buttonProps, hoverProps, focusProps), {
-    ref: ref,
-    className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-date', {
-      'is-today': isToday(props.date, state.timeZone),
-      'is-selected': isSelected,
-      'is-focused': state.isCellFocused(props.date) && isFocusVisible,
-      'is-disabled': state.isCellDisabled(props.date),
-      'is-outsideMonth': !isSameMonth(props.date, currentMonth),
-      'is-range-start': isRangeStart,
-      'is-range-end': isRangeEnd,
-      'is-range-selection': isSelected && 'highlightedRange' in state,
-      'is-selection-start': isSelectionStart,
-      'is-selection-end': isSelectionEnd,
-      'is-hovered': isHovered,
-      'is-pressed': isPressed
-    })
-  }), /*#__PURE__*/_react.createElement("span", {
-    className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-dateText')
-  }, formatted)));
+
+
+
+
+
+
+
+
+
+function $02c19eea15a72a7b$export$26e2752316b9a375(props) {
+    props = $4BAFd$reactspectrumprovider.useProviderProps(props);
+    let { state: state , startDate: startDate  } = props;
+    let { gridProps: gridProps , weekDays: weekDays  } = $4BAFd$reactariacalendar.useCalendarGrid({
+        ...props,
+        endDate: $4BAFd$internationalizeddate.endOfMonth(startDate)
+    }, state);
+    let { locale: locale  } = $4BAFd$reactariai18n.useLocale();
+    let monthStart = $4BAFd$internationalizeddate.startOfWeek(startDate, locale);
+    let weeksInMonth = $4BAFd$internationalizeddate.getWeeksInMonth(startDate, locale);
+    let [isRangeSelecting, setRangeSelecting] = $4BAFd$react.useState(false);
+    let hasAnchorDate = 'anchorDate' in state && state.anchorDate != null;
+    // Update isRangeSelecting immediately when it becomes true.
+    // This feels weird but is actually fine...
+    // https://reactjs.org/docs/hooks-faq.html#how-do-i-implement-getderivedstatefromprops
+    if (hasAnchorDate && !isRangeSelecting) setRangeSelecting(true);
+    // Delay removing the is-range-selecting class for a frame after selection ends.
+    // This avoids an undesired animation on touch devices.
+    $4BAFd$react.useEffect(()=>{
+        if (!hasAnchorDate && isRangeSelecting) {
+            let raf = requestAnimationFrame(()=>setRangeSelecting(false)
+            );
+            return ()=>cancelAnimationFrame(raf)
+            ;
+        }
+    }, [
+        hasAnchorDate,
+        isRangeSelecting
+    ]);
+    return(/*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("table", {
+        ...gridProps,
+        className: $4BAFd$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($915891ae6206caad$exports)), 'spectrum-Calendar-body', 'spectrum-Calendar-table', {
+            'is-range-selecting': isRangeSelecting
+        })
+    }, /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("thead", null, /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("tr", null, weekDays.map((day, index)=>/*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("th", {
+            key: index,
+            className: $4BAFd$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($915891ae6206caad$exports)), 'spectrum-Calendar-tableCell')
+        }, /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement($4BAFd$reactariavisuallyhidden.VisuallyHidden, null, day.long), /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("span", {
+            "aria-hidden": "true",
+            className: $4BAFd$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($915891ae6206caad$exports)), 'spectrum-Calendar-dayOfWeek')
+        }, day.narrow))
+    ))), /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("tbody", null, [
+        ...new Array(weeksInMonth).keys()
+    ].map((weekIndex)=>/*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("tr", {
+            key: weekIndex
+        }, [
+            ...new Array(7).keys()
+        ].map((dayIndex)=>/*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement($52c7c3c887827b64$export$5d847498420df57b, {
+                key: dayIndex,
+                state: state,
+                date: monthStart.add({
+                    weeks: weekIndex,
+                    days: dayIndex
+                }),
+                currentMonth: startDate
+            })
+        ))
+    ))));
 }
 
-function $d7c2e7213583e3c468b07d5c707af2$export$CalendarMonth(props) {
-  props = useProviderProps(props);
-  let {
-    state,
-    startDate
-  } = props;
-  let {
-    gridProps
-  } = useCalendarGrid(_babelRuntimeHelpersExtends({}, props, {
-    endDate: endOfMonth(startDate)
-  }), state);
-  let dayFormatter = useDateFormatter({
-    weekday: 'narrow'
-  });
-  let dayFormatterLong = useDateFormatter({
-    weekday: 'long'
-  });
-  let {
-    locale
-  } = useLocale();
-  let monthStart = startOfWeek(startDate, locale);
-  let weeksInMonth = getWeeksInMonth(startDate, locale);
-  let [isRangeSelecting, setRangeSelecting] = useState(false);
-  let hasAnchorDate = 'anchorDate' in state && state.anchorDate != null; // Update isRangeSelecting immediately when it becomes true.
-  // This feels weird but is actually fine...
-  // https://reactjs.org/docs/hooks-faq.html#how-do-i-implement-getderivedstatefromprops
-
-  if (hasAnchorDate && !isRangeSelecting) {
-    setRangeSelecting(true);
-  } // Delay removing the is-range-selecting class for a frame after selection ends.
-  // This avoids an undesired animation on touch devices.
-
-
-  useEffect(() => {
-    if (!hasAnchorDate && isRangeSelecting) {
-      let raf = requestAnimationFrame(() => setRangeSelecting(false));
-      return () => cancelAnimationFrame(raf);
-    }
-  }, [hasAnchorDate, isRangeSelecting]);
-  return /*#__PURE__*/_react.createElement("table", _babelRuntimeHelpersExtends({}, gridProps, {
-    className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-body', 'spectrum-Calendar-table', {
-      'is-range-selecting': isRangeSelecting
-    })
-  }), /*#__PURE__*/_react.createElement("thead", null, /*#__PURE__*/_react.createElement("tr", null, [...new Array(7).keys()].map(index => {
-    let date = monthStart.add({
-      days: index
+
+
+
+
+
+
+
+
+function $6d416018158e3a26$export$bfd52a43017368fe(props) {
+    props = $4BAFd$reactspectrumprovider.useProviderProps(props);
+    let { state: state , calendarProps: calendarProps , nextButtonProps: nextButtonProps , prevButtonProps: prevButtonProps , calendarRef: ref , visibleMonths: visibleMonths = 1  } = props;
+    let { direction: direction  } = $4BAFd$reactariai18n.useLocale();
+    let currentMonth = state.visibleRange.start;
+    let monthDateFormatter = $4BAFd$reactariai18n.useDateFormatter({
+        month: 'long',
+        year: 'numeric',
+        era: currentMonth.calendar.identifier !== 'gregory' ? 'long' : undefined,
+        calendar: currentMonth.calendar.identifier,
+        timeZone: state.timeZone
     });
-    let dateDay = date.toDate(state.timeZone);
-    let day = dayFormatter.format(dateDay);
-    let dayLong = dayFormatterLong.format(dateDay);
-    return /*#__PURE__*/_react.createElement("th", {
-      key: index,
-      className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-tableCell')
-    }, /*#__PURE__*/_react.createElement(VisuallyHidden, null, dayLong), /*#__PURE__*/_react.createElement("span", {
-      "aria-hidden": "true",
-      className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-dayOfWeek')
-    }, day));
-  }))), /*#__PURE__*/_react.createElement("tbody", null, [...new Array(weeksInMonth).keys()].map(weekIndex => /*#__PURE__*/_react.createElement("tr", {
-    key: weekIndex
-  }, [...new Array(7).keys()].map(dayIndex => /*#__PURE__*/_react.createElement($a724b9f005a0f81fd8e885eddefe2b9$export$CalendarCell, {
-    key: dayIndex,
-    state: state,
-    date: monthStart.add({
-      weeks: weekIndex,
-      days: dayIndex
-    }),
-    currentMonth: startDate
-  }))))));
+    let titles = [];
+    let calendars = [];
+    for(let i = 0; i < visibleMonths; i++){
+        titles.push(/*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("div", {
+            key: i,
+            className: $4BAFd$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($915891ae6206caad$exports)), 'spectrum-Calendar-monthHeader')
+        }, i === 0 && /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement($4BAFd$reactspectrumbutton.ActionButton, {
+            ...prevButtonProps,
+            UNSAFE_className: $4BAFd$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($915891ae6206caad$exports)), 'spectrum-Calendar-prevMonth'),
+            isQuiet: true
+        }, direction === 'rtl' ? /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement(($parcel$interopDefault($4BAFd$spectrumiconsuiChevronRightLarge)), null) : /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement(($parcel$interopDefault($4BAFd$spectrumiconsuiChevronLeftLarge)), null)), /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("h2", {
+            className: $4BAFd$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($915891ae6206caad$exports)), 'spectrum-Calendar-title')
+        }, monthDateFormatter.format(currentMonth.add({
+            months: i
+        }).toDate(state.timeZone))), i === visibleMonths - 1 && /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement($4BAFd$reactspectrumbutton.ActionButton, {
+            ...nextButtonProps,
+            UNSAFE_className: $4BAFd$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($915891ae6206caad$exports)), 'spectrum-Calendar-nextMonth'),
+            isQuiet: true
+        }, direction === 'rtl' ? /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement(($parcel$interopDefault($4BAFd$spectrumiconsuiChevronLeftLarge)), null) : /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement(($parcel$interopDefault($4BAFd$spectrumiconsuiChevronRightLarge)), null))));
+        let d = currentMonth.add({
+            months: i
+        });
+        calendars.push(/*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement($02c19eea15a72a7b$export$26e2752316b9a375, {
+            ...props,
+            key: `${d.year}-${d.month}-${d.day}`,
+            state: state,
+            startDate: d
+        }));
+    }
+    return(/*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("div", {
+        ...calendarProps,
+        ref: ref,
+        className: $4BAFd$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($915891ae6206caad$exports)), 'spectrum-Calendar')
+    }, /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("div", {
+        className: $4BAFd$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($915891ae6206caad$exports)), 'spectrum-Calendar-header')
+    }, titles), /*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement("div", {
+        className: $4BAFd$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($915891ae6206caad$exports)), 'spectrum-Calendar-months')
+    }, calendars)));
 }
 
-function $c5c738c2592de01e15d070fbb9b608f$export$CalendarBase(props) {
-  props = useProviderProps(props);
-  let {
-    state,
-    useCalendar,
-    visibleMonths = 1
-  } = props;
-  let {
-    direction
-  } = useLocale();
-  let currentMonth = state.visibleRange.start;
-  let monthDateFormatter = useDateFormatter({
-    month: 'long',
-    year: 'numeric',
-    era: currentMonth.calendar.identifier !== 'gregory' ? 'long' : undefined,
-    calendar: currentMonth.calendar.identifier
-  });
-  let ref = useRef(null);
-  let {
-    calendarProps,
-    prevButtonProps,
-    nextButtonProps
-  } = useCalendar(props, state, ref);
-  let titles = [];
-  let calendars = [];
-
-  for (let i = 0; i < visibleMonths; i++) {
-    titles.push( /*#__PURE__*/_react.createElement("div", {
-      key: i,
-      className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-monthHeader')
-    }, i === 0 && /*#__PURE__*/_react.createElement(ActionButton, _babelRuntimeHelpersExtends({}, prevButtonProps, {
-      UNSAFE_className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-prevMonth'),
-      isQuiet: true
-    }), direction === 'rtl' ? /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronRightLarge, null) : /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronLeftLarge, null)), /*#__PURE__*/_react.createElement("h2", {
-      className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-title')
-    }, monthDateFormatter.format(currentMonth.add({
-      months: i
-    }).toDate(state.timeZone))), i === visibleMonths - 1 && /*#__PURE__*/_react.createElement(ActionButton, _babelRuntimeHelpersExtends({}, nextButtonProps, {
-      UNSAFE_className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-nextMonth'),
-      isQuiet: true
-    }), direction === 'rtl' ? /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronLeftLarge, null) : /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronRightLarge, null))));
-    let d = currentMonth.add({
-      months: i
+
+
+
+
+
+
+function $d9490b77e8681e44$export$e1aef45b828286de(props) {
+    let { visibleMonths: visibleMonths = 1  } = props;
+    let visibleDuration = $4BAFd$react.useMemo(()=>({
+            months: visibleMonths
+        })
+    , [
+        visibleMonths
+    ]);
+    let { locale: locale  } = $4BAFd$reactariai18n.useLocale();
+    let state = $4BAFd$reactstatelycalendar.useCalendarState({
+        ...props,
+        locale: locale,
+        visibleDuration: visibleDuration,
+        createCalendar: $4BAFd$internationalizeddate.createCalendar
     });
-    calendars.push( /*#__PURE__*/_react.createElement($d7c2e7213583e3c468b07d5c707af2$export$CalendarMonth, _babelRuntimeHelpersExtends({}, props, {
-      key: d.year + "-" + d.month + "-" + d.day,
-      state: state,
-      startDate: d
-    })));
-  }
-
-  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, calendarProps, {
-    ref: ref,
-    className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar')
-  }), /*#__PURE__*/_react.createElement("div", {
-    className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-header')
-  }, titles), /*#__PURE__*/_react.createElement("div", {
-    className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-months')
-  }, calendars));
+    let ref = $4BAFd$react.useRef();
+    let { calendarProps: calendarProps , prevButtonProps: prevButtonProps , nextButtonProps: nextButtonProps  } = $4BAFd$reactariacalendar.useCalendar(props, state);
+    return(/*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement($6d416018158e3a26$export$bfd52a43017368fe, {
+        ...props,
+        state: state,
+        calendarRef: ref,
+        calendarProps: calendarProps,
+        prevButtonProps: prevButtonProps,
+        nextButtonProps: nextButtonProps
+    }));
 }
 
-function Calendar(props) {
-  let {
-    visibleMonths = 1
-  } = props;
-  let visibleDuration = useMemo(() => ({
-    months: visibleMonths
-  }), [visibleMonths]);
-  let {
-    locale
-  } = useLocale();
-  let state = useCalendarState(_babelRuntimeHelpersExtends({}, props, {
-    locale,
-    visibleDuration,
-    createCalendar
-  }));
-  return /*#__PURE__*/_react.createElement($c5c738c2592de01e15d070fbb9b608f$export$CalendarBase, _babelRuntimeHelpersExtends({}, props, {
-    state: state,
-    useCalendar: _useCalendar
-  }));
-}
 
-exports.Calendar = Calendar;
-
-function RangeCalendar(props) {
-  let {
-    visibleMonths = 1
-  } = props;
-  let visibleDuration = useMemo(() => ({
-    months: visibleMonths
-  }), [visibleMonths]);
-  let {
-    locale
-  } = useLocale();
-  let state = useRangeCalendarState(_babelRuntimeHelpersExtends({}, props, {
-    locale,
-    visibleDuration,
-    createCalendar
-  }));
-  return /*#__PURE__*/_react.createElement($c5c738c2592de01e15d070fbb9b608f$export$CalendarBase, _babelRuntimeHelpersExtends({}, props, {
-    state: state,
-    useCalendar: useRangeCalendar
-  }));
+var $4d045066f2092e3b$exports = {};
+
+$parcel$export($4d045066f2092e3b$exports, "RangeCalendar", () => $4d045066f2092e3b$export$a4f5c8b89d277a8d);
+
+
+
+
+
+
+function $4d045066f2092e3b$export$a4f5c8b89d277a8d(props) {
+    let { visibleMonths: visibleMonths = 1  } = props;
+    let visibleDuration = $4BAFd$react.useMemo(()=>({
+            months: visibleMonths
+        })
+    , [
+        visibleMonths
+    ]);
+    let { locale: locale  } = $4BAFd$reactariai18n.useLocale();
+    let state = $4BAFd$reactstatelycalendar.useRangeCalendarState({
+        ...props,
+        locale: locale,
+        visibleDuration: visibleDuration,
+        createCalendar: $4BAFd$internationalizeddate.createCalendar
+    });
+    let ref = $4BAFd$react.useRef();
+    let { calendarProps: calendarProps , prevButtonProps: prevButtonProps , nextButtonProps: nextButtonProps  } = $4BAFd$reactariacalendar.useRangeCalendar(props, state, ref);
+    return(/*#__PURE__*/ ($parcel$interopDefault($4BAFd$react)).createElement($6d416018158e3a26$export$bfd52a43017368fe, {
+        ...props,
+        state: state,
+        calendarRef: ref,
+        calendarProps: calendarProps,
+        prevButtonProps: prevButtonProps,
+        nextButtonProps: nextButtonProps
+    }));
 }
 
-exports.RangeCalendar = RangeCalendar;
+
+$parcel$exportWildcard(module.exports, $d9490b77e8681e44$exports);
+$parcel$exportWildcard(module.exports, $4d045066f2092e3b$exports);
+
+
 //# sourceMappingURL=main.js.map