@react-spectrum/calendar 3.0.0-alpha.0

package/dist/module.js

@@ -0,0 +1,300 @@
+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";
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+// 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)));
+}
+
+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
+    });
+    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
+  }))))));
+}
+
+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
+    });
+    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));
+}
+
+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
+  }));
+}
+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
+  }));
+}
+//# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/calendar/vars.css","./packages/@react-spectrum/calendar/src/CalendarCell.tsx","./packages/@react-spectrum/calendar/src/CalendarMonth.tsx","./packages/@react-spectrum/calendar/src/CalendarBase.tsx","./packages/@react-spectrum/calendar/src/Calendar.tsx","./packages/@react-spectrum/calendar/src/RangeCalendar.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","/*\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","/*\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, isEqualDay, 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, {useMemo, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useDateFormatter, useLocale} from '@react-aria/i18n';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\n\ninterface CalendarCellProps extends AriaCalendarCellProps {\n  state: CalendarState | RangeCalendarState,\n  currentMonth: CalendarDate\n}\n\nexport function CalendarCell({state, currentMonth, ...props}: CalendarCellProps) {\n  let ref = useRef<HTMLElement>();\n  let {cellProps, buttonProps, isPressed} = useCalendarCell({\n    ...props,\n    isDisabled: !isSameMonth(props.date, currentMonth)\n  }, state, ref);\n  let {hoverProps, isHovered} = useHover({});\n  let dateFormatter = useDateFormatter({\n    day: 'numeric',\n    timeZone: state.timeZone,\n    calendar: currentMonth.calendar.identifier\n  });\n  let isSelected = state.isSelected(props.date);\n  let highlightedRange = 'highlightedRange' in state && state.highlightedRange;\n  let isSelectionStart = highlightedRange && isSameDay(props.date, highlightedRange.start);\n  let isSelectionEnd = highlightedRange && isSameDay(props.date, highlightedRange.end);\n  let {locale} = useLocale();\n  let dayOfWeek = getDayOfWeek(props.date, locale);\n  let isRangeStart = isSelected && (dayOfWeek === 0 || props.date.day === 1);\n  let isRangeEnd = isSelected && (dayOfWeek === 6 || props.date.day === currentMonth.calendar.getDaysInMonth(currentMonth));\n  let {focusProps, isFocusVisible} = useFocusRing();\n\n  // For performance, reuse the same date object as before if the new date prop is the same.\n  // This allows subsequent useMemo results to be reused.\n  let date = props.date;\n  let lastDate = useRef(null);\n  if (lastDate.current && isEqualDay(date, lastDate.current)) {\n    date = lastDate.current;\n  }\n\n  lastDate.current = date;\n\n  let nativeDate = useMemo(() => date.toDate(state.timeZone), [date, state.timeZone]);\n  let formatted = useMemo(() => dateFormatter.format(nativeDate), [dateFormatter, nativeDate]);\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': state.isCellFocused(props.date) && isFocusVisible,\n          'is-disabled': state.isCellDisabled(props.date),\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\n        })}>\n        <span className={classNames(styles, 'spectrum-Calendar-dateText')}>{formatted}</span>\n      </span>\n    </td>\n  );\n}\n","/*\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, startOfWeek} 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, {useEffect, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useCalendarGrid} from '@react-aria/calendar';\nimport {useDateFormatter, useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {VisuallyHidden} from '@react-aria/visually-hidden';\n\ninterface CalendarMonthProps extends CalendarPropsBase, DOMProps, StyleProps {\n  state: CalendarState | RangeCalendarState,\n  startDate: CalendarDate\n}\n\nexport function CalendarMonth(props: CalendarMonthProps) {\n  props = useProviderProps(props);\n  let {\n    state,\n    startDate\n  } = props;\n  let {\n    gridProps\n  } = useCalendarGrid({\n    ...props,\n    endDate: endOfMonth(startDate)\n  }, state);\n\n  let dayFormatter = useDateFormatter({weekday: 'narrow'});\n  let dayFormatterLong = useDateFormatter({weekday: 'long'});\n\n  let {locale} = useLocale();\n  let monthStart = startOfWeek(startDate, locale);\n  let weeksInMonth = getWeeksInMonth(startDate, locale);\n\n  let [isRangeSelecting, setRangeSelecting] = useState(false);\n  let hasAnchorDate = 'anchorDate' in state && state.anchorDate != null;\n\n  // Update isRangeSelecting immediately when it becomes true.\n  // This feels weird but is actually fine...\n  // https://reactjs.org/docs/hooks-faq.html#how-do-i-implement-getderivedstatefromprops\n  if (hasAnchorDate && !isRangeSelecting) {\n    setRangeSelecting(true);\n  }\n\n  // Delay removing the is-range-selecting class for a frame after selection ends.\n  // This avoids an undesired animation on touch devices.\n  useEffect(() => {\n    if (!hasAnchorDate && isRangeSelecting) {\n      let raf = requestAnimationFrame(() => setRangeSelecting(false));\n      return () => cancelAnimationFrame(raf);\n    }\n  }, [hasAnchorDate, isRangeSelecting]);\n\n  return (\n    <table\n      {...gridProps}\n      className={classNames(styles, 'spectrum-Calendar-body', 'spectrum-Calendar-table', {'is-range-selecting': isRangeSelecting})}>\n      <thead>\n        <tr>\n          {[...new Array(7).keys()].map((index) => {\n            let date = monthStart.add({days: index});\n            let dateDay = date.toDate(state.timeZone);\n            let day = dayFormatter.format(dateDay);\n            let dayLong = dayFormatterLong.format(dateDay);\n            return (\n              <th\n                key={index}\n                className={classNames(styles, 'spectrum-Calendar-tableCell')}>\n                {/* Make sure screen readers read the full day name, but we show an abbreviation visually. */}\n                <VisuallyHidden>{dayLong}</VisuallyHidden>\n                <span aria-hidden=\"true\" className={classNames(styles, 'spectrum-Calendar-dayOfWeek')}>\n                  {day}\n                </span>\n              </th>\n            );\n          })}\n        </tr>\n      </thead>\n      <tbody>\n        {[...new Array(weeksInMonth).keys()].map(weekIndex => (\n          <tr key={weekIndex}>\n            {[...new Array(7).keys()].map(dayIndex => (\n              <CalendarCell\n                key={dayIndex}\n                state={state}\n                date={monthStart.add({weeks: weekIndex, days: dayIndex})}\n                currentMonth={startDate} />\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n","/*\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 {CalendarAria} from '@react-aria/calendar';\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} from '@react-spectrum/utils';\nimport {DOMProps, StyleProps} from '@react-types/shared';\nimport React, {RefObject, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useDateFormatter, useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\ninterface CalendarBaseProps<T extends CalendarState | RangeCalendarState> extends CalendarPropsBase, DOMProps, StyleProps {\n  state: T,\n  useCalendar: (props: CalendarPropsBase, state: T, ref?: RefObject<HTMLElement>) => CalendarAria,\n  visibleMonths?: number\n}\n\nexport function CalendarBase<T extends CalendarState | RangeCalendarState>(props: CalendarBaseProps<T>) {\n  props = useProviderProps(props);\n  let {\n    state,\n    useCalendar,\n    visibleMonths = 1\n  } = props;\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' ? 'long' : undefined,\n    calendar: currentMonth.calendar.identifier\n  });\n  let ref = useRef(null);\n  let {calendarProps, prevButtonProps, nextButtonProps} = useCalendar(props, state, ref);\n\n  let titles = [];\n  let calendars = [];\n  for (let i = 0; i < visibleMonths; 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          className={classNames(styles, 'spectrum-Calendar-title')}>\n          {monthDateFormatter.format(currentMonth.add({months: i}).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    let d = currentMonth.add({months: i});\n    calendars.push(\n      <CalendarMonth\n        {...props}\n        key={`${d.year}-${d.month}-${d.day}`}\n        state={state}\n        startDate={d} />\n    );\n  }\n\n  return (\n    <div\n      {...calendarProps}\n      ref={ref}\n      className={\n        classNames(styles,\n          'spectrum-Calendar'\n        )\n      }>\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    </div>\n  );\n}\n","/*\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 {DateValue, SpectrumCalendarProps} from '@react-types/calendar';\nimport React, {useMemo} from 'react';\nimport {useCalendar} from '@react-aria/calendar';\nimport {useCalendarState} from '@react-stately/calendar';\nimport {useLocale} from '@react-aria/i18n';\n\nexport function Calendar<T extends DateValue>(props: SpectrumCalendarProps<T>) {\n  let {visibleMonths = 1} = props;\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  return (\n    <CalendarBase\n      {...props}\n      state={state}\n      useCalendar={useCalendar} />\n  );\n}\n","/*\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 {DateValue, SpectrumRangeCalendarProps} from '@react-types/calendar';\nimport React, {useMemo} from 'react';\nimport {useLocale} from '@react-aria/i18n';\nimport {useRangeCalendar} from '@react-aria/calendar';\nimport {useRangeCalendarState} from '@react-stately/calendar';\n\nexport function RangeCalendar<T extends DateValue>(props: SpectrumRangeCalendarProps<T>) {\n  let {visibleMonths = 1} = props;\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  return (\n    <CalendarBase\n      {...props}\n      state={state}\n      useCalendar={useRangeCalendar} />\n  );\n}\n"],"names":["$parcel$interopDefault","a","__esModule","default","CalendarCell","state","currentMonth","props","ref","useRef","cellProps","buttonProps","isPressed","useCalendarCell","isDisabled","isSameMonth","date","hoverProps","isHovered","useHover","dateFormatter","useDateFormatter","day","timeZone","calendar","identifier","isSelected","highlightedRange","isSelectionStart","isSameDay","start","isSelectionEnd","end","locale","useLocale","dayOfWeek","getDayOfWeek","isRangeStart","isRangeEnd","getDaysInMonth","focusProps","isFocusVisible","useFocusRing","lastDate","current","isEqualDay","nativeDate","useMemo","toDate","formatted","format","classNames","mergeProps","isToday","isCellFocused","isCellDisabled","CalendarMonth","useProviderProps","startDate","gridProps","useCalendarGrid","endDate","endOfMonth","dayFormatter","weekday","dayFormatterLong","monthStart","startOfWeek","weeksInMonth","getWeeksInMonth","isRangeSelecting","setRangeSelecting","useState","hasAnchorDate","anchorDate","useEffect","raf","requestAnimationFrame","cancelAnimationFrame","Array","keys","map","index","add","days","dateDay","dayLong","weekIndex","dayIndex","weeks","CalendarBase","useCalendar","visibleMonths","direction","visibleRange","monthDateFormatter","month","year","era","undefined","calendarProps","prevButtonProps","nextButtonProps","titles","calendars","i","push","months","d","Calendar","visibleDuration","useCalendarState","createCalendar","RangeCalendar","useRangeCalendarState","useRangeCalendar"],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -0,0 +1,5 @@
+import { DateValue, SpectrumCalendarProps, SpectrumRangeCalendarProps } from "@react-types/calendar";
+export function Calendar<T extends DateValue>(props: SpectrumCalendarProps<T>): JSX.Element;
+export function RangeCalendar<T extends DateValue>(props: SpectrumRangeCalendarProps<T>): JSX.Element;
+
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"A;AGoBA,yBAAyB,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,eAiB5E;ACjBD,8BAA8B,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,2BAA2B,CAAC,CAAC,eAiBtF","sources":["./packages/@react-spectrum/calendar/src/packages/@react-spectrum/calendar/src/CalendarCell.tsx","./packages/@react-spectrum/calendar/src/packages/@react-spectrum/calendar/src/CalendarMonth.tsx","./packages/@react-spectrum/calendar/src/packages/@react-spectrum/calendar/src/CalendarBase.tsx","./packages/@react-spectrum/calendar/src/packages/@react-spectrum/calendar/src/Calendar.tsx","./packages/@react-spectrum/calendar/src/packages/@react-spectrum/calendar/src/RangeCalendar.tsx","./packages/@react-spectrum/calendar/src/packages/@react-spectrum/calendar/src/index.ts"],"sourcesContent":[null,null,null,null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@react-spectrum/calendar",
+  "version": "3.0.0-alpha.0",
+  "description": "Spectrum UI components in React",
+  "license": "Apache-2.0",
+  "main": "dist/main.js",
+  "module": "dist/module.js",
+  "types": "dist/types.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "targets": {
+    "main": {
+      "includeNodeModules": [
+        "@adobe/spectrum-css-temp"
+      ]
+    },
+    "module": {
+      "includeNodeModules": [
+        "@adobe/spectrum-css-temp"
+      ]
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.6.2",
+    "@internationalized/date": "3.0.0-alpha.0",
+    "@react-aria/calendar": "3.0.0-alpha.0",
+    "@react-aria/focus": "^3.1.0",
+    "@react-aria/i18n": "^3.3.3",
+    "@react-aria/interactions": "^3.7.0",
+    "@react-aria/utils": "^3.10.0",
+    "@react-aria/visually-hidden": "^3.1.0",
+    "@react-spectrum/button": "^3.1.0",
+    "@react-spectrum/utils": "^3.6.3",
+    "@react-stately/calendar": "3.0.0-alpha.0",
+    "@react-types/calendar": "3.0.0-alpha.0",
+    "@react-types/shared": "^3.10.0",
+    "@spectrum-icons/ui": "^3.1.0",
+    "date-fns": "^1.30.1"
+  },
+  "devDependencies": {
+    "@adobe/spectrum-css-temp": "3.0.0-alpha.1",
+    "@react-spectrum/test-utils": "3.0.0-alpha.1"
+  },
+  "peerDependencies": {
+    "@react-spectrum/provider": "^3.0.0",
+    "react": "^16.8.0 || ^17.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "896eabe5521a0349a675c4773ed7629addd4b8c4"
+}

package/src/Calendar.tsx

@@ -0,0 +1,38 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {CalendarBase} from './CalendarBase';
+import {createCalendar} from '@internationalized/date';
+import {DateValue, SpectrumCalendarProps} from '@react-types/calendar';
+import React, {useMemo} from 'react';
+import {useCalendar} from '@react-aria/calendar';
+import {useCalendarState} from '@react-stately/calendar';
+import {useLocale} from '@react-aria/i18n';
+
+export function Calendar<T extends DateValue>(props: SpectrumCalendarProps<T>) {
+  let {visibleMonths = 1} = props;
+  let visibleDuration = useMemo(() => ({months: visibleMonths}), [visibleMonths]);
+  let {locale} = useLocale();
+  let state = useCalendarState({
+    ...props,
+    locale,
+    visibleDuration,
+    createCalendar
+  });
+
+  return (
+    <CalendarBase
+      {...props}
+      state={state}
+      useCalendar={useCalendar} />
+  );
+}

package/src/CalendarBase.tsx

@@ -0,0 +1,106 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {ActionButton} from '@react-spectrum/button';
+import {CalendarAria} from '@react-aria/calendar';
+import {CalendarMonth} from './CalendarMonth';
+import {CalendarPropsBase} from '@react-types/calendar';
+import {CalendarState, RangeCalendarState} from '@react-stately/calendar';
+import ChevronLeft from '@spectrum-icons/ui/ChevronLeftLarge';
+import ChevronRight from '@spectrum-icons/ui/ChevronRightLarge';
+import {classNames} from '@react-spectrum/utils';
+import {DOMProps, StyleProps} from '@react-types/shared';
+import React, {RefObject, useRef} from 'react';
+import styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';
+import {useDateFormatter, useLocale} from '@react-aria/i18n';
+import {useProviderProps} from '@react-spectrum/provider';
+
+interface CalendarBaseProps<T extends CalendarState | RangeCalendarState> extends CalendarPropsBase, DOMProps, StyleProps {
+  state: T,
+  useCalendar: (props: CalendarPropsBase, state: T, ref?: RefObject<HTMLElement>) => CalendarAria,
+  visibleMonths?: number
+}
+
+export function CalendarBase<T extends CalendarState | RangeCalendarState>(props: CalendarBaseProps<T>) {
+  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(
+      <div key={i} className={classNames(styles, 'spectrum-Calendar-monthHeader')}>
+        {i === 0 &&
+          <ActionButton
+            {...prevButtonProps}
+            UNSAFE_className={classNames(styles, 'spectrum-Calendar-prevMonth')}
+            isQuiet>
+            {direction === 'rtl' ? <ChevronRight /> : <ChevronLeft />}
+          </ActionButton>
+        }
+        <h2
+          className={classNames(styles, 'spectrum-Calendar-title')}>
+          {monthDateFormatter.format(currentMonth.add({months: i}).toDate(state.timeZone))}
+        </h2>
+        {i === visibleMonths - 1 &&
+          <ActionButton
+            {...nextButtonProps}
+            UNSAFE_className={classNames(styles, 'spectrum-Calendar-nextMonth')}
+            isQuiet>
+            {direction === 'rtl' ? <ChevronLeft /> : <ChevronRight />}
+          </ActionButton>
+        }
+      </div>
+    );
+
+    let d = currentMonth.add({months: i});
+    calendars.push(
+      <CalendarMonth
+        {...props}
+        key={`${d.year}-${d.month}-${d.day}`}
+        state={state}
+        startDate={d} />
+    );
+  }
+
+  return (
+    <div
+      {...calendarProps}
+      ref={ref}
+      className={
+        classNames(styles,
+          'spectrum-Calendar'
+        )
+      }>
+      <div className={classNames(styles, 'spectrum-Calendar-header')}>
+        {titles}
+      </div>
+      <div className={classNames(styles, 'spectrum-Calendar-months')}>
+        {calendars}
+      </div>
+    </div>
+  );
+}