@cube-dev/ui-kit 0.0.0-canary-0b79a39 → 0.0.0-canary-c02e70f

package/dist/components/other/Calendar/CalendarPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CalendarElement } from "./styled.js";
@@ -28,7 +28,7 @@ const PERIOD_GRID_STYLES = { width: "(7 * (3x + 2bw))" };
 * jump to another month.
 */
 function CalendarPanel(props) {
-	const $ = c(194);
+	const $ = c(185);
 	const { t } = useI18n();
 	const { state, title, calendarProps, prevButtonProps, nextButtonProps, hasMonthYearNavigation: t0, selectedRange, pickerMode, elementRef } = props;
 	const hasMonthYearNavigation = t0 === void 0 ? true : t0;
@@ -74,295 +74,264 @@ function CalendarPanel(props) {
 		$[8] = t3;
 	} else t3 = $[8];
 	const yearFormatter = useDateFormatter(t3);
-	let t4;
-	if ($[9] !== calendar || $[10] !== timeZone) {
-		t4 = toCalendar(today(timeZone), calendar);
-		$[9] = calendar;
-		$[10] = timeZone;
-		$[11] = t4;
-	} else t4 = $[11];
-	const todayDate = t4;
-	let t5;
-	if ($[12] !== timeZone) {
-		t5 = (formatter, date) => formatter.format(date.toDate(timeZone));
-		$[12] = timeZone;
-		$[13] = t5;
-	} else t5 = $[13];
-	const format = t5;
-	let t6;
-	if ($[14] !== state.isDisabled || $[15] !== state.maxValue || $[16] !== state.minValue) {
-		t6 = (start, end) => state.isDisabled || state.minValue != null && end.compare(state.minValue) < 0 || state.maxValue != null && start.compare(state.maxValue) > 0;
-		$[14] = state.isDisabled;
-		$[15] = state.maxValue;
-		$[16] = state.minValue;
-		$[17] = t6;
-	} else t6 = $[17];
-	const isPeriodDisabled = t6;
-	let t7;
-	if ($[18] !== hasMonthYearNavigation || $[19] !== state.visibleRange.end || $[20] !== visibleStart) {
-		t7 = hasMonthYearNavigation && isSameMonth(visibleStart, state.visibleRange.end);
-		$[18] = hasMonthYearNavigation;
-		$[19] = state.visibleRange.end;
-		$[20] = visibleStart;
-		$[21] = t7;
-	} else t7 = $[21];
-	const hasNavigation = t7;
-	let t8;
-	if ($[22] !== state.focusedDate) {
-		t8 = (next) => {
-			setAnchor(state.focusedDate);
-			setView(next);
-		};
-		$[22] = state.focusedDate;
-		$[23] = t8;
-	} else t8 = $[23];
-	const openView = t8;
-	let t9;
-	if ($[24] !== state || $[25] !== view) {
-		t9 = (e) => {
-			if (view !== "day" && e.key === "Escape") {
-				e.preventDefault();
-				e.stopPropagation();
-				setView("day");
-				state.setFocused(true);
-			}
-		};
-		$[24] = state;
-		$[25] = view;
-		$[26] = t9;
-	} else t9 = $[26];
-	const onKeyDown = t9;
-	let header;
 	let body;
-	if (view === "month") {
-		let t10;
-		if ($[27] !== anchor) {
-			t10 = (month) => startOfMonth(anchor.set({ month }));
-			$[27] = anchor;
-			$[28] = t10;
-		} else t10 = $[28];
-		const monthDate = t10;
-		let t11;
-		if ($[29] !== anchor || $[30] !== calendar || $[31] !== format || $[32] !== isPeriodDisabled || $[33] !== monthDate || $[34] !== shortMonthFormatter || $[35] !== todayDate || $[36] !== visibleStart) {
+	let header;
+	let onKeyDown;
+	if ($[9] !== anchor || $[10] !== calendar || $[11] !== hasMonthYearNavigation || $[12] !== monthFormatter || $[13] !== nextButtonProps || $[14] !== pickerMode || $[15] !== prevButtonProps || $[16] !== selectedRange || $[17] !== shortMonthFormatter || $[18] !== state || $[19] !== t || $[20] !== timeZone || $[21] !== title || $[22] !== view || $[23] !== visibleStart || $[24] !== yearFormatter) {
+		const todayDate = toCalendar(today(timeZone), calendar);
+		let t4;
+		if ($[28] !== timeZone) {
+			t4 = (formatter, date) => formatter.format(date.toDate(timeZone));
+			$[28] = timeZone;
+			$[29] = t4;
+		} else t4 = $[29];
+		const format = t4;
+		let t5;
+		if ($[30] !== state.isDisabled || $[31] !== state.maxValue || $[32] !== state.minValue) {
+			t5 = (start, end) => state.isDisabled || state.minValue != null && end.compare(state.minValue) < 0 || state.maxValue != null && start.compare(state.maxValue) > 0;
+			$[30] = state.isDisabled;
+			$[31] = state.maxValue;
+			$[32] = state.minValue;
+			$[33] = t5;
+		} else t5 = $[33];
+		const isPeriodDisabled = t5;
+		let t6;
+		if ($[34] !== hasMonthYearNavigation || $[35] !== state.visibleRange.end || $[36] !== visibleStart) {
+			t6 = hasMonthYearNavigation && isSameMonth(visibleStart, state.visibleRange.end);
+			$[34] = hasMonthYearNavigation;
+			$[35] = state.visibleRange.end;
+			$[36] = visibleStart;
+			$[37] = t6;
+		} else t6 = $[37];
+		const hasNavigation = t6;
+		let t7;
+		if ($[38] !== state.focusedDate) {
+			t7 = (next) => {
+				setAnchor(state.focusedDate);
+				setView(next);
+			};
+			$[38] = state.focusedDate;
+			$[39] = t7;
+		} else t7 = $[39];
+		const openView = t7;
+		let t8;
+		if ($[40] !== state || $[41] !== view) {
+			t8 = (e) => {
+				if (view !== "day" && e.key === "Escape") {
+					e.preventDefault();
+					e.stopPropagation();
+					setView("day");
+					state.setFocused(true);
+				}
+			};
+			$[40] = state;
+			$[41] = view;
+			$[42] = t8;
+		} else t8 = $[42];
+		onKeyDown = t8;
+		if (view === "month") {
+			let t9;
+			if ($[43] !== anchor) {
+				t9 = (month) => startOfMonth(anchor.set({ month }));
+				$[43] = anchor;
+				$[44] = t9;
+			} else t9 = $[44];
+			const monthDate = t9;
 			const monthCount = calendar.getMonthsInYear(anchor);
+			const cells = Array.from({ length: monthCount }, (_, index) => {
+				const date_0 = monthDate(index + 1);
+				return {
+					key: `month-${index + 1}`,
+					label: format(shortMonthFormatter, date_0),
+					isSelected: isSameMonth(date_0, visibleStart),
+					isCurrent: isSameMonth(date_0, todayDate),
+					isDisabled: isPeriodDisabled(date_0, endOfMonth(date_0))
+				};
+			});
+			let T0;
+			let nextYear;
+			let t10;
+			let t11;
 			let t12;
-			if ($[38] !== format || $[39] !== isPeriodDisabled || $[40] !== monthDate || $[41] !== shortMonthFormatter || $[42] !== todayDate || $[43] !== visibleStart) {
-				t12 = (_, index) => {
-					const date_0 = monthDate(index + 1);
-					return {
-						key: `month-${index + 1}`,
-						label: format(shortMonthFormatter, date_0),
-						isSelected: isSameMonth(date_0, visibleStart),
-						isCurrent: isSameMonth(date_0, todayDate),
-						isDisabled: isPeriodDisabled(date_0, endOfMonth(date_0))
+			let t13;
+			if ($[45] !== anchor || $[46] !== format || $[47] !== isPeriodDisabled || $[48] !== state.isDisabled || $[49] !== t || $[50] !== yearFormatter) {
+				const prevYear = anchor.subtract({ years: 1 });
+				nextYear = anchor.add({ years: 1 });
+				T0 = CalendarHeader;
+				let t14;
+				if ($[57] !== anchor || $[58] !== format || $[59] !== yearFormatter) {
+					t14 = format(yearFormatter, anchor);
+					$[57] = anchor;
+					$[58] = format;
+					$[59] = yearFormatter;
+					$[60] = t14;
+				} else t14 = $[60];
+				let t15;
+				if ($[61] === Symbol.for("react.memo_cache_sentinel")) {
+					t15 = () => setView("year");
+					$[61] = t15;
+				} else t15 = $[61];
+				if ($[62] !== state.isDisabled || $[63] !== t14) {
+					t12 = [{
+						key: "year",
+						label: t14,
+						isDisabled: state.isDisabled,
+						onPress: t15
+					}];
+					$[62] = state.isDisabled;
+					$[63] = t14;
+					$[64] = t12;
+				} else t12 = $[64];
+				let t16;
+				if ($[65] !== t) {
+					t16 = t("calendar.previousYear", "Previous year");
+					$[65] = t;
+					$[66] = t16;
+				} else t16 = $[66];
+				const t17 = isPeriodDisabled(startOfYear(prevYear), endOfYear(prevYear));
+				let t18;
+				if ($[67] !== prevYear) {
+					t18 = () => setAnchor(prevYear);
+					$[67] = prevYear;
+					$[68] = t18;
+				} else t18 = $[68];
+				if ($[69] !== t16 || $[70] !== t17 || $[71] !== t18) {
+					t13 = {
+						"aria-label": t16,
+						isDisabled: t17,
+						onPress: t18
 					};
+					$[69] = t16;
+					$[70] = t17;
+					$[71] = t18;
+					$[72] = t13;
+				} else t13 = $[72];
+				if ($[73] !== t) {
+					t10 = t("calendar.nextYear", "Next year");
+					$[73] = t;
+					$[74] = t10;
+				} else t10 = $[74];
+				t11 = isPeriodDisabled(startOfYear(nextYear), endOfYear(nextYear));
+				$[45] = anchor;
+				$[46] = format;
+				$[47] = isPeriodDisabled;
+				$[48] = state.isDisabled;
+				$[49] = t;
+				$[50] = yearFormatter;
+				$[51] = T0;
+				$[52] = nextYear;
+				$[53] = t10;
+				$[54] = t11;
+				$[55] = t12;
+				$[56] = t13;
+			} else {
+				T0 = $[51];
+				nextYear = $[52];
+				t10 = $[53];
+				t11 = $[54];
+				t12 = $[55];
+				t13 = $[56];
+			}
+			let t14;
+			if ($[75] !== nextYear) {
+				t14 = () => setAnchor(nextYear);
+				$[75] = nextYear;
+				$[76] = t14;
+			} else t14 = $[76];
+			let t15;
+			if ($[77] !== t10 || $[78] !== t11 || $[79] !== t14) {
+				t15 = {
+					"aria-label": t10,
+					isDisabled: t11,
+					onPress: t14
 				};
-				$[38] = format;
-				$[39] = isPeriodDisabled;
-				$[40] = monthDate;
-				$[41] = shortMonthFormatter;
-				$[42] = todayDate;
-				$[43] = visibleStart;
-				$[44] = t12;
-			} else t12 = $[44];
-			t11 = Array.from({ length: monthCount }, t12);
-			$[29] = anchor;
-			$[30] = calendar;
-			$[31] = format;
-			$[32] = isPeriodDisabled;
-			$[33] = monthDate;
-			$[34] = shortMonthFormatter;
-			$[35] = todayDate;
-			$[36] = visibleStart;
-			$[37] = t11;
-		} else t11 = $[37];
-		const cells = t11;
-		let T0;
-		let nextYear;
-		let t12;
-		let t13;
-		let t14;
-		let t15;
-		if ($[45] !== anchor || $[46] !== format || $[47] !== isPeriodDisabled || $[48] !== state.isDisabled || $[49] !== t || $[50] !== yearFormatter) {
-			const prevYear = anchor.subtract({ years: 1 });
-			nextYear = anchor.add({ years: 1 });
-			T0 = CalendarHeader;
+				$[77] = t10;
+				$[78] = t11;
+				$[79] = t14;
+				$[80] = t15;
+			} else t15 = $[80];
 			let t16;
-			if ($[57] !== anchor || $[58] !== format || $[59] !== yearFormatter) {
-				t16 = format(yearFormatter, anchor);
-				$[57] = anchor;
-				$[58] = format;
-				$[59] = yearFormatter;
-				$[60] = t16;
-			} else t16 = $[60];
+			if ($[81] !== T0 || $[82] !== t12 || $[83] !== t13 || $[84] !== t15) {
+				t16 = /* @__PURE__ */ jsx(T0, {
+					segments: t12,
+					prevButtonProps: t13,
+					nextButtonProps: t15
+				});
+				$[81] = T0;
+				$[82] = t12;
+				$[83] = t13;
+				$[84] = t15;
+				$[85] = t16;
+			} else t16 = $[85];
+			header = t16;
 			let t17;
-			if ($[61] === Symbol.for("react.memo_cache_sentinel")) {
-				t17 = () => setView("year");
-				$[61] = t17;
-			} else t17 = $[61];
-			if ($[62] !== state.isDisabled || $[63] !== t16) {
-				t14 = [{
-					key: "year",
-					label: t16,
-					isDisabled: state.isDisabled,
-					onPress: t17
-				}];
-				$[62] = state.isDisabled;
-				$[63] = t16;
-				$[64] = t14;
-			} else t14 = $[64];
-			let t18;
-			if ($[65] !== t) {
-				t18 = t("calendar.previousYear", "Previous year");
-				$[65] = t;
-				$[66] = t18;
-			} else t18 = $[66];
-			const t19 = isPeriodDisabled(startOfYear(prevYear), endOfYear(prevYear));
-			let t20;
-			if ($[67] !== prevYear) {
-				t20 = () => setAnchor(prevYear);
-				$[67] = prevYear;
-				$[68] = t20;
-			} else t20 = $[68];
-			if ($[69] !== t18 || $[70] !== t19 || $[71] !== t20) {
-				t15 = {
-					"aria-label": t18,
-					isDisabled: t19,
-					onPress: t20
+			if ($[86] !== t) {
+				t17 = t("calendar.months", "Months");
+				$[86] = t;
+				$[87] = t17;
+			} else t17 = $[87];
+			const t18 = anchor.month - 1;
+			let t19;
+			if ($[88] !== anchor || $[89] !== state) {
+				t19 = (index_0) => {
+					state.setFocusedDate(anchor.set({ month: index_0 + 1 }));
+					setView("day");
 				};
-				$[69] = t18;
-				$[70] = t19;
-				$[71] = t20;
-				$[72] = t15;
-			} else t15 = $[72];
-			if ($[73] !== t) {
-				t12 = t("calendar.nextYear", "Next year");
-				$[73] = t;
-				$[74] = t12;
-			} else t12 = $[74];
-			t13 = isPeriodDisabled(startOfYear(nextYear), endOfYear(nextYear));
-			$[45] = anchor;
-			$[46] = format;
-			$[47] = isPeriodDisabled;
-			$[48] = state.isDisabled;
-			$[49] = t;
-			$[50] = yearFormatter;
-			$[51] = T0;
-			$[52] = nextYear;
-			$[53] = t12;
-			$[54] = t13;
-			$[55] = t14;
-			$[56] = t15;
-		} else {
-			T0 = $[51];
-			nextYear = $[52];
-			t12 = $[53];
-			t13 = $[54];
-			t14 = $[55];
-			t15 = $[56];
-		}
-		let t16;
-		if ($[75] !== nextYear) {
-			t16 = () => setAnchor(nextYear);
-			$[75] = nextYear;
-			$[76] = t16;
-		} else t16 = $[76];
-		let t17;
-		if ($[77] !== t12 || $[78] !== t13 || $[79] !== t16) {
-			t17 = {
-				"aria-label": t12,
-				isDisabled: t13,
-				onPress: t16
-			};
-			$[77] = t12;
-			$[78] = t13;
-			$[79] = t16;
-			$[80] = t17;
-		} else t17 = $[80];
-		let t18;
-		if ($[81] !== T0 || $[82] !== t14 || $[83] !== t15 || $[84] !== t17) {
-			t18 = /* @__PURE__ */ jsx(T0, {
-				segments: t14,
-				prevButtonProps: t15,
-				nextButtonProps: t17
-			});
-			$[81] = T0;
-			$[82] = t14;
-			$[83] = t15;
-			$[84] = t17;
-			$[85] = t18;
-		} else t18 = $[85];
-		header = t18;
-		let t19;
-		if ($[86] !== t) {
-			t19 = t("calendar.months", "Months");
-			$[86] = t;
-			$[87] = t19;
-		} else t19 = $[87];
-		const t20 = anchor.month - 1;
-		let t21;
-		if ($[88] !== anchor || $[89] !== state) {
-			t21 = (index_0) => {
-				state.setFocusedDate(anchor.set({ month: index_0 + 1 }));
-				setView("day");
-			};
-			$[88] = anchor;
-			$[89] = state;
-			$[90] = t21;
-		} else t21 = $[90];
-		let t22;
-		let t23;
-		let t24;
-		if ($[91] !== anchor) {
-			t22 = (index_1) => setAnchor(anchor.set({ month: index_1 + 1 }));
-			t23 = (delta) => setAnchor(anchor.add({ months: delta }));
-			t24 = (delta_0) => setAnchor(anchor.add({ years: delta_0 }));
-			$[91] = anchor;
-			$[92] = t22;
-			$[93] = t23;
-			$[94] = t24;
-		} else {
-			t22 = $[92];
-			t23 = $[93];
-			t24 = $[94];
-		}
-		let t25;
-		if ($[95] !== cells || $[96] !== t19 || $[97] !== t20 || $[98] !== t21 || $[99] !== t22 || $[100] !== t23 || $[101] !== t24) {
-			t25 = /* @__PURE__ */ jsx(PeriodGrid, {
-				autoFocus: true,
-				"aria-label": t19,
-				cells,
-				styles: PERIOD_GRID_STYLES,
-				columns: MONTH_COLUMNS,
-				focusedIndex: t20,
-				onCellPress: t21,
-				onCellFocus: t22,
-				onMoveFocus: t23,
-				onMovePage: t24
-			}, "month");
-			$[95] = cells;
-			$[96] = t19;
-			$[97] = t20;
-			$[98] = t21;
-			$[99] = t22;
-			$[100] = t23;
-			$[101] = t24;
-			$[102] = t25;
-		} else t25 = $[102];
-		body = t25;
-	} else if (view === "year") {
-		let t10;
-		if ($[103] !== anchor) {
-			t10 = (year) => startOfYear(anchor.set({ year }));
-			$[103] = anchor;
-			$[104] = t10;
-		} else t10 = $[104];
-		const yearDate = t10;
-		const decadeStart = Math.floor(anchor.year / 10) * 10;
-		const firstYear = decadeStart - 1;
-		let t11;
-		if ($[105] !== decadeStart || $[106] !== firstYear || $[107] !== format || $[108] !== isPeriodDisabled || $[109] !== todayDate || $[110] !== visibleStart.year || $[111] !== yearDate || $[112] !== yearFormatter) {
-			t11 = Array.from({ length: YEAR_CELLS }, (__0, index_2) => {
+				$[88] = anchor;
+				$[89] = state;
+				$[90] = t19;
+			} else t19 = $[90];
+			let t20;
+			let t21;
+			let t22;
+			if ($[91] !== anchor) {
+				t20 = (index_1) => setAnchor(anchor.set({ month: index_1 + 1 }));
+				t21 = (delta) => setAnchor(anchor.add({ months: delta }));
+				t22 = (delta_0) => setAnchor(anchor.add({ years: delta_0 }));
+				$[91] = anchor;
+				$[92] = t20;
+				$[93] = t21;
+				$[94] = t22;
+			} else {
+				t20 = $[92];
+				t21 = $[93];
+				t22 = $[94];
+			}
+			let t23;
+			if ($[95] !== cells || $[96] !== t17 || $[97] !== t18 || $[98] !== t19 || $[99] !== t20 || $[100] !== t21 || $[101] !== t22) {
+				t23 = /* @__PURE__ */ jsx(PeriodGrid, {
+					autoFocus: true,
+					"aria-label": t17,
+					cells,
+					styles: PERIOD_GRID_STYLES,
+					columns: MONTH_COLUMNS,
+					focusedIndex: t18,
+					onCellPress: t19,
+					onCellFocus: t20,
+					onMoveFocus: t21,
+					onMovePage: t22
+				}, "month");
+				$[95] = cells;
+				$[96] = t17;
+				$[97] = t18;
+				$[98] = t19;
+				$[99] = t20;
+				$[100] = t21;
+				$[101] = t22;
+				$[102] = t23;
+			} else t23 = $[102];
+			body = t23;
+		} else if (view === "year") {
+			let t9;
+			if ($[103] !== anchor) {
+				t9 = (year) => startOfYear(anchor.set({ year }));
+				$[103] = anchor;
+				$[104] = t9;
+			} else t9 = $[104];
+			const yearDate = t9;
+			const decadeStart = Math.floor(anchor.year / 10) * 10;
+			const firstYear = decadeStart - 1;
+			const cells_0 = Array.from({ length: YEAR_CELLS }, (__0, index_2) => {
 				const year_0 = firstYear + index_2;
 				const date_1 = yearDate(year_0);
 				return {
@@ -374,245 +343,258 @@ function CalendarPanel(props) {
 					isDisabled: isPeriodDisabled(date_1, endOfYear(date_1))
 				};
 			});
-			$[105] = decadeStart;
-			$[106] = firstYear;
-			$[107] = format;
-			$[108] = isPeriodDisabled;
-			$[109] = todayDate;
-			$[110] = visibleStart.year;
-			$[111] = yearDate;
-			$[112] = yearFormatter;
-			$[113] = t11;
-		} else t11 = $[113];
-		const cells_0 = t11;
-		let t12;
-		if ($[114] !== decadeStart || $[115] !== format || $[116] !== yearDate || $[117] !== yearFormatter) {
-			t12 = format(yearFormatter, yearDate(decadeStart));
-			$[114] = decadeStart;
-			$[115] = format;
-			$[116] = yearDate;
-			$[117] = yearFormatter;
-			$[118] = t12;
-		} else t12 = $[118];
-		let t13;
-		if ($[119] !== decadeStart || $[120] !== format || $[121] !== yearDate || $[122] !== yearFormatter) {
-			t13 = format(yearFormatter, yearDate(decadeStart + 9));
-			$[119] = decadeStart;
-			$[120] = format;
-			$[121] = yearDate;
-			$[122] = yearFormatter;
-			$[123] = t13;
-		} else t13 = $[123];
-		const t14 = `${t12} – ${t13}`;
-		let t15;
-		if ($[124] !== t) {
-			t15 = t("calendar.previousYears", "Previous years");
-			$[124] = t;
-			$[125] = t15;
-		} else t15 = $[125];
-		let t16;
-		if ($[126] !== decadeStart || $[127] !== isPeriodDisabled || $[128] !== yearDate) {
-			t16 = isPeriodDisabled(yearDate(decadeStart - 10), endOfYear(yearDate(decadeStart - 1)));
-			$[126] = decadeStart;
-			$[127] = isPeriodDisabled;
-			$[128] = yearDate;
-			$[129] = t16;
-		} else t16 = $[129];
-		let t17;
-		if ($[130] !== anchor) {
-			t17 = () => setAnchor(anchor.subtract({ years: 10 }));
-			$[130] = anchor;
-			$[131] = t17;
-		} else t17 = $[131];
-		let t18;
-		if ($[132] !== t15 || $[133] !== t16 || $[134] !== t17) {
-			t18 = {
-				"aria-label": t15,
-				isDisabled: t16,
-				onPress: t17
-			};
-			$[132] = t15;
-			$[133] = t16;
-			$[134] = t17;
-			$[135] = t18;
-		} else t18 = $[135];
-		let t19;
-		if ($[136] !== t) {
-			t19 = t("calendar.nextYears", "Next years");
-			$[136] = t;
-			$[137] = t19;
-		} else t19 = $[137];
-		let t20;
-		if ($[138] !== decadeStart || $[139] !== isPeriodDisabled || $[140] !== yearDate) {
-			t20 = isPeriodDisabled(yearDate(decadeStart + 10), endOfYear(yearDate(decadeStart + 19)));
-			$[138] = decadeStart;
-			$[139] = isPeriodDisabled;
-			$[140] = yearDate;
-			$[141] = t20;
-		} else t20 = $[141];
-		let t21;
-		if ($[142] !== anchor) {
-			t21 = () => setAnchor(anchor.add({ years: 10 }));
-			$[142] = anchor;
-			$[143] = t21;
-		} else t21 = $[143];
-		let t22;
-		if ($[144] !== t19 || $[145] !== t20 || $[146] !== t21) {
-			t22 = {
-				"aria-label": t19,
-				isDisabled: t20,
-				onPress: t21
-			};
-			$[144] = t19;
-			$[145] = t20;
-			$[146] = t21;
-			$[147] = t22;
-		} else t22 = $[147];
-		let t23;
-		if ($[148] !== t14 || $[149] !== t18 || $[150] !== t22) {
-			t23 = /* @__PURE__ */ jsx(CalendarHeader, {
-				title: t14,
-				prevButtonProps: t18,
-				nextButtonProps: t22
-			});
-			$[148] = t14;
-			$[149] = t18;
-			$[150] = t22;
-			$[151] = t23;
-		} else t23 = $[151];
-		header = t23;
-		let t24;
-		if ($[152] !== t) {
-			t24 = t("calendar.years", "Years");
-			$[152] = t;
-			$[153] = t24;
-		} else t24 = $[153];
-		const t25 = anchor.year - firstYear;
-		let t26;
-		let t27;
-		if ($[154] !== anchor || $[155] !== firstYear) {
-			t26 = (index_3) => {
-				setAnchor(anchor.set({ year: firstYear + index_3 }));
-				setView("month");
-			};
-			t27 = (index_4) => setAnchor(anchor.set({ year: firstYear + index_4 }));
-			$[154] = anchor;
-			$[155] = firstYear;
-			$[156] = t26;
-			$[157] = t27;
-		} else {
-			t26 = $[156];
-			t27 = $[157];
-		}
-		let t28;
-		let t29;
-		if ($[158] !== anchor) {
-			t28 = (delta_1) => setAnchor(anchor.add({ years: delta_1 }));
-			t29 = (delta_2) => setAnchor(anchor.add({ years: delta_2 * 10 }));
-			$[158] = anchor;
-			$[159] = t28;
-			$[160] = t29;
+			let t10;
+			if ($[105] !== decadeStart || $[106] !== format || $[107] !== yearDate || $[108] !== yearFormatter) {
+				t10 = format(yearFormatter, yearDate(decadeStart));
+				$[105] = decadeStart;
+				$[106] = format;
+				$[107] = yearDate;
+				$[108] = yearFormatter;
+				$[109] = t10;
+			} else t10 = $[109];
+			let t11;
+			if ($[110] !== decadeStart || $[111] !== format || $[112] !== yearDate || $[113] !== yearFormatter) {
+				t11 = format(yearFormatter, yearDate(decadeStart + 9));
+				$[110] = decadeStart;
+				$[111] = format;
+				$[112] = yearDate;
+				$[113] = yearFormatter;
+				$[114] = t11;
+			} else t11 = $[114];
+			const t12 = `${t10} – ${t11}`;
+			let t13;
+			if ($[115] !== t) {
+				t13 = t("calendar.previousYears", "Previous years");
+				$[115] = t;
+				$[116] = t13;
+			} else t13 = $[116];
+			let t14;
+			if ($[117] !== decadeStart || $[118] !== isPeriodDisabled || $[119] !== yearDate) {
+				t14 = isPeriodDisabled(yearDate(decadeStart - 10), endOfYear(yearDate(decadeStart - 1)));
+				$[117] = decadeStart;
+				$[118] = isPeriodDisabled;
+				$[119] = yearDate;
+				$[120] = t14;
+			} else t14 = $[120];
+			let t15;
+			if ($[121] !== anchor) {
+				t15 = () => setAnchor(anchor.subtract({ years: 10 }));
+				$[121] = anchor;
+				$[122] = t15;
+			} else t15 = $[122];
+			let t16;
+			if ($[123] !== t13 || $[124] !== t14 || $[125] !== t15) {
+				t16 = {
+					"aria-label": t13,
+					isDisabled: t14,
+					onPress: t15
+				};
+				$[123] = t13;
+				$[124] = t14;
+				$[125] = t15;
+				$[126] = t16;
+			} else t16 = $[126];
+			let t17;
+			if ($[127] !== t) {
+				t17 = t("calendar.nextYears", "Next years");
+				$[127] = t;
+				$[128] = t17;
+			} else t17 = $[128];
+			let t18;
+			if ($[129] !== decadeStart || $[130] !== isPeriodDisabled || $[131] !== yearDate) {
+				t18 = isPeriodDisabled(yearDate(decadeStart + 10), endOfYear(yearDate(decadeStart + 19)));
+				$[129] = decadeStart;
+				$[130] = isPeriodDisabled;
+				$[131] = yearDate;
+				$[132] = t18;
+			} else t18 = $[132];
+			let t19;
+			if ($[133] !== anchor) {
+				t19 = () => setAnchor(anchor.add({ years: 10 }));
+				$[133] = anchor;
+				$[134] = t19;
+			} else t19 = $[134];
+			let t20;
+			if ($[135] !== t17 || $[136] !== t18 || $[137] !== t19) {
+				t20 = {
+					"aria-label": t17,
+					isDisabled: t18,
+					onPress: t19
+				};
+				$[135] = t17;
+				$[136] = t18;
+				$[137] = t19;
+				$[138] = t20;
+			} else t20 = $[138];
+			let t21;
+			if ($[139] !== t12 || $[140] !== t16 || $[141] !== t20) {
+				t21 = /* @__PURE__ */ jsx(CalendarHeader, {
+					title: t12,
+					prevButtonProps: t16,
+					nextButtonProps: t20
+				});
+				$[139] = t12;
+				$[140] = t16;
+				$[141] = t20;
+				$[142] = t21;
+			} else t21 = $[142];
+			header = t21;
+			let t22;
+			if ($[143] !== t) {
+				t22 = t("calendar.years", "Years");
+				$[143] = t;
+				$[144] = t22;
+			} else t22 = $[144];
+			const t23 = anchor.year - firstYear;
+			let t24;
+			let t25;
+			if ($[145] !== anchor || $[146] !== firstYear) {
+				t24 = (index_3) => {
+					setAnchor(anchor.set({ year: firstYear + index_3 }));
+					setView("month");
+				};
+				t25 = (index_4) => setAnchor(anchor.set({ year: firstYear + index_4 }));
+				$[145] = anchor;
+				$[146] = firstYear;
+				$[147] = t24;
+				$[148] = t25;
+			} else {
+				t24 = $[147];
+				t25 = $[148];
+			}
+			let t26;
+			let t27;
+			if ($[149] !== anchor) {
+				t26 = (delta_1) => setAnchor(anchor.add({ years: delta_1 }));
+				t27 = (delta_2) => setAnchor(anchor.add({ years: delta_2 * 10 }));
+				$[149] = anchor;
+				$[150] = t26;
+				$[151] = t27;
+			} else {
+				t26 = $[150];
+				t27 = $[151];
+			}
+			let t28;
+			if ($[152] !== cells_0 || $[153] !== t22 || $[154] !== t23 || $[155] !== t24 || $[156] !== t25 || $[157] !== t26 || $[158] !== t27) {
+				t28 = /* @__PURE__ */ jsx(PeriodGrid, {
+					autoFocus: true,
+					"aria-label": t22,
+					cells: cells_0,
+					styles: PERIOD_GRID_STYLES,
+					columns: YEAR_COLUMNS,
+					focusedIndex: t23,
+					onCellPress: t24,
+					onCellFocus: t25,
+					onMoveFocus: t26,
+					onMovePage: t27
+				}, "year");
+				$[152] = cells_0;
+				$[153] = t22;
+				$[154] = t23;
+				$[155] = t24;
+				$[156] = t25;
+				$[157] = t26;
+				$[158] = t27;
+				$[159] = t28;
+			} else t28 = $[159];
+			body = t28;
 		} else {
-			t28 = $[159];
-			t29 = $[160];
+			let t9;
+			if ($[160] !== format || $[161] !== hasNavigation || $[162] !== monthFormatter || $[163] !== openView || $[164] !== state.isDisabled || $[165] !== visibleStart || $[166] !== yearFormatter) {
+				t9 = hasNavigation ? [{
+					key: "month",
+					label: format(monthFormatter, visibleStart),
+					isDisabled: state.isDisabled,
+					onPress: () => openView("month")
+				}, {
+					key: "year",
+					label: format(yearFormatter, visibleStart),
+					isDisabled: state.isDisabled,
+					onPress: () => openView("year")
+				}] : void 0;
+				$[160] = format;
+				$[161] = hasNavigation;
+				$[162] = monthFormatter;
+				$[163] = openView;
+				$[164] = state.isDisabled;
+				$[165] = visibleStart;
+				$[166] = yearFormatter;
+				$[167] = t9;
+			} else t9 = $[167];
+			let t10;
+			if ($[168] !== nextButtonProps || $[169] !== prevButtonProps || $[170] !== t9 || $[171] !== title) {
+				t10 = /* @__PURE__ */ jsx(CalendarHeader, {
+					title,
+					segments: t9,
+					prevButtonProps,
+					nextButtonProps
+				});
+				$[168] = nextButtonProps;
+				$[169] = prevButtonProps;
+				$[170] = t9;
+				$[171] = title;
+				$[172] = t10;
+			} else t10 = $[172];
+			header = t10;
+			let t11;
+			if ($[173] !== pickerMode || $[174] !== selectedRange || $[175] !== state) {
+				t11 = /* @__PURE__ */ jsx(CalendarGrid, {
+					state,
+					selectedRange,
+					pickerMode
+				});
+				$[173] = pickerMode;
+				$[174] = selectedRange;
+				$[175] = state;
+				$[176] = t11;
+			} else t11 = $[176];
+			body = t11;
 		}
-		let t30;
-		if ($[161] !== cells_0 || $[162] !== t24 || $[163] !== t25 || $[164] !== t26 || $[165] !== t27 || $[166] !== t28 || $[167] !== t29) {
-			t30 = /* @__PURE__ */ jsx(PeriodGrid, {
-				autoFocus: true,
-				"aria-label": t24,
-				cells: cells_0,
-				styles: PERIOD_GRID_STYLES,
-				columns: YEAR_COLUMNS,
-				focusedIndex: t25,
-				onCellPress: t26,
-				onCellFocus: t27,
-				onMoveFocus: t28,
-				onMovePage: t29
-			}, "year");
-			$[161] = cells_0;
-			$[162] = t24;
-			$[163] = t25;
-			$[164] = t26;
-			$[165] = t27;
-			$[166] = t28;
-			$[167] = t29;
-			$[168] = t30;
-		} else t30 = $[168];
-		body = t30;
+		$[9] = anchor;
+		$[10] = calendar;
+		$[11] = hasMonthYearNavigation;
+		$[12] = monthFormatter;
+		$[13] = nextButtonProps;
+		$[14] = pickerMode;
+		$[15] = prevButtonProps;
+		$[16] = selectedRange;
+		$[17] = shortMonthFormatter;
+		$[18] = state;
+		$[19] = t;
+		$[20] = timeZone;
+		$[21] = title;
+		$[22] = view;
+		$[23] = visibleStart;
+		$[24] = yearFormatter;
+		$[25] = body;
+		$[26] = header;
+		$[27] = onKeyDown;
 	} else {
-		let t10;
-		if ($[169] !== format || $[170] !== hasNavigation || $[171] !== monthFormatter || $[172] !== openView || $[173] !== state.isDisabled || $[174] !== visibleStart || $[175] !== yearFormatter) {
-			t10 = hasNavigation ? [{
-				key: "month",
-				label: format(monthFormatter, visibleStart),
-				isDisabled: state.isDisabled,
-				onPress: () => openView("month")
-			}, {
-				key: "year",
-				label: format(yearFormatter, visibleStart),
-				isDisabled: state.isDisabled,
-				onPress: () => openView("year")
-			}] : void 0;
-			$[169] = format;
-			$[170] = hasNavigation;
-			$[171] = monthFormatter;
-			$[172] = openView;
-			$[173] = state.isDisabled;
-			$[174] = visibleStart;
-			$[175] = yearFormatter;
-			$[176] = t10;
-		} else t10 = $[176];
-		let t11;
-		if ($[177] !== nextButtonProps || $[178] !== prevButtonProps || $[179] !== t10 || $[180] !== title) {
-			t11 = /* @__PURE__ */ jsx(CalendarHeader, {
-				title,
-				segments: t10,
-				prevButtonProps,
-				nextButtonProps
-			});
-			$[177] = nextButtonProps;
-			$[178] = prevButtonProps;
-			$[179] = t10;
-			$[180] = title;
-			$[181] = t11;
-		} else t11 = $[181];
-		header = t11;
-		let t12;
-		if ($[182] !== pickerMode || $[183] !== selectedRange || $[184] !== state) {
-			t12 = /* @__PURE__ */ jsx(CalendarGrid, {
-				state,
-				selectedRange,
-				pickerMode
-			});
-			$[182] = pickerMode;
-			$[183] = selectedRange;
-			$[184] = state;
-			$[185] = t12;
-		} else t12 = $[185];
-		body = t12;
+		body = $[25];
+		header = $[26];
+		onKeyDown = $[27];
 	}
-	let t10;
-	if ($[186] !== calendarProps || $[187] !== onKeyDown) {
-		t10 = mergeProps$1(calendarProps, { onKeyDown });
-		$[186] = calendarProps;
-		$[187] = onKeyDown;
-		$[188] = t10;
-	} else t10 = $[188];
-	let t11;
-	if ($[189] !== body || $[190] !== elementRef || $[191] !== header || $[192] !== t10) {
-		t11 = /* @__PURE__ */ jsxs(CalendarElement, {
+	let t4;
+	if ($[177] !== calendarProps || $[178] !== onKeyDown) {
+		t4 = mergeProps$1(calendarProps, { onKeyDown });
+		$[177] = calendarProps;
+		$[178] = onKeyDown;
+		$[179] = t4;
+	} else t4 = $[179];
+	let t5;
+	if ($[180] !== body || $[181] !== elementRef || $[182] !== header || $[183] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(CalendarElement, {
 			ref: elementRef,
-			...t10,
+			...t4,
 			children: [header, body]
 		});
-		$[189] = body;
-		$[190] = elementRef;
-		$[191] = header;
-		$[192] = t10;
-		$[193] = t11;
-	} else t11 = $[193];
-	return t11;
+		$[180] = body;
+		$[181] = elementRef;
+		$[182] = header;
+		$[183] = t4;
+		$[184] = t5;
+	} else t5 = $[184];
+	return t5;
 }
 
 //#endregion