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

package/dist/module.js

@@ -1,300 +1,376 @@
-import { useCalendarState, useRangeCalendarState } from "@react-stately/calendar";
-import _spectrumIconsUiChevronRightLarge from "@spectrum-icons/ui/ChevronRightLarge";
-import _spectrumIconsUiChevronLeftLarge from "@spectrum-icons/ui/ChevronLeftLarge";
-import { VisuallyHidden } from "@react-aria/visually-hidden";
-import { useProviderProps } from "@react-spectrum/provider";
-import { useHover } from "@react-aria/interactions";
-import { useFocusRing } from "@react-aria/focus";
-import { useDateFormatter, useLocale } from "@react-aria/i18n";
-import _react, { useMemo, useRef, useEffect, useState } from "react";
-import { mergeProps } from "@react-aria/utils";
-import { classNames } from "@react-spectrum/utils";
-import { getDayOfWeek, isEqualDay, isSameDay, isSameMonth, isToday, endOfMonth, getWeeksInMonth, startOfWeek, createCalendar } from "@internationalized/date";
-import { useCalendarCell, useCalendarGrid, useCalendar as _useCalendar, useRangeCalendar } from "@react-aria/calendar";
-import _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import { ActionButton } from "@react-spectrum/button";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
 import "./main.css";
+import {createCalendar as $40VnT$createCalendar, endOfMonth as $40VnT$endOfMonth, startOfWeek as $40VnT$startOfWeek, getWeeksInMonth as $40VnT$getWeeksInMonth, isSameMonth as $40VnT$isSameMonth, isSameDay as $40VnT$isSameDay, getDayOfWeek as $40VnT$getDayOfWeek, isToday as $40VnT$isToday} from "@internationalized/date";
+import $40VnT$react, {useMemo as $40VnT$useMemo, useRef as $40VnT$useRef, useState as $40VnT$useState, useEffect as $40VnT$useEffect} from "react";
+import {useCalendar as $40VnT$useCalendar, useCalendarGrid as $40VnT$useCalendarGrid, useCalendarCell as $40VnT$useCalendarCell, useRangeCalendar as $40VnT$useRangeCalendar} from "@react-aria/calendar";
+import {useCalendarState as $40VnT$useCalendarState, useRangeCalendarState as $40VnT$useRangeCalendarState} from "@react-stately/calendar";
+import {useLocale as $40VnT$useLocale, useDateFormatter as $40VnT$useDateFormatter} from "@react-aria/i18n";
+import {ActionButton as $40VnT$ActionButton} from "@react-spectrum/button";
+import $40VnT$spectrumiconsuiChevronLeftLarge from "@spectrum-icons/ui/ChevronLeftLarge";
+import $40VnT$spectrumiconsuiChevronRightLarge from "@spectrum-icons/ui/ChevronRightLarge";
+import {classNames as $40VnT$classNames} from "@react-spectrum/utils";
+import {useProviderProps as $40VnT$useProviderProps} from "@react-spectrum/provider";
+import {VisuallyHidden as $40VnT$VisuallyHidden} from "@react-aria/visually-hidden";
+import {mergeProps as $40VnT$mergeProps} from "@react-aria/utils";
+import {useFocusRing as $40VnT$useFocusRing} from "@react-aria/focus";
+import {useHover as $40VnT$useHover} from "@react-aria/interactions";
 
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+var $d2b8d4577dd88671$exports = {};
 
-// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/calendar/vars.css
-var $be4f0cec50a586942f46dfb826aeabe0$exports = {};
-$be4f0cec50a586942f46dfb826aeabe0$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 $be4f0cec50a586942f46dfb826aeabe0$$interop$default = $parcel$interopDefault($be4f0cec50a586942f46dfb826aeabe0$exports);
-
-function $e063fdddb71e9ef291bdbb1ac2f23b10$export$CalendarCell(_ref) {
-  let {
-    state,
-    currentMonth
-  } = _ref,
-      props = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(_ref, ["state", "currentMonth"]);
-
-  let ref = useRef();
-  let {
-    cellProps,
-    buttonProps,
-    isPressed
-  } = useCalendarCell(_babelRuntimeHelpersEsmExtends({}, 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", _babelRuntimeHelpersEsmExtends({}, cellProps, {
-    className: classNames($be4f0cec50a586942f46dfb826aeabe0$$interop$default, 'spectrum-Calendar-tableCell')
-  }), /*#__PURE__*/_react.createElement("span", _babelRuntimeHelpersEsmExtends({}, mergeProps(buttonProps, hoverProps, focusProps), {
-    ref: ref,
-    className: classNames($be4f0cec50a586942f46dfb826aeabe0$$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($be4f0cec50a586942f46dfb826aeabe0$$interop$default, 'spectrum-Calendar-dateText')
-  }, formatted)));
-}
+$parcel$export($d2b8d4577dd88671$exports, "Calendar", () => $d2b8d4577dd88671$export$e1aef45b828286de);
 
