@react-aria/calendar 3.5.5 → 3.5.7

package/dist/utils.mjs

@@ -0,0 +1,130 @@
+import $3HATx$intlStringsmodulejs from "./intlStrings.mjs";
+import {isSameDay as $3HATx$isSameDay, startOfMonth as $3HATx$startOfMonth, endOfMonth as $3HATx$endOfMonth} from "@internationalized/date";
+import {useLocalizedStringFormatter as $3HATx$useLocalizedStringFormatter, useDateFormatter as $3HATx$useDateFormatter} from "@react-aria/i18n";
+import {useMemo as $3HATx$useMemo} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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.
+ */ 
+
+
+
+const $a074e1e2d0f0a665$export$653eddfc964b0f8a = new WeakMap();
+function $a074e1e2d0f0a665$export$134cbb7fb09a9522(date) {
+    return (date === null || date === void 0 ? void 0 : date.calendar.identifier) === "gregory" && date.era === "BC" ? "short" : undefined;
+}
+function $a074e1e2d0f0a665$export$b6df97c887c38e1a(state) {
+    let stringFormatter = (0, $3HATx$useLocalizedStringFormatter)((0, ($parcel$interopDefault($3HATx$intlStringsmodulejs))), "@react-aria/calendar");
+    let start, end;
+    if ("highlightedRange" in state) ({ start: start, end: end } = state.highlightedRange || {});
+    else start = end = state.value;
+    let dateFormatter = (0, $3HATx$useDateFormatter)({
+        weekday: "long",
+        month: "long",
+        year: "numeric",
+        day: "numeric",
+        era: $a074e1e2d0f0a665$export$134cbb7fb09a9522(start) || $a074e1e2d0f0a665$export$134cbb7fb09a9522(end),
+        timeZone: state.timeZone
+    });
+    let anchorDate = "anchorDate" in state ? state.anchorDate : null;
+    return (0, $3HATx$useMemo)(()=>{
+        // No message if currently selecting a range, or there is nothing highlighted.
+        if (!anchorDate && start && end) {
+            // Use a single date message if the start and end dates are the same day,
+            // otherwise include both dates.
+            if ((0, $3HATx$isSameDay)(start, end)) {
+                let date = dateFormatter.format(start.toDate(state.timeZone));
+                return stringFormatter.format("selectedDateDescription", {
+                    date: date
+                });
+            } else {
+                let dateRange = $a074e1e2d0f0a665$var$formatRange(dateFormatter, stringFormatter, start, end, state.timeZone);
+                return stringFormatter.format("selectedRangeDescription", {
+                    dateRange: dateRange
+                });
+            }
+        }
+        return "";
+    }, [
+        start,
+        end,
+        anchorDate,
+        state.timeZone,
+        stringFormatter,
+        dateFormatter
+    ]);
+}
+function $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, timeZone, isAria) {
+    let stringFormatter = (0, $3HATx$useLocalizedStringFormatter)((0, ($parcel$interopDefault($3HATx$intlStringsmodulejs))), "@react-aria/calendar");
+    let era = $a074e1e2d0f0a665$export$134cbb7fb09a9522(startDate) || $a074e1e2d0f0a665$export$134cbb7fb09a9522(endDate);
+    let monthFormatter = (0, $3HATx$useDateFormatter)({
+        month: "long",
+        year: "numeric",
+        era: era,
+        calendar: startDate.calendar.identifier,
+        timeZone: timeZone
+    });
+    let dateFormatter = (0, $3HATx$useDateFormatter)({
+        month: "long",
+        year: "numeric",
+        day: "numeric",
+        era: era,
+        calendar: startDate.calendar.identifier,
+        timeZone: timeZone
+    });
+    return (0, $3HATx$useMemo)(()=>{
+        // Special case for month granularity. Format as a single month if only a
+        // single month is visible, otherwise format as a range of months.
+        if ((0, $3HATx$isSameDay)(startDate, (0, $3HATx$startOfMonth)(startDate))) {
+            if ((0, $3HATx$isSameDay)(endDate, (0, $3HATx$endOfMonth)(startDate))) return monthFormatter.format(startDate.toDate(timeZone));
+            else if ((0, $3HATx$isSameDay)(endDate, (0, $3HATx$endOfMonth)(endDate))) return isAria ? $a074e1e2d0f0a665$var$formatRange(monthFormatter, stringFormatter, startDate, endDate, timeZone) : monthFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
+        }
+        return isAria ? $a074e1e2d0f0a665$var$formatRange(dateFormatter, stringFormatter, startDate, endDate, timeZone) : dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
+    }, [
+        startDate,
+        endDate,
+        monthFormatter,
+        dateFormatter,
+        stringFormatter,
+        timeZone,
+        isAria
+    ]);
+}
+function $a074e1e2d0f0a665$var$formatRange(dateFormatter, stringFormatter, start, end, timeZone) {
+    let parts = dateFormatter.formatRangeToParts(start.toDate(timeZone), end.toDate(timeZone));
+    // Find the separator between the start and end date. This is determined
+    // by finding the last shared literal before the end range.
+    let separatorIndex = -1;
+    for(let i = 0; i < parts.length; i++){
+        let part = parts[i];
+        if (part.source === "shared" && part.type === "literal") separatorIndex = i;
+        else if (part.source === "endRange") break;
+    }
+    // Now we can combine the parts into start and end strings.
+    let startValue = "";
+    let endValue = "";
+    for(let i = 0; i < parts.length; i++){
+        if (i < separatorIndex) startValue += parts[i].value;
+        else if (i > separatorIndex) endValue += parts[i].value;
+    }
+    return stringFormatter.format("dateRange", {
+        startDate: startValue,
+        endDate: endValue
+    });
+}
+
+
+export {$a074e1e2d0f0a665$export$653eddfc964b0f8a as hookData, $a074e1e2d0f0a665$export$134cbb7fb09a9522 as getEraFormat, $a074e1e2d0f0a665$export$b6df97c887c38e1a as useSelectedDateDescription, $a074e1e2d0f0a665$export$31afe65d91ef6e8 as useVisibleRangeDescription};
+//# sourceMappingURL=utils.mjs.map

package/dist/utils.module.js

@@ -0,0 +1,130 @@
+import $3HATx$intlStringsmodulejs from "./intlStrings.module.js";
+import {isSameDay as $3HATx$isSameDay, startOfMonth as $3HATx$startOfMonth, endOfMonth as $3HATx$endOfMonth} from "@internationalized/date";
+import {useLocalizedStringFormatter as $3HATx$useLocalizedStringFormatter, useDateFormatter as $3HATx$useDateFormatter} from "@react-aria/i18n";
+import {useMemo as $3HATx$useMemo} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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.
+ */ 
+
+
+
+const $a074e1e2d0f0a665$export$653eddfc964b0f8a = new WeakMap();
+function $a074e1e2d0f0a665$export$134cbb7fb09a9522(date) {
+    return (date === null || date === void 0 ? void 0 : date.calendar.identifier) === "gregory" && date.era === "BC" ? "short" : undefined;
+}
+function $a074e1e2d0f0a665$export$b6df97c887c38e1a(state) {
+    let stringFormatter = (0, $3HATx$useLocalizedStringFormatter)((0, ($parcel$interopDefault($3HATx$intlStringsmodulejs))), "@react-aria/calendar");
+    let start, end;
+    if ("highlightedRange" in state) ({ start: start, end: end } = state.highlightedRange || {});
+    else start = end = state.value;
+    let dateFormatter = (0, $3HATx$useDateFormatter)({
+        weekday: "long",
+        month: "long",
+        year: "numeric",
+        day: "numeric",
+        era: $a074e1e2d0f0a665$export$134cbb7fb09a9522(start) || $a074e1e2d0f0a665$export$134cbb7fb09a9522(end),
+        timeZone: state.timeZone
+    });
+    let anchorDate = "anchorDate" in state ? state.anchorDate : null;
+    return (0, $3HATx$useMemo)(()=>{
+        // No message if currently selecting a range, or there is nothing highlighted.
+        if (!anchorDate && start && end) {
+            // Use a single date message if the start and end dates are the same day,
+            // otherwise include both dates.
+            if ((0, $3HATx$isSameDay)(start, end)) {
+                let date = dateFormatter.format(start.toDate(state.timeZone));
+                return stringFormatter.format("selectedDateDescription", {
+                    date: date
+                });
+            } else {
+                let dateRange = $a074e1e2d0f0a665$var$formatRange(dateFormatter, stringFormatter, start, end, state.timeZone);
+                return stringFormatter.format("selectedRangeDescription", {
+                    dateRange: dateRange
+                });
+            }
+        }
+        return "";
+    }, [
+        start,
+        end,
+        anchorDate,
+        state.timeZone,
+        stringFormatter,
+        dateFormatter
+    ]);
+}
+function $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, timeZone, isAria) {
+    let stringFormatter = (0, $3HATx$useLocalizedStringFormatter)((0, ($parcel$interopDefault($3HATx$intlStringsmodulejs))), "@react-aria/calendar");
+    let era = $a074e1e2d0f0a665$export$134cbb7fb09a9522(startDate) || $a074e1e2d0f0a665$export$134cbb7fb09a9522(endDate);
+    let monthFormatter = (0, $3HATx$useDateFormatter)({
+        month: "long",
+        year: "numeric",
+        era: era,
+        calendar: startDate.calendar.identifier,
+        timeZone: timeZone
+    });
+    let dateFormatter = (0, $3HATx$useDateFormatter)({
+        month: "long",
+        year: "numeric",
+        day: "numeric",
+        era: era,
+        calendar: startDate.calendar.identifier,
+        timeZone: timeZone
+    });
+    return (0, $3HATx$useMemo)(()=>{
+        // Special case for month granularity. Format as a single month if only a
+        // single month is visible, otherwise format as a range of months.
+        if ((0, $3HATx$isSameDay)(startDate, (0, $3HATx$startOfMonth)(startDate))) {
+            if ((0, $3HATx$isSameDay)(endDate, (0, $3HATx$endOfMonth)(startDate))) return monthFormatter.format(startDate.toDate(timeZone));
+            else if ((0, $3HATx$isSameDay)(endDate, (0, $3HATx$endOfMonth)(endDate))) return isAria ? $a074e1e2d0f0a665$var$formatRange(monthFormatter, stringFormatter, startDate, endDate, timeZone) : monthFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
+        }
+        return isAria ? $a074e1e2d0f0a665$var$formatRange(dateFormatter, stringFormatter, startDate, endDate, timeZone) : dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
+    }, [
+        startDate,
+        endDate,
+        monthFormatter,
+        dateFormatter,
+        stringFormatter,
+        timeZone,
+        isAria
+    ]);
+}
+function $a074e1e2d0f0a665$var$formatRange(dateFormatter, stringFormatter, start, end, timeZone) {
+    let parts = dateFormatter.formatRangeToParts(start.toDate(timeZone), end.toDate(timeZone));
+    // Find the separator between the start and end date. This is determined
+    // by finding the last shared literal before the end range.
+    let separatorIndex = -1;
+    for(let i = 0; i < parts.length; i++){
+        let part = parts[i];
+        if (part.source === "shared" && part.type === "literal") separatorIndex = i;
+        else if (part.source === "endRange") break;
+    }
+    // Now we can combine the parts into start and end strings.
+    let startValue = "";
+    let endValue = "";
+    for(let i = 0; i < parts.length; i++){
+        if (i < separatorIndex) startValue += parts[i].value;
+        else if (i > separatorIndex) endValue += parts[i].value;
+    }
+    return stringFormatter.format("dateRange", {
+        startDate: startValue,
+        endDate: endValue
+    });
+}
+
+
+export {$a074e1e2d0f0a665$export$653eddfc964b0f8a as hookData, $a074e1e2d0f0a665$export$134cbb7fb09a9522 as getEraFormat, $a074e1e2d0f0a665$export$b6df97c887c38e1a as useSelectedDateDescription, $a074e1e2d0f0a665$export$31afe65d91ef6e8 as useVisibleRangeDescription};
+//# sourceMappingURL=utils.module.js.map