-function $a61ab4829fcdd02202f30ae2d742ae1$export$CalendarMonth(props) {
-  props = useProviderProps(props);
-  let {
-    state,
-    startDate
-  } = props;
-  let {
-    gridProps
-  } = useCalendarGrid(_babelRuntimeHelpersEsmExtends({}, 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", _babelRuntimeHelpersEsmExtends({}, gridProps, {
-    className: classNames($be4f0cec50a586942f46dfb826aeabe0$$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
+
+
+
+
+
+var $52c51313300b3b3e$exports = {};
+
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar", () => $52c51313300b3b3e$export$2d9837ea36f7a875, (v) => $52c51313300b3b3e$export$2d9837ea36f7a875 = v);
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar--padded", () => $52c51313300b3b3e$export$8d90e3a3d21fe428, (v) => $52c51313300b3b3e$export$8d90e3a3d21fe428 = v);
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-header", () => $52c51313300b3b3e$export$7efb9b56af6e2d09, (v) => $52c51313300b3b3e$export$7efb9b56af6e2d09 = v);
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-monthHeader", () => $52c51313300b3b3e$export$185018e73e57145f, (v) => $52c51313300b3b3e$export$185018e73e57145f = v);
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-title", () => $52c51313300b3b3e$export$98ee27555a2b7c01, (v) => $52c51313300b3b3e$export$98ee27555a2b7c01 = v);
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-prevMonth", () => $52c51313300b3b3e$export$d4c1c2a202a50db2, (v) => $52c51313300b3b3e$export$d4c1c2a202a50db2 = v);
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-nextMonth", () => $52c51313300b3b3e$export$7876229ab722b448, (v) => $52c51313300b3b3e$export$7876229ab722b448 = v);
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-months", () => $52c51313300b3b3e$export$5dacd232bfef6687, (v) => $52c51313300b3b3e$export$5dacd232bfef6687 = v);
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-dayOfWeek", () => $52c51313300b3b3e$export$7ff21fe81b21fa51, (v) => $52c51313300b3b3e$export$7ff21fe81b21fa51 = v);
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-body", () => $52c51313300b3b3e$export$33407a73687c0e62, (v) => $52c51313300b3b3e$export$33407a73687c0e62 = v);
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-table", () => $52c51313300b3b3e$export$27f4c38933cceedf, (v) => $52c51313300b3b3e$export$27f4c38933cceedf = v);
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-tableCell", () => $52c51313300b3b3e$export$292b81cfd590634d, (v) => $52c51313300b3b3e$export$292b81cfd590634d = v);
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-date", () => $52c51313300b3b3e$export$c20fe43d14f8fa36, (v) => $52c51313300b3b3e$export$c20fe43d14f8fa36 = v);
+$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-dateText", () => $52c51313300b3b3e$export$cc48a6e73fdb7719, (v) => $52c51313300b3b3e$export$cc48a6e73fdb7719 = v);
+$parcel$export($52c51313300b3b3e$exports, "is-disabled", () => $52c51313300b3b3e$export$d35bc1e505d1ebbf, (v) => $52c51313300b3b3e$export$d35bc1e505d1ebbf = v);
+$parcel$export($52c51313300b3b3e$exports, "is-unavailable", () => $52c51313300b3b3e$export$38b08f1df825800e, (v) => $52c51313300b3b3e$export$38b08f1df825800e = v);
+$parcel$export($52c51313300b3b3e$exports, "is-outsideMonth", () => $52c51313300b3b3e$export$93ff5b06817b3d41, (v) => $52c51313300b3b3e$export$93ff5b06817b3d41 = v);
+$parcel$export($52c51313300b3b3e$exports, "is-focused", () => $52c51313300b3b3e$export$e7dc768d35940237, (v) => $52c51313300b3b3e$export$e7dc768d35940237 = v);
+$parcel$export($52c51313300b3b3e$exports, "is-range-selection", () => $52c51313300b3b3e$export$cd2839d8bb0c6407, (v) => $52c51313300b3b3e$export$cd2839d8bb0c6407 = v);
+$parcel$export($52c51313300b3b3e$exports, "is-range-start", () => $52c51313300b3b3e$export$4ce7d3d24e42e411, (v) => $52c51313300b3b3e$export$4ce7d3d24e42e411 = v);
+$parcel$export($52c51313300b3b3e$exports, "is-selection-start", () => $52c51313300b3b3e$export$f0091c9d6b8c19d3, (v) => $52c51313300b3b3e$export$f0091c9d6b8c19d3 = v);
+$parcel$export($52c51313300b3b3e$exports, "is-range-end", () => $52c51313300b3b3e$export$52890a3cb1ab46b, (v) => $52c51313300b3b3e$export$52890a3cb1ab46b = v);
+$parcel$export($52c51313300b3b3e$exports, "is-selection-end", () => $52c51313300b3b3e$export$50722ae5663230f9, (v) => $52c51313300b3b3e$export$50722ae5663230f9 = v);
+$parcel$export($52c51313300b3b3e$exports, "is-range-selecting", () => $52c51313300b3b3e$export$7a763a0407a04336, (v) => $52c51313300b3b3e$export$7a763a0407a04336 = v);
+$parcel$export($52c51313300b3b3e$exports, "is-today", () => $52c51313300b3b3e$export$189f6cc7eaf68d8b, (v) => $52c51313300b3b3e$export$189f6cc7eaf68d8b = v);
+$parcel$export($52c51313300b3b3e$exports, "is-selected", () => $52c51313300b3b3e$export$1e0fb04f31d3c22a, (v) => $52c51313300b3b3e$export$1e0fb04f31d3c22a = v);
+$parcel$export($52c51313300b3b3e$exports, "is-hovered", () => $52c51313300b3b3e$export$b8813cd5d7824ce7, (v) => $52c51313300b3b3e$export$b8813cd5d7824ce7 = v);
+$parcel$export($52c51313300b3b3e$exports, "is-pressed", () => $52c51313300b3b3e$export$15b73a232798b8d3, (v) => $52c51313300b3b3e$export$15b73a232798b8d3 = v);
+var $52c51313300b3b3e$export$2d9837ea36f7a875;
+var $52c51313300b3b3e$export$8d90e3a3d21fe428;
+var $52c51313300b3b3e$export$7efb9b56af6e2d09;
+var $52c51313300b3b3e$export$185018e73e57145f;
+var $52c51313300b3b3e$export$98ee27555a2b7c01;
+var $52c51313300b3b3e$export$d4c1c2a202a50db2;
+var $52c51313300b3b3e$export$7876229ab722b448;
+var $52c51313300b3b3e$export$5dacd232bfef6687;
+var $52c51313300b3b3e$export$7ff21fe81b21fa51;
+var $52c51313300b3b3e$export$33407a73687c0e62;
+var $52c51313300b3b3e$export$27f4c38933cceedf;
+var $52c51313300b3b3e$export$292b81cfd590634d;
+var $52c51313300b3b3e$export$c20fe43d14f8fa36;
+var $52c51313300b3b3e$export$cc48a6e73fdb7719;
+var $52c51313300b3b3e$export$d35bc1e505d1ebbf;
+var $52c51313300b3b3e$export$38b08f1df825800e;
+var $52c51313300b3b3e$export$93ff5b06817b3d41;
+var $52c51313300b3b3e$export$e7dc768d35940237;
+var $52c51313300b3b3e$export$cd2839d8bb0c6407;
+var $52c51313300b3b3e$export$4ce7d3d24e42e411;
+var $52c51313300b3b3e$export$f0091c9d6b8c19d3;
+var $52c51313300b3b3e$export$52890a3cb1ab46b;
+var $52c51313300b3b3e$export$50722ae5663230f9;
+var $52c51313300b3b3e$export$7a763a0407a04336;
+var $52c51313300b3b3e$export$189f6cc7eaf68d8b;
+var $52c51313300b3b3e$export$1e0fb04f31d3c22a;
+var $52c51313300b3b3e$export$b8813cd5d7824ce7;
+var $52c51313300b3b3e$export$15b73a232798b8d3;
+$52c51313300b3b3e$export$2d9837ea36f7a875 = "spectrum-Calendar_6099b6";
+$52c51313300b3b3e$export$8d90e3a3d21fe428 = "spectrum-Calendar--padded_6099b6";
+$52c51313300b3b3e$export$7efb9b56af6e2d09 = "spectrum-Calendar-header_6099b6";
+$52c51313300b3b3e$export$185018e73e57145f = "spectrum-Calendar-monthHeader_6099b6";
+$52c51313300b3b3e$export$98ee27555a2b7c01 = "spectrum-Calendar-title_6099b6";
+$52c51313300b3b3e$export$d4c1c2a202a50db2 = "spectrum-Calendar-prevMonth_6099b6";
+$52c51313300b3b3e$export$7876229ab722b448 = "spectrum-Calendar-nextMonth_6099b6";
+$52c51313300b3b3e$export$5dacd232bfef6687 = "spectrum-Calendar-months_6099b6";
+$52c51313300b3b3e$export$7ff21fe81b21fa51 = "spectrum-Calendar-dayOfWeek_6099b6";
+$52c51313300b3b3e$export$33407a73687c0e62 = "spectrum-Calendar-body_6099b6";
+$52c51313300b3b3e$export$27f4c38933cceedf = "spectrum-Calendar-table_6099b6";
+$52c51313300b3b3e$export$292b81cfd590634d = "spectrum-Calendar-tableCell_6099b6";
+$52c51313300b3b3e$export$c20fe43d14f8fa36 = "spectrum-Calendar-date_6099b6";
+$52c51313300b3b3e$export$cc48a6e73fdb7719 = "spectrum-Calendar-dateText_6099b6";
+$52c51313300b3b3e$export$d35bc1e505d1ebbf = "is-disabled_6099b6";
+$52c51313300b3b3e$export$38b08f1df825800e = "is-unavailable_6099b6";
+$52c51313300b3b3e$export$93ff5b06817b3d41 = "is-outsideMonth_6099b6";
+$52c51313300b3b3e$export$e7dc768d35940237 = "is-focused_6099b6";
+$52c51313300b3b3e$export$cd2839d8bb0c6407 = "is-range-selection_6099b6";
+$52c51313300b3b3e$export$4ce7d3d24e42e411 = "is-range-start_6099b6";
+$52c51313300b3b3e$export$f0091c9d6b8c19d3 = "is-selection-start_6099b6";
+$52c51313300b3b3e$export$52890a3cb1ab46b = "is-range-end_6099b6";
+$52c51313300b3b3e$export$50722ae5663230f9 = "is-selection-end_6099b6";
+$52c51313300b3b3e$export$7a763a0407a04336 = "is-range-selecting_6099b6";
+$52c51313300b3b3e$export$189f6cc7eaf68d8b = "is-today_6099b6";
+$52c51313300b3b3e$export$1e0fb04f31d3c22a = "is-selected_6099b6";
+$52c51313300b3b3e$export$b8813cd5d7824ce7 = "is-hovered_6099b6";
+$52c51313300b3b3e$export$15b73a232798b8d3 = "is-pressed_6099b6";
+
+
+
+
+
+function $453c556b9066da11$export$5d847498420df57b({ state: state , currentMonth: currentMonth , ...props }) {
+    let ref = $40VnT$useRef();
+    let { cellProps: cellProps , buttonProps: buttonProps , isPressed: isPressed , isSelected: isSelected , isDisabled: isDisabled , isFocused: isFocused , formattedDate: formattedDate  } = $40VnT$useCalendarCell({
+        ...props,
+        isDisabled: !$40VnT$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 && $40VnT$isSameDay(props.date, highlightedRange.start);
+    let isSelectionEnd = isSelected && highlightedRange && $40VnT$isSameDay(props.date, highlightedRange.end);
+    let { locale: locale  } = $40VnT$useLocale();
+    let dayOfWeek = $40VnT$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  } = $40VnT$useFocusRing();
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $40VnT$useHover({
+        isDisabled: isDisabled || isUnavailable || state.isReadOnly
     });
-    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($be4f0cec50a586942f46dfb826aeabe0$$interop$default, 'spectrum-Calendar-tableCell')
-    }, /*#__PURE__*/_react.createElement(VisuallyHidden, null, dayLong), /*#__PURE__*/_react.createElement("span", {
-      "aria-hidden": "true",
-      className: classNames($be4f0cec50a586942f46dfb826aeabe0$$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($e063fdddb71e9ef291bdbb1ac2f23b10$export$CalendarCell, {
-    key: dayIndex,
-    state: state,
-    date: monthStart.add({
-      weeks: weekIndex,
-      days: dayIndex
-    }),
-    currentMonth: startDate
-  }))))));
+    return(/*#__PURE__*/ $40VnT$react.createElement("td", {
+        ...cellProps,
+        className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-tableCell')
+    }, /*#__PURE__*/ $40VnT$react.createElement("span", {
+        ...$40VnT$mergeProps(buttonProps, hoverProps, focusProps),
+        ref: ref,
+        className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-date', {
+            'is-today': $40VnT$isToday(props.date, state.timeZone),
+            'is-selected': isSelected,
+            'is-focused': isFocused && isFocusVisible,
+            'is-disabled': isDisabled,
+            'is-unavailable': isUnavailable,
+            'is-outsideMonth': !$40VnT$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__*/ $40VnT$react.createElement("span", {
+        className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-dateText')
+    }, /*#__PURE__*/ $40VnT$react.createElement("span", null, formattedDate)))));
 }
 
-function $ff7cb4cae699b79d58b93fa58010e9$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($be4f0cec50a586942f46dfb826aeabe0$$interop$default, 'spectrum-Calendar-monthHeader')
-    }, i === 0 && /*#__PURE__*/_react.createElement(ActionButton, _babelRuntimeHelpersEsmExtends({}, prevButtonProps, {
-      UNSAFE_className: classNames($be4f0cec50a586942f46dfb826aeabe0$$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($be4f0cec50a586942f46dfb826aeabe0$$interop$default, 'spectrum-Calendar-title')
-    }, monthDateFormatter.format(currentMonth.add({
-      months: i
-    }).toDate(state.timeZone))), i === visibleMonths - 1 && /*#__PURE__*/_react.createElement(ActionButton, _babelRuntimeHelpersEsmExtends({}, nextButtonProps, {
-      UNSAFE_className: classNames($be4f0cec50a586942f46dfb826aeabe0$$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 $faa2f3867773cfe5$export$26e2752316b9a375(props) {
+    props = $40VnT$useProviderProps(props);
+    let { state: state , startDate: startDate  } = props;
+    let { gridProps: gridProps , weekDays: weekDays  } = $40VnT$useCalendarGrid({
+        ...props,
+        endDate: $40VnT$endOfMonth(startDate)
+    }, state);
+    let { locale: locale  } = $40VnT$useLocale();
+    let monthStart = $40VnT$startOfWeek(startDate, locale);
+    let weeksInMonth = $40VnT$getWeeksInMonth(startDate, locale);
+    let [isRangeSelecting, setRangeSelecting] = $40VnT$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.
+    $40VnT$useEffect(()=>{
+        if (!hasAnchorDate && isRangeSelecting) {
+            let raf = requestAnimationFrame(()=>setRangeSelecting(false)
+            );
+            return ()=>cancelAnimationFrame(raf)
+            ;
+        }
+    }, [
+        hasAnchorDate,
+        isRangeSelecting
+    ]);
+    return(/*#__PURE__*/ $40VnT$react.createElement("table", {
+        ...gridProps,
+        className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-body', 'spectrum-Calendar-table', {
+            'is-range-selecting': isRangeSelecting
+        })
+    }, /*#__PURE__*/ $40VnT$react.createElement("thead", null, /*#__PURE__*/ $40VnT$react.createElement("tr", null, weekDays.map((day, index)=>/*#__PURE__*/ $40VnT$react.createElement("th", {
+            key: index,
+            className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-tableCell')
+        }, /*#__PURE__*/ $40VnT$react.createElement($40VnT$VisuallyHidden, null, day.long), /*#__PURE__*/ $40VnT$react.createElement("span", {
+            "aria-hidden": "true",
+            className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-dayOfWeek')
+        }, day.narrow))
+    ))), /*#__PURE__*/ $40VnT$react.createElement("tbody", null, [
+        ...new Array(weeksInMonth).keys()
+    ].map((weekIndex)=>/*#__PURE__*/ $40VnT$react.createElement("tr", {
+            key: weekIndex
+        }, [
+            ...new Array(7).keys()
+        ].map((dayIndex)=>/*#__PURE__*/ $40VnT$react.createElement($453c556b9066da11$export$5d847498420df57b, {
+                key: dayIndex,
+                state: state,
+                date: monthStart.add({
+                    weeks: weekIndex,
+                    days: dayIndex
+                }),
+                currentMonth: startDate
+            })
+        ))
+    ))));
+}
+
+
+
+
+
+
+
+
+
+function $62cd1e80f0dffb66$export$bfd52a43017368fe(props) {
+    props = $40VnT$useProviderProps(props);
+    let { state: state , calendarProps: calendarProps , nextButtonProps: nextButtonProps , prevButtonProps: prevButtonProps , calendarRef: ref , visibleMonths: visibleMonths = 1  } = props;
+    let { direction: direction  } = $40VnT$useLocale();
+    let currentMonth = state.visibleRange.start;
+    let monthDateFormatter = $40VnT$useDateFormatter({
+        month: 'long',
+        year: 'numeric',
+        era: currentMonth.calendar.identifier !== 'gregory' ? 'long' : undefined,
+        calendar: currentMonth.calendar.identifier,
+        timeZone: state.timeZone
     });
-    calendars.push( /*#__PURE__*/_react.createElement($a61ab4829fcdd02202f30ae2d742ae1$export$CalendarMonth, _babelRuntimeHelpersEsmExtends({}, props, {
-      key: d.year + "-" + d.month + "-" + d.day,
-      state: state,
-      startDate: d
-    })));
-  }
-
-  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, calendarProps, {
-    ref: ref,
-    className: classNames($be4f0cec50a586942f46dfb826aeabe0$$interop$default, 'spectrum-Calendar')
-  }), /*#__PURE__*/_react.createElement("div", {
-    className: classNames($be4f0cec50a586942f46dfb826aeabe0$$interop$default, 'spectrum-Calendar-header')
-  }, titles), /*#__PURE__*/_react.createElement("div", {
-    className: classNames($be4f0cec50a586942f46dfb826aeabe0$$interop$default, 'spectrum-Calendar-months')
-  }, calendars));
+    let titles = [];
+    let calendars = [];
+    for(let i = 0; i < visibleMonths; i++){
+        titles.push(/*#__PURE__*/ $40VnT$react.createElement("div", {
+            key: i,
+            className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-monthHeader')
+        }, i === 0 && /*#__PURE__*/ $40VnT$react.createElement($40VnT$ActionButton, {
+            ...prevButtonProps,
+            UNSAFE_className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-prevMonth'),
+            isQuiet: true
+        }, direction === 'rtl' ? /*#__PURE__*/ $40VnT$react.createElement($40VnT$spectrumiconsuiChevronRightLarge, null) : /*#__PURE__*/ $40VnT$react.createElement($40VnT$spectrumiconsuiChevronLeftLarge, null)), /*#__PURE__*/ $40VnT$react.createElement("h2", {
+            className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-title')
+        }, monthDateFormatter.format(currentMonth.add({
+            months: i
+        }).toDate(state.timeZone))), i === visibleMonths - 1 && /*#__PURE__*/ $40VnT$react.createElement($40VnT$ActionButton, {
+            ...nextButtonProps,
+            UNSAFE_className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-nextMonth'),
+            isQuiet: true
+        }, direction === 'rtl' ? /*#__PURE__*/ $40VnT$react.createElement($40VnT$spectrumiconsuiChevronLeftLarge, null) : /*#__PURE__*/ $40VnT$react.createElement($40VnT$spectrumiconsuiChevronRightLarge, null))));
+        let d = currentMonth.add({
+            months: i
+        });
+        calendars.push(/*#__PURE__*/ $40VnT$react.createElement($faa2f3867773cfe5$export$26e2752316b9a375, {
+            ...props,
+            key: `${d.year}-${d.month}-${d.day}`,
+            state: state,
+            startDate: d
+        }));
+    }
+    return(/*#__PURE__*/ $40VnT$react.createElement("div", {
+        ...calendarProps,
+        ref: ref,
+        className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar')
+    }, /*#__PURE__*/ $40VnT$react.createElement("div", {
+        className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-header')
+    }, titles), /*#__PURE__*/ $40VnT$react.createElement("div", {
+        className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-months')
+    }, calendars)));
 }
 
-export function Calendar(props) {
-  let {
-    visibleMonths = 1
-  } = props;
-  let visibleDuration = useMemo(() => ({
-    months: visibleMonths
-  }), [visibleMonths]);
-  let {
-    locale
-  } = useLocale();
-  let state = useCalendarState(_babelRuntimeHelpersEsmExtends({}, props, {
-    locale,
-    visibleDuration,
-    createCalendar
-  }));
-  return /*#__PURE__*/_react.createElement($ff7cb4cae699b79d58b93fa58010e9$export$CalendarBase, _babelRuntimeHelpersEsmExtends({}, props, {
-    state: state,
-    useCalendar: _useCalendar
-  }));
+
+
+
+
+
+
+function $d2b8d4577dd88671$export$e1aef45b828286de(props) {
+    let { visibleMonths: visibleMonths = 1  } = props;
+    let visibleDuration = $40VnT$useMemo(()=>({
+            months: visibleMonths
+        })
+    , [
+        visibleMonths
+    ]);
+    let { locale: locale  } = $40VnT$useLocale();
+    let state = $40VnT$useCalendarState({
+        ...props,
+        locale: locale,
+        visibleDuration: visibleDuration,
+        createCalendar: $40VnT$createCalendar
+    });
+    let ref = $40VnT$useRef();
+    let { calendarProps: calendarProps , prevButtonProps: prevButtonProps , nextButtonProps: nextButtonProps  } = $40VnT$useCalendar(props, state);
+    return(/*#__PURE__*/ $40VnT$react.createElement($62cd1e80f0dffb66$export$bfd52a43017368fe, {
+        ...props,
+        state: state,
+        calendarRef: ref,
+        calendarProps: calendarProps,
+        prevButtonProps: prevButtonProps,
+        nextButtonProps: nextButtonProps
+    }));
 }
-export function RangeCalendar(props) {
-  let {
-    visibleMonths = 1
-  } = props;
-  let visibleDuration = useMemo(() => ({
-    months: visibleMonths
-  }), [visibleMonths]);
-  let {
-    locale
-  } = useLocale();
-  let state = useRangeCalendarState(_babelRuntimeHelpersEsmExtends({}, props, {
-    locale,
-    visibleDuration,
-    createCalendar
-  }));
-  return /*#__PURE__*/_react.createElement($ff7cb4cae699b79d58b93fa58010e9$export$CalendarBase, _babelRuntimeHelpersEsmExtends({}, props, {
-    state: state,
-    useCalendar: useRangeCalendar
-  }));
+
+
+var $8b1e8eddbf3b15de$exports = {};
+
+$parcel$export($8b1e8eddbf3b15de$exports, "RangeCalendar", () => $8b1e8eddbf3b15de$export$a4f5c8b89d277a8d);
+
+
+
+
+
+
+function $8b1e8eddbf3b15de$export$a4f5c8b89d277a8d(props) {
+    let { visibleMonths: visibleMonths = 1  } = props;
+    let visibleDuration = $40VnT$useMemo(()=>({
+            months: visibleMonths
+        })
+    , [
+        visibleMonths
+    ]);
+    let { locale: locale  } = $40VnT$useLocale();
+    let state = $40VnT$useRangeCalendarState({
+        ...props,
+        locale: locale,
+        visibleDuration: visibleDuration,
+        createCalendar: $40VnT$createCalendar
+    });
+    let ref = $40VnT$useRef();
+    let { calendarProps: calendarProps , prevButtonProps: prevButtonProps , nextButtonProps: nextButtonProps  } = $40VnT$useRangeCalendar(props, state, ref);
+    return(/*#__PURE__*/ $40VnT$react.createElement($62cd1e80f0dffb66$export$bfd52a43017368fe, {
+        ...props,
+        state: state,
+        calendarRef: ref,
+        calendarProps: calendarProps,
+        prevButtonProps: prevButtonProps,
+        nextButtonProps: nextButtonProps
+    }));
 }
+
+
+
+
+export {$d2b8d4577dd88671$export$e1aef45b828286de as Calendar, $8b1e8eddbf3b15de$export$a4f5c8b89d277a8d as RangeCalendar};
 //# sourceMappingURL=module.js.map