package/dist/utils.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/calendar/src/utils.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CalendarDate, DateFormatter, endOfMonth, isSameDay, startOfMonth} from '@internationalized/date';\nimport {CalendarState, RangeCalendarState} from '@react-stately/calendar';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport type {LocalizedStringFormatter} from '@internationalized/string';\nimport {useDateFormatter, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useMemo} from 'react';\n\ninterface HookData {\n  ariaLabel: string,\n  ariaLabelledBy: string,\n  errorMessageId: string,\n  selectedDateDescription: string\n}\n\nexport const hookData = new WeakMap<CalendarState | RangeCalendarState, HookData>();\n\nexport function getEraFormat(date: CalendarDate): 'short' | undefined {\n  return date?.calendar.identifier === 'gregory' && date.era === 'BC' ? 'short' : undefined;\n}\n\nexport function useSelectedDateDescription(state: CalendarState | RangeCalendarState) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n\n  let start: CalendarDate, end: CalendarDate;\n  if ('highlightedRange' in state) {\n    ({start, end} = state.highlightedRange || {});\n  } else {\n    start = end = state.value;\n  }\n\n  let dateFormatter = useDateFormatter({\n    weekday: 'long',\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era: getEraFormat(start) || getEraFormat(end),\n    timeZone: state.timeZone\n  });\n\n  let anchorDate = 'anchorDate' in state ? state.anchorDate : null;\n  return useMemo(() => {\n    // No message if currently selecting a range, or there is nothing highlighted.\n    if (!anchorDate && start && end) {\n      // Use a single date message if the start and end dates are the same day,\n      // otherwise include both dates.\n      if (isSameDay(start, end)) {\n        let date = dateFormatter.format(start.toDate(state.timeZone));\n        return stringFormatter.format('selectedDateDescription', {date});\n      } else {\n        let dateRange = formatRange(dateFormatter, stringFormatter, start, end, state.timeZone);\n\n        return stringFormatter.format('selectedRangeDescription', {dateRange});\n      }\n    }\n    return '';\n  }, [start, end, anchorDate, state.timeZone, stringFormatter, dateFormatter]);\n}\n\nexport function useVisibleRangeDescription(startDate: CalendarDate, endDate: CalendarDate, timeZone: string, isAria: boolean) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/calendar');\n  let era: any = getEraFormat(startDate) || getEraFormat(endDate);\n  let monthFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  let dateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    day: 'numeric',\n    era,\n    calendar: startDate.calendar.identifier,\n    timeZone\n  });\n\n  return useMemo(() => {\n    // Special case for month granularity. Format as a single month if only a\n    // single month is visible, otherwise format as a range of months.\n    if (isSameDay(startDate, startOfMonth(startDate))) {\n      if (isSameDay(endDate, endOfMonth(startDate))) {\n        return monthFormatter.format(startDate.toDate(timeZone));\n      } else if (isSameDay(endDate, endOfMonth(endDate))) {\n        return isAria\n          ? formatRange(monthFormatter, stringFormatter, startDate, endDate, timeZone)\n          : monthFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));\n      }\n    }\n\n    return isAria\n      ? formatRange(dateFormatter, stringFormatter, startDate, endDate, timeZone)\n      : dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));\n  }, [startDate, endDate, monthFormatter, dateFormatter, stringFormatter, timeZone, isAria]);\n}\n\nfunction formatRange(dateFormatter: DateFormatter, stringFormatter: LocalizedStringFormatter, start: CalendarDate, end: CalendarDate, timeZone: string) {\n  let parts = dateFormatter.formatRangeToParts(start.toDate(timeZone), end.toDate(timeZone));\n\n  // Find the separator between the start and end date. This is determined\n  // by finding the last shared literal before the end range.\n  let separatorIndex = -1;\n  for (let i = 0; i < parts.length; i++) {\n    let part = parts[i];\n    if (part.source === 'shared' && part.type === 'literal') {\n      separatorIndex = i;\n    } else if (part.source === 'endRange') {\n      break;\n    }\n  }\n\n  // Now we can combine the parts into start and end strings.\n  let startValue = '';\n  let endValue = '';\n  for (let i = 0; i < parts.length; i++) {\n    if (i < separatorIndex) {\n      startValue += parts[i].value;\n    } else if (i > separatorIndex) {\n      endValue += parts[i].value;\n    }\n  }\n\n  return stringFormatter.format('dateRange', {startDate: startValue, endDate: endValue});\n}\n"],"names":[],"version":3,"file":"utils.module.js.map"}

package/dist/zh-CN.main.js

@@ -0,0 +1,17 @@
+module.exports = {
+    "dateRange": (args)=>`${args.startDate} \u{81F3} ${args.endDate}`,
+    "dateSelected": (args)=>`\u{5DF2}\u{9009}\u{62E9} ${args.date}`,
+    "finishRangeSelectionPrompt": `\u{5355}\u{51FB}\u{4EE5}\u{5B8C}\u{6210}\u{9009}\u{62E9}\u{65E5}\u{671F}\u{8303}\u{56F4}`,
+    "maximumDate": `\u{6700}\u{540E}\u{4E00}\u{4E2A}\u{53EF}\u{7528}\u{65E5}\u{671F}`,
+    "minimumDate": `\u{7B2C}\u{4E00}\u{4E2A}\u{53EF}\u{7528}\u{65E5}\u{671F}`,
+    "next": `\u{4E0B}\u{4E00}\u{9875}`,
+    "previous": `\u{4E0A}\u{4E00}\u{9875}`,
+    "selectedDateDescription": (args)=>`\u{9009}\u{5B9A}\u{7684}\u{65E5}\u{671F}\u{FF1A}${args.date}`,
+    "selectedRangeDescription": (args)=>`\u{9009}\u{5B9A}\u{7684}\u{8303}\u{56F4}\u{FF1A}${args.dateRange}`,
+    "startRangeSelectionPrompt": `\u{5355}\u{51FB}\u{4EE5}\u{5F00}\u{59CB}\u{9009}\u{62E9}\u{65E5}\u{671F}\u{8303}\u{56F4}`,
+    "todayDate": (args)=>`\u{4ECA}\u{5929}\u{FF0C}\u{5373} ${args.date}`,
+    "todayDateSelected": (args)=>`\u{5DF2}\u{9009}\u{62E9}\u{4ECA}\u{5929}\u{FF0C}\u{5373} ${args.date}`
+};
+
+
+//# sourceMappingURL=zh-CN.main.js.map

package/dist/zh-CN.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,aAAa,CAAC,OAAS,CAAC,EAAE,KAAK,SAAS,CAAC,UAAG,EAAE,KAAK,OAAO,CAAC,CAAC;IAC9E,gBAAgB,CAAC,OAAS,CAAC,yBAAI,EAAE,KAAK,IAAI,CAAC,CAAC;IAC5C,8BAA8B,CAAC,wFAAW,CAAC;IAC3C,eAAe,CAAC,gEAAQ,CAAC;IACzB,eAAe,CAAC,wDAAO,CAAC;IACxB,QAAQ,CAAC,wBAAG,CAAC;IACb,YAAY,CAAC,wBAAG,CAAC;IACjB,2BAA2B,CAAC,OAAS,CAAC,gDAAM,EAAE,KAAK,IAAI,CAAC,CAAC;IACzD,4BAA4B,CAAC,OAAS,CAAC,gDAAM,EAAE,KAAK,SAAS,CAAC,CAAC;IAC/D,6BAA6B,CAAC,wFAAW,CAAC;IAC1C,aAAa,CAAC,OAAS,CAAC,iCAAK,EAAE,KAAK,IAAI,CAAC,CAAC;IAC1C,qBAAqB,CAAC,OAAS,CAAC,yDAAQ,EAAE,KAAK,IAAI,CAAC,CAAC;AACvD","sources":["packages/@react-aria/calendar/intl/zh-CN.json"],"sourcesContent":["{\n  \"dateRange\": \"{startDate} 至 {endDate}\",\n  \"dateSelected\": \"已选择 {date}\",\n  \"finishRangeSelectionPrompt\": \"单击以完成选择日期范围\",\n  \"maximumDate\": \"最后一个可用日期\",\n  \"minimumDate\": \"第一个可用日期\",\n  \"next\": \"下一页\",\n  \"previous\": \"上一页\",\n  \"selectedDateDescription\": \"选定的日期：{date}\",\n  \"selectedRangeDescription\": \"选定的范围：{dateRange}\",\n  \"startRangeSelectionPrompt\": \"单击以开始选择日期范围\",\n  \"todayDate\": \"今天，即 {date}\",\n  \"todayDateSelected\": \"已选择今天，即 {date}\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -0,0 +1,19 @@
+var $628e140a43dfb330$exports = {};
+$628e140a43dfb330$exports = {
+    "dateRange": (args)=>`${args.startDate} \u{81F3} ${args.endDate}`,
+    "dateSelected": (args)=>`\u{5DF2}\u{9009}\u{62E9} ${args.date}`,
+    "finishRangeSelectionPrompt": `\u{5355}\u{51FB}\u{4EE5}\u{5B8C}\u{6210}\u{9009}\u{62E9}\u{65E5}\u{671F}\u{8303}\u{56F4}`,
+    "maximumDate": `\u{6700}\u{540E}\u{4E00}\u{4E2A}\u{53EF}\u{7528}\u{65E5}\u{671F}`,
+    "minimumDate": `\u{7B2C}\u{4E00}\u{4E2A}\u{53EF}\u{7528}\u{65E5}\u{671F}`,
+    "next": `\u{4E0B}\u{4E00}\u{9875}`,
+    "previous": `\u{4E0A}\u{4E00}\u{9875}`,
+    "selectedDateDescription": (args)=>`\u{9009}\u{5B9A}\u{7684}\u{65E5}\u{671F}\u{FF1A}${args.date}`,
+    "selectedRangeDescription": (args)=>`\u{9009}\u{5B9A}\u{7684}\u{8303}\u{56F4}\u{FF1A}${args.dateRange}`,
+    "startRangeSelectionPrompt": `\u{5355}\u{51FB}\u{4EE5}\u{5F00}\u{59CB}\u{9009}\u{62E9}\u{65E5}\u{671F}\u{8303}\u{56F4}`,
+    "todayDate": (args)=>`\u{4ECA}\u{5929}\u{FF0C}\u{5373} ${args.date}`,
+    "todayDateSelected": (args)=>`\u{5DF2}\u{9009}\u{62E9}\u{4ECA}\u{5929}\u{FF0C}\u{5373} ${args.date}`
+};
+
+
+export {$628e140a43dfb330$exports as default};
+//# sourceMappingURL=zh-CN.mjs.map

package/dist/zh-CN.module.js

@@ -0,0 +1,19 @@
+var $628e140a43dfb330$exports = {};
+$628e140a43dfb330$exports = {
+    "dateRange": (args)=>`${args.startDate} \u{81F3} ${args.endDate}`,
+    "dateSelected": (args)=>`\u{5DF2}\u{9009}\u{62E9} ${args.date}`,
+    "finishRangeSelectionPrompt": `\u{5355}\u{51FB}\u{4EE5}\u{5B8C}\u{6210}\u{9009}\u{62E9}\u{65E5}\u{671F}\u{8303}\u{56F4}`,
+    "maximumDate": `\u{6700}\u{540E}\u{4E00}\u{4E2A}\u{53EF}\u{7528}\u{65E5}\u{671F}`,
+    "minimumDate": `\u{7B2C}\u{4E00}\u{4E2A}\u{53EF}\u{7528}\u{65E5}\u{671F}`,
+    "next": `\u{4E0B}\u{4E00}\u{9875}`,
+    "previous": `\u{4E0A}\u{4E00}\u{9875}`,
+    "selectedDateDescription": (args)=>`\u{9009}\u{5B9A}\u{7684}\u{65E5}\u{671F}\u{FF1A}${args.date}`,
+    "selectedRangeDescription": (args)=>`\u{9009}\u{5B9A}\u{7684}\u{8303}\u{56F4}\u{FF1A}${args.dateRange}`,
+    "startRangeSelectionPrompt": `\u{5355}\u{51FB}\u{4EE5}\u{5F00}\u{59CB}\u{9009}\u{62E9}\u{65E5}\u{671F}\u{8303}\u{56F4}`,
+    "todayDate": (args)=>`\u{4ECA}\u{5929}\u{FF0C}\u{5373} ${args.date}`,
+    "todayDateSelected": (args)=>`\u{5DF2}\u{9009}\u{62E9}\u{4ECA}\u{5929}\u{FF0C}\u{5373} ${args.date}`
+};
+
+
+export {$628e140a43dfb330$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,aAAa,CAAC,OAAS,CAAC,EAAE,KAAK,SAAS,CAAC,UAAG,EAAE,KAAK,OAAO,CAAC,CAAC;IAC9E,gBAAgB,CAAC,OAAS,CAAC,yBAAI,EAAE,KAAK,IAAI,CAAC,CAAC;IAC5C,8BAA8B,CAAC,wFAAW,CAAC;IAC3C,eAAe,CAAC,gEAAQ,CAAC;IACzB,eAAe,CAAC,wDAAO,CAAC;IACxB,QAAQ,CAAC,wBAAG,CAAC;IACb,YAAY,CAAC,wBAAG,CAAC;IACjB,2BAA2B,CAAC,OAAS,CAAC,gDAAM,EAAE,KAAK,IAAI,CAAC,CAAC;IACzD,4BAA4B,CAAC,OAAS,CAAC,gDAAM,EAAE,KAAK,SAAS,CAAC,CAAC;IAC/D,6BAA6B,CAAC,wFAAW,CAAC;IAC1C,aAAa,CAAC,OAAS,CAAC,iCAAK,EAAE,KAAK,IAAI,CAAC,CAAC;IAC1C,qBAAqB,CAAC,OAAS,CAAC,yDAAQ,EAAE,KAAK,IAAI,CAAC,CAAC;AACvD","sources":["packages/@react-aria/calendar/intl/zh-CN.json"],"sourcesContent":["{\n  \"dateRange\": \"{startDate} 至 {endDate}\",\n  \"dateSelected\": \"已选择 {date}\",\n  \"finishRangeSelectionPrompt\": \"单击以完成选择日期范围\",\n  \"maximumDate\": \"最后一个可用日期\",\n  \"minimumDate\": \"第一个可用日期\",\n  \"next\": \"下一页\",\n  \"previous\": \"上一页\",\n  \"selectedDateDescription\": \"选定的日期：{date}\",\n  \"selectedRangeDescription\": \"选定的范围：{dateRange}\",\n  \"startRangeSelectionPrompt\": \"单击以开始选择日期范围\",\n  \"todayDate\": \"今天，即 {date}\",\n  \"todayDateSelected\": \"已选择今天，即 {date}\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -0,0 +1,17 @@
+module.exports = {
+    "dateRange": (args)=>`${args.startDate} \u{81F3} ${args.endDate}`,
+    "dateSelected": (args)=>`\u{5DF2}\u{9078}\u{53D6} ${args.date}`,
+    "finishRangeSelectionPrompt": `\u{6309}\u{4E00}\u{4E0B}\u{4EE5}\u{5B8C}\u{6210}\u{9078}\u{53D6}\u{65E5}\u{671F}\u{7BC4}\u{570D}`,
+    "maximumDate": `\u{6700}\u{5F8C}\u{4E00}\u{500B}\u{53EF}\u{7528}\u{65E5}\u{671F}`,
+    "minimumDate": `\u{7B2C}\u{4E00}\u{500B}\u{53EF}\u{7528}\u{65E5}\u{671F}`,
+    "next": `\u{4E0B}\u{4E00}\u{9801}`,
+    "previous": `\u{4E0A}\u{4E00}\u{9801}`,
+    "selectedDateDescription": (args)=>`\u{9078}\u{5B9A}\u{7684}\u{65E5}\u{671F}\u{FF1A}${args.date}`,
+    "selectedRangeDescription": (args)=>`\u{9078}\u{5B9A}\u{7684}\u{7BC4}\u{570D}\u{FF1A}${args.dateRange}`,
+    "startRangeSelectionPrompt": `\u{6309}\u{4E00}\u{4E0B}\u{4EE5}\u{958B}\u{59CB}\u{9078}\u{53D6}\u{65E5}\u{671F}\u{7BC4}\u{570D}`,
+    "todayDate": (args)=>`\u{4ECA}\u{5929}\u{FF0C}${args.date}`,
+    "todayDateSelected": (args)=>`\u{5DF2}\u{9078}\u{53D6}\u{4ECA}\u{5929}\u{FF0C}${args.date}`
+};
+
+
+//# sourceMappingURL=zh-TW.main.js.map

package/dist/zh-TW.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,aAAa,CAAC,OAAS,CAAC,EAAE,KAAK,SAAS,CAAC,UAAG,EAAE,KAAK,OAAO,CAAC,CAAC;IAC9E,gBAAgB,CAAC,OAAS,CAAC,yBAAI,EAAE,KAAK,IAAI,CAAC,CAAC;IAC5C,8BAA8B,CAAC,gGAAY,CAAC;IAC5C,eAAe,CAAC,gEAAQ,CAAC;IACzB,eAAe,CAAC,wDAAO,CAAC;IACxB,QAAQ,CAAC,wBAAG,CAAC;IACb,YAAY,CAAC,wBAAG,CAAC;IACjB,2BAA2B,CAAC,OAAS,CAAC,gDAAM,EAAE,KAAK,IAAI,CAAC,CAAC;IACzD,4BAA4B,CAAC,OAAS,CAAC,gDAAM,EAAE,KAAK,SAAS,CAAC,CAAC;IAC/D,6BAA6B,CAAC,gGAAY,CAAC;IAC3C,aAAa,CAAC,OAAS,CAAC,wBAAG,EAAE,KAAK,IAAI,CAAC,CAAC;IACxC,qBAAqB,CAAC,OAAS,CAAC,gDAAM,EAAE,KAAK,IAAI,CAAC,CAAC;AACrD","sources":["packages/@react-aria/calendar/intl/zh-TW.json"],"sourcesContent":["{\n  \"dateRange\": \"{startDate} 至 {endDate}\",\n  \"dateSelected\": \"已選取 {date}\",\n  \"finishRangeSelectionPrompt\": \"按一下以完成選取日期範圍\",\n  \"maximumDate\": \"最後一個可用日期\",\n  \"minimumDate\": \"第一個可用日期\",\n  \"next\": \"下一頁\",\n  \"previous\": \"上一頁\",\n  \"selectedDateDescription\": \"選定的日期：{date}\",\n  \"selectedRangeDescription\": \"選定的範圍：{dateRange}\",\n  \"startRangeSelectionPrompt\": \"按一下以開始選取日期範圍\",\n  \"todayDate\": \"今天，{date}\",\n  \"todayDateSelected\": \"已選取今天，{date}\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -0,0 +1,19 @@
+var $745937250cd4679c$exports = {};
+$745937250cd4679c$exports = {
+    "dateRange": (args)=>`${args.startDate} \u{81F3} ${args.endDate}`,
+    "dateSelected": (args)=>`\u{5DF2}\u{9078}\u{53D6} ${args.date}`,
+    "finishRangeSelectionPrompt": `\u{6309}\u{4E00}\u{4E0B}\u{4EE5}\u{5B8C}\u{6210}\u{9078}\u{53D6}\u{65E5}\u{671F}\u{7BC4}\u{570D}`,
+    "maximumDate": `\u{6700}\u{5F8C}\u{4E00}\u{500B}\u{53EF}\u{7528}\u{65E5}\u{671F}`,
+    "minimumDate": `\u{7B2C}\u{4E00}\u{500B}\u{53EF}\u{7528}\u{65E5}\u{671F}`,
+    "next": `\u{4E0B}\u{4E00}\u{9801}`,
+    "previous": `\u{4E0A}\u{4E00}\u{9801}`,
+    "selectedDateDescription": (args)=>`\u{9078}\u{5B9A}\u{7684}\u{65E5}\u{671F}\u{FF1A}${args.date}`,
+    "selectedRangeDescription": (args)=>`\u{9078}\u{5B9A}\u{7684}\u{7BC4}\u{570D}\u{FF1A}${args.dateRange}`,
+    "startRangeSelectionPrompt": `\u{6309}\u{4E00}\u{4E0B}\u{4EE5}\u{958B}\u{59CB}\u{9078}\u{53D6}\u{65E5}\u{671F}\u{7BC4}\u{570D}`,
+    "todayDate": (args)=>`\u{4ECA}\u{5929}\u{FF0C}${args.date}`,
+    "todayDateSelected": (args)=>`\u{5DF2}\u{9078}\u{53D6}\u{4ECA}\u{5929}\u{FF0C}${args.date}`
+};
+
+
+export {$745937250cd4679c$exports as default};
+//# sourceMappingURL=zh-TW.mjs.map

package/dist/zh-TW.module.js

@@ -0,0 +1,19 @@
+var $745937250cd4679c$exports = {};
+$745937250cd4679c$exports = {
+    "dateRange": (args)=>`${args.startDate} \u{81F3} ${args.endDate}`,
+    "dateSelected": (args)=>`\u{5DF2}\u{9078}\u{53D6} ${args.date}`,
+    "finishRangeSelectionPrompt": `\u{6309}\u{4E00}\u{4E0B}\u{4EE5}\u{5B8C}\u{6210}\u{9078}\u{53D6}\u{65E5}\u{671F}\u{7BC4}\u{570D}`,
+    "maximumDate": `\u{6700}\u{5F8C}\u{4E00}\u{500B}\u{53EF}\u{7528}\u{65E5}\u{671F}`,
+    "minimumDate": `\u{7B2C}\u{4E00}\u{500B}\u{53EF}\u{7528}\u{65E5}\u{671F}`,
+    "next": `\u{4E0B}\u{4E00}\u{9801}`,
+    "previous": `\u{4E0A}\u{4E00}\u{9801}`,
+    "selectedDateDescription": (args)=>`\u{9078}\u{5B9A}\u{7684}\u{65E5}\u{671F}\u{FF1A}${args.date}`,
+    "selectedRangeDescription": (args)=>`\u{9078}\u{5B9A}\u{7684}\u{7BC4}\u{570D}\u{FF1A}${args.dateRange}`,
+    "startRangeSelectionPrompt": `\u{6309}\u{4E00}\u{4E0B}\u{4EE5}\u{958B}\u{59CB}\u{9078}\u{53D6}\u{65E5}\u{671F}\u{7BC4}\u{570D}`,
+    "todayDate": (args)=>`\u{4ECA}\u{5929}\u{FF0C}${args.date}`,
+    "todayDateSelected": (args)=>`\u{5DF2}\u{9078}\u{53D6}\u{4ECA}\u{5929}\u{FF0C}${args.date}`
+};
+
+
+export {$745937250cd4679c$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,aAAa,CAAC,OAAS,CAAC,EAAE,KAAK,SAAS,CAAC,UAAG,EAAE,KAAK,OAAO,CAAC,CAAC;IAC9E,gBAAgB,CAAC,OAAS,CAAC,yBAAI,EAAE,KAAK,IAAI,CAAC,CAAC;IAC5C,8BAA8B,CAAC,gGAAY,CAAC;IAC5C,eAAe,CAAC,gEAAQ,CAAC;IACzB,eAAe,CAAC,wDAAO,CAAC;IACxB,QAAQ,CAAC,wBAAG,CAAC;IACb,YAAY,CAAC,wBAAG,CAAC;IACjB,2BAA2B,CAAC,OAAS,CAAC,gDAAM,EAAE,KAAK,IAAI,CAAC,CAAC;IACzD,4BAA4B,CAAC,OAAS,CAAC,gDAAM,EAAE,KAAK,SAAS,CAAC,CAAC;IAC/D,6BAA6B,CAAC,gGAAY,CAAC;IAC3C,aAAa,CAAC,OAAS,CAAC,wBAAG,EAAE,KAAK,IAAI,CAAC,CAAC;IACxC,qBAAqB,CAAC,OAAS,CAAC,gDAAM,EAAE,KAAK,IAAI,CAAC,CAAC;AACrD","sources":["packages/@react-aria/calendar/intl/zh-TW.json"],"sourcesContent":["{\n  \"dateRange\": \"{startDate} 至 {endDate}\",\n  \"dateSelected\": \"已選取 {date}\",\n  \"finishRangeSelectionPrompt\": \"按一下以完成選取日期範圍\",\n  \"maximumDate\": \"最後一個可用日期\",\n  \"minimumDate\": \"第一個可用日期\",\n  \"next\": \"下一頁\",\n  \"previous\": \"上一頁\",\n  \"selectedDateDescription\": \"選定的日期：{date}\",\n  \"selectedRangeDescription\": \"選定的範圍：{dateRange}\",\n  \"startRangeSelectionPrompt\": \"按一下以開始選取日期範圍\",\n  \"todayDate\": \"今天，{date}\",\n  \"todayDateSelected\": \"已選取今天，{date}\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/calendar",
-  "version": "3.5.5",
+  "version": "3.5.7",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -22,15 +22,15 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@internationalized/date": "^3.5.1",
-    "@react-aria/i18n": "^3.10.1",
-    "@react-aria/interactions": "^3.21.0",
-    "@react-aria/live-announcer": "^3.3.1",
-    "@react-aria/utils": "^3.23.1",
-    "@react-stately/calendar": "^3.4.3",
-    "@react-types/button": "^3.9.1",
-    "@react-types/calendar": "^3.4.3",
-    "@react-types/shared": "^3.22.0",
+    "@internationalized/date": "^3.5.3",
+    "@react-aria/i18n": "^3.11.0",
+    "@react-aria/interactions": "^3.21.2",
+    "@react-aria/live-announcer": "^3.3.3",
+    "@react-aria/utils": "^3.24.0",
+    "@react-stately/calendar": "^3.5.0",
+    "@react-types/button": "^3.9.3",
+    "@react-types/calendar": "^3.4.5",
+    "@react-types/shared": "^3.23.0",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
@@ -40,5 +40,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f040ff62678e6a31375b96c05396df0bae660350"
+  "gitHead": "f645f29edc1322153fd60af4640cbcab1d992dbd"
 }

package/src/useRangeCalendar.ts

@@ -50,21 +50,22 @@ export function useRangeCalendar<T extends DateValue>(props: AriaRangeCalendarPr
     }
 
     let target = e.target as Element;
-    let body = document.getElementById(res.calendarProps.id);
     if (
-      body &&
-      body.contains(document.activeElement) &&
-      (!body.contains(target) || !target.closest('button, [role="button"]'))
+      ref.current &&
+      ref.current.contains(document.activeElement) &&
+      (!ref.current.contains(target) || !target.closest('button, [role="button"]'))
     ) {
       state.selectFocusedDate();
     }
   };
 
   useEvent(windowRef, 'pointerup', endDragging);
-  useEvent(windowRef, 'pointercancel', endDragging);
 
   // Also stop range selection on blur, e.g. tabbing away from the calendar.
   res.calendarProps.onBlur = e => {
+    if (!ref.current) {
+      return;
+    }
     if ((!e.relatedTarget || !ref.current.contains(e.relatedTarget)) && state.anchorDate) {
       state.selectFocusedDate();
     }