@sprawlify/primitives 0.0.112 → 0.0.114

package/dist/machines/date-picker/index.cjs

@@ -4,7 +4,7 @@ const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
 const require_dom_query = require("../../dom-query-BUO7rGsg.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
 const require_core = require("../../core-DwdPztGA.cjs");
-const require_date_utils = require("../../date-utils-Dz9DZPcZ.cjs");
+const require_date_utils = require("../../date-utils-B-dqorZV.cjs");
 require("../../interact-outside-Bg-QSXqp.cjs");
 const require_dismissable = require("../../dismissable-DxjbwsOf.cjs");
 const require_live_region = require("../../live-region-TGReV9nm.cjs");
@@ -186,7 +186,8 @@ const getVisibleRangeText = require_core.memo((opts) => [
 	if (view === "month") {
 		const formatter = new _internationalized_date.DateFormatter(locale, {
 			year: "numeric",
-			timeZone
+			timeZone,
+			calendar: startValue.calendar.identifier
 		});
 		const start = formatter.format(startValue.toDate(timeZone));
 		const end = formatter.format(endValue.toDate(timeZone));
@@ -199,7 +200,8 @@ const getVisibleRangeText = require_core.memo((opts) => [
 	const formatter = new _internationalized_date.DateFormatter(locale, {
 		month: "long",
 		year: "numeric",
-		timeZone
+		timeZone,
+		calendar: startValue.calendar.identifier
 	});
 	const start = formatter.format(startValue.toDate(timeZone));
 	const end = formatter.format(endValue.toDate(timeZone));
@@ -251,7 +253,7 @@ function connect(service, normalize) {
 	}
 	function getMonths(props = {}) {
 		const { format } = props;
-		return require_date_utils.getMonthNames(locale, format).map((label, index) => {
+		return require_date_utils.getMonthNames(locale, format, focusedValue).map((label, index) => {
 			const value = index + 1;
 			return {
 				label,
@@ -261,10 +263,7 @@ function connect(service, normalize) {
 		});
 	}
 	function getYears() {
-		return require_date_utils.getYearsRange({
-			from: min?.year ?? 1900,
-			to: max?.year ?? 2100
-		}).map((year) => ({
+		return require_date_utils.getYearsRange(require_date_utils.getDefaultYearRange(focusedValue, min, max)).map((year) => ({
 			label: year.toString(),
 			value: year,
 			disabled: !require_utils.isValueWithinRange(year, min?.year, max?.year)
@@ -276,13 +275,13 @@ function connect(service, normalize) {
 	function focusMonth(month) {
 		send({
 			type: "FOCUS.SET",
-			value: (startValue ?? require_date_utils.getTodayDate(timeZone)).set({ month })
+			value: (startValue ?? require_date_utils.getTodayDate(timeZone, focusedValue.calendar)).set({ month })
 		});
 	}
 	function focusYear(year) {
 		send({
 			type: "FOCUS.SET",
-			value: (startValue ?? require_date_utils.getTodayDate(timeZone)).set({ year })
+			value: (startValue ?? require_date_utils.getTodayDate(timeZone, focusedValue.calendar)).set({ year })
 		});
 	}
 	function getYearTableCellState(props) {
@@ -307,7 +306,7 @@ function connect(service, normalize) {
 	function getMonthTableCellState(props) {
 		const { value, disabled } = props;
 		const dateValue = focusedValue.set({ month: value });
-		const formatter = require_date_utils.getMonthFormatter(locale, timeZone);
+		const formatter = require_date_utils.getMonthFormatter(locale, timeZone, focusedValue);
 		const cellState = {
 			focused: focusedValue.month === props.value,
 			selectable: !require_date_utils.isDateOutsideRange(dateValue, min, max),
@@ -323,7 +322,7 @@ function connect(service, normalize) {
 	}
 	function getDayTableCellState(props) {
 		const { value, disabled, visibleRange = computed("visibleRange") } = props;
-		const formatter = require_date_utils.getDayFormatter(locale, timeZone);
+		const formatter = require_date_utils.getDayFormatter(locale, timeZone, focusedValue);
 		const unitDuration = require_date_utils.getUnitDuration(computed("visibleDuration"));
 		const outsideDaySelectable = prop("outsideDaySelectable");
 		const end = visibleRange.start.add(unitDuration).subtract({ days: 1 });
@@ -393,7 +392,7 @@ function connect(service, normalize) {
 		getOffset(duration) {
 			const from = startValue.add(duration);
 			const end = endValue.add(duration);
-			const formatter = require_date_utils.getMonthFormatter(locale, timeZone);
+			const formatter = require_date_utils.getMonthFormatter(locale, timeZone, focusedValue);
 			return {
 				visibleRange: {
 					start: from,
@@ -409,7 +408,7 @@ function connect(service, normalize) {
 		getMonthWeeks,
 		isUnavailable,
 		weeks: getMonthWeeks(),
-		weekDays: require_date_utils.getWeekDays(require_date_utils.getTodayDate(timeZone), startOfWeek, timeZone, locale),
+		weekDays: require_date_utils.getWeekDays(startValue, startOfWeek, timeZone, locale),
 		visibleRangeText: computed("visibleRangeText"),
 		value: selectedValue,
 		valueAsDate: selectedValue.filter((date) => date != null).map((date) => date.toDate(timeZone)),
@@ -424,7 +423,7 @@ function connect(service, normalize) {
 		selectToday() {
 			send({
 				type: "VALUE.SET",
-				value: [require_date_utils.constrainValue(require_date_utils.getTodayDate(timeZone), min, max)]
+				value: [require_date_utils.constrainValue(require_date_utils.getTodayDate(timeZone, focusedValue.calendar), min, max)]
 			});
 		},
 		setValue(values) {
@@ -495,7 +494,10 @@ function connect(service, normalize) {
 			month: "long",
 			year: "numeric"
 		}) {
-			return new _internationalized_date.DateFormatter(locale, opts).format(value.toDate(timeZone));
+			return new _internationalized_date.DateFormatter(locale, {
+				...opts,
+				calendar: value.calendar.identifier
+			}).format(value.toDate(timeZone));
 		},
 		setView(view) {
 			send({
@@ -735,6 +737,7 @@ function connect(service, normalize) {
 				scope: "col",
 				"aria-label": translations.weekColumnHeader,
 				"data-view": view,
+				"data-type": "week-number",
 				"data-disabled": require_dom_query.dataAttr(disabled)
 			});
 		},
@@ -747,6 +750,7 @@ function connect(service, normalize) {
 				"aria-label": translations.weekNumberCell?.(weekNumber),
 				"data-view": "day",
 				"data-week-index": weekIndex,
+				"data-type": "week-number",
 				"data-disabled": require_dom_query.dataAttr(disabled)
 			});
 		},
@@ -1187,10 +1191,20 @@ const machine = require_core.createMachine({
 		const timeZone = props.timeZone || "UTC";
 		const selectionMode = props.selectionMode || "single";
 		const numOfMonths = props.numOfMonths || 1;
-		const defaultValue = props.defaultValue ? sortDates(props.defaultValue).map((date) => require_date_utils.constrainValue(date, props.min, props.max)) : void 0;
-		const value = props.value ? sortDates(props.value).map((date) => require_date_utils.constrainValue(date, props.min, props.max)) : void 0;
-		let focusedValue = props.focusedValue || props.defaultFocusedValue || value?.[0] || defaultValue?.[0] || require_date_utils.getTodayDate(timeZone);
-		focusedValue = require_date_utils.constrainValue(focusedValue, props.min, props.max);
+		let calendar;
+		if (props.createCalendar) {
+			const calendarId = new Intl.DateTimeFormat(locale).resolvedOptions().calendar;
+			if (calendarId !== "gregory" && calendarId !== "iso8601") calendar = props.createCalendar(calendarId);
+		}
+		const toTargetCalendar = (date) => {
+			if (!calendar) return date;
+			if (date.calendar.identifier === calendar.identifier) return date;
+			return (0, _internationalized_date.toCalendar)(date, calendar);
+		};
+		const defaultValue = props.defaultValue ? sortDates(props.defaultValue).map((date) => require_date_utils.constrainValue(toTargetCalendar(date), props.min, props.max)) : void 0;
+		const value = props.value ? sortDates(props.value).map((date) => require_date_utils.constrainValue(toTargetCalendar(date), props.min, props.max)) : void 0;
+		let focusedValue = props.focusedValue || props.defaultFocusedValue || value?.[0] || defaultValue?.[0] || require_date_utils.getTodayDate(timeZone, calendar);
+		focusedValue = require_date_utils.constrainValue(toTargetCalendar(focusedValue), props.min, props.max);
 		const minView = "day";
 		const maxView = "year";
 		return {
@@ -1208,7 +1222,8 @@ const machine = require_core.createMachine({
 					timeZone,
 					day: "2-digit",
 					month: "2-digit",
-					year: "numeric"
+					year: "numeric",
+					calendar: calendar?.identifier
 				}).format(date.toDate(timeZone));
 			},
 			parse(value, { locale, timeZone }) {
@@ -2027,8 +2042,9 @@ const machine = require_core.createMachine({
 				setFocusedValue(params, context.get("focusedValue").subtract({ years: 10 }));
 			},
 			clearFocusedDate(params) {
-				const { prop } = params;
-				setFocusedValue(params, require_date_utils.getTodayDate(prop("timeZone")));
+				const { context, prop } = params;
+				const calendar = context.get("focusedValue").calendar;
+				setFocusedValue(params, require_date_utils.getTodayDate(prop("timeZone"), calendar));
 			},
 			focusPreviousMonthColumn(params) {
 				const { context, event } = params;
@@ -2048,11 +2064,15 @@ const machine = require_core.createMachine({
 			},
 			focusFirstMonth(params) {
 				const { context } = params;
-				setFocusedValue(params, context.get("focusedValue").set({ month: 1 }));
+				const focused = context.get("focusedValue");
+				const minMonth = focused.calendar.getMinimumMonthInYear?.(focused) ?? 1;
+				setFocusedValue(params, focused.set({ month: minMonth }));
 			},
 			focusLastMonth(params) {
 				const { context } = params;
-				setFocusedValue(params, context.get("focusedValue").set({ month: 12 }));
+				const focused = context.get("focusedValue");
+				const maxMonth = focused.calendar.getMonthsInYear(focused);
+				setFocusedValue(params, focused.set({ month: maxMonth }));
 			},
 			focusFirstYear(params) {
 				const { context } = params;
@@ -2245,6 +2265,7 @@ function parse(value) {
 //#region src/machines/date-picker/date-picker.props.ts
 const props = require_create_props.createProps()([
 	"closeOnSelect",
+	"createCalendar",
 	"dir",
 	"disabled",
 	"fixedWeeks",

package/dist/machines/date-picker/index.d.cts

@@ -5,10 +5,10 @@ import { a as DateRangePreset, o as DateValue } from "../../types-MFO-RQR7.cjs";
 import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-DzWGFhcS.cjs";
 import { t as LiveRegion } from "../../index-BO-Z3fhz.cjs";
 import { c as Placement, d as PositioningOptions } from "../../types-CZAtqGqH.cjs";
-import { Calendar, CalendarDate, CalendarDateTime, DateDuration, DateFormatter, ZonedDateTime } from "@internationalized/date";
+import { Calendar, CalendarDate, CalendarDateTime, CalendarIdentifier, DateDuration, DateFormatter, ZonedDateTime } from "@internationalized/date";
 
 //#region src/machines/date-picker/date-picker.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "content" | "input" | "trigger" | "prevTrigger" | "nextTrigger" | "table" | "view" | "clearTrigger" | "positioner" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "input" | "label" | "control" | "nextTrigger" | "prevTrigger" | "table" | "view" | "positioner" | "clearTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
 //#endregion
 //#region src/machines/date-picker/date-picker.types.d.ts
 type DateView = "day" | "month" | "year";
@@ -87,6 +87,7 @@ type ElementIds = Partial<{
 }>;
 interface DatePickerProps extends DirectionProperty, CommonProperties {
   locale?: string | undefined;
+  createCalendar?: ((identifier: CalendarIdentifier) => Calendar) | undefined;
   translations?: IntlTranslations | undefined;
   ids?: ElementIds | undefined;
   name?: string | undefined;

package/dist/machines/date-picker/index.d.mts

@@ -1,14 +1,14 @@
 import { n as AnatomyInstance } from "../../create-anatomy-BedZVdg0.mjs";
 import { p as Machine, y as Service } from "../../types-DUM9rzfD.mjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
-import { Q as DateValue, Z as DateRangePreset } from "../../index-6cEVkXqi.mjs";
+import { $ as DateValue, Q as DateRangePreset } from "../../index-BfUngXif.mjs";
 import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-CGNNiDyE.mjs";
 import { t as LiveRegion } from "../../index-1L40UHp8.mjs";
 import { p as PositioningOptions, u as Placement } from "../../index-fMh0VDkR.mjs";
-import { Calendar, CalendarDate, CalendarDateTime, DateDuration, DateFormatter, ZonedDateTime } from "@internationalized/date";
+import { Calendar, CalendarDate, CalendarDateTime, CalendarIdentifier, DateDuration, DateFormatter, ZonedDateTime } from "@internationalized/date";
 
 //#region src/machines/date-picker/date-picker.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "content" | "input" | "trigger" | "prevTrigger" | "nextTrigger" | "table" | "view" | "clearTrigger" | "positioner" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "input" | "label" | "control" | "nextTrigger" | "prevTrigger" | "table" | "view" | "positioner" | "clearTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
 //#endregion
 //#region src/machines/date-picker/date-picker.types.d.ts
 type DateView = "day" | "month" | "year";
@@ -87,6 +87,7 @@ type ElementIds = Partial<{
 }>;
 interface DatePickerProps extends DirectionProperty, CommonProperties {
   locale?: string | undefined;
+  createCalendar?: ((identifier: CalendarIdentifier) => Calendar) | undefined;
   translations?: IntlTranslations | undefined;
   ids?: ElementIds | undefined;
   name?: string | undefined;

package/dist/machines/date-picker/index.mjs

@@ -2,13 +2,13 @@ import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
 import { C as queryAll, D as disableTextSelection, O as restoreTextSelection, S as query, W as raf, _t as isComposingEvent, bn as ariaAttr, ct as setElementValue, ft as getEventKey, gt as getNativeEvent, xn as dataAttr } from "../../dom-query-BFuRs3l4.mjs";
 import { N as isValueWithinRange, Y as match, g as clampValue, ht as chunk, u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
 import { a as createMachine, i as createGuards, s as memo } from "../../core-Ci9Yu6QI.mjs";
-import { A as getDayFormatter, F as isDateOutsideRange, G as constrainValue, I as isDateUnavailable, L as isNextRangeInvalid, M as getEndDate, N as getUnitDuration, O as formatSelectedDate, P as isDateEqual, R as isPreviousRangeInvalid, S as getMonthNames, T as getWeekOfYear, _ as getYearsRange, g as getDecadeRange, i as getNextPage, j as getMonthFormatter, l as getPreviousSection, n as parseDateString, o as getNextSection, p as getTodayDate, r as getAdjustedDateFn, s as getPreviousPage, t as getDateRangePreset, w as getWeekDays, x as getMonthDays, y as getDaysInWeek, z as alignDate } from "../../date-utils-BqOQP2-U.mjs";
+import { B as alignDate, C as getMonthNames, E as getWeekOfYear, F as isDateEqual, I as isDateOutsideRange, K as constrainValue, L as isDateUnavailable, M as getMonthFormatter, N as getEndDate, P as getUnitDuration, R as isNextRangeInvalid, S as getMonthDays, T as getWeekDays, _ as getDefaultYearRange, b as getDaysInWeek, g as getDecadeRange, i as getNextPage, j as getDayFormatter, k as formatSelectedDate, l as getPreviousSection, n as parseDateString, o as getNextSection, p as getTodayDate, r as getAdjustedDateFn, s as getPreviousPage, t as getDateRangePreset, v as getYearsRange, z as isPreviousRangeInvalid } from "../../date-utils-BdeeOQRI.mjs";
 import "../../interact-outside-Ba50N1a5.mjs";
 import { n as trackDismissableElement } from "../../dismissable-B9k5K6f9.mjs";
 import { t as createLiveRegion } from "../../live-region-TgEDzvS4.mjs";
 import { n as getPlacement, t as getPlacementStyles } from "../../popper-BlgbmdAn.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
-import { CalendarDate, DateFormatter, isEqualDay, isEqualMonth, isEqualYear, isToday, isWeekend, parseDate, toCalendarDateTime, toZoned } from "@internationalized/date";
+import { CalendarDate, DateFormatter, isEqualDay, isEqualMonth, isEqualYear, isToday, isWeekend, parseDate, toCalendar, toCalendarDateTime, toZoned } from "@internationalized/date";
 //#region src/machines/date-picker/date-picker.anatomy.ts
 const anatomy = createAnatomy("date-picker").parts("clearTrigger", "content", "control", "input", "label", "monthSelect", "nextTrigger", "positioner", "presetTrigger", "prevTrigger", "rangeText", "root", "table", "tableBody", "tableCell", "tableCellTrigger", "tableHead", "tableHeader", "tableRow", "trigger", "view", "viewControl", "viewTrigger", "yearSelect");
 const parts = anatomy.build();
@@ -184,7 +184,8 @@ const getVisibleRangeText = memo((opts) => [
 	if (view === "month") {
 		const formatter = new DateFormatter(locale, {
 			year: "numeric",
-			timeZone
+			timeZone,
+			calendar: startValue.calendar.identifier
 		});
 		const start = formatter.format(startValue.toDate(timeZone));
 		const end = formatter.format(endValue.toDate(timeZone));
@@ -197,7 +198,8 @@ const getVisibleRangeText = memo((opts) => [
 	const formatter = new DateFormatter(locale, {
 		month: "long",
 		year: "numeric",
-		timeZone
+		timeZone,
+		calendar: startValue.calendar.identifier
 	});
 	const start = formatter.format(startValue.toDate(timeZone));
 	const end = formatter.format(endValue.toDate(timeZone));
@@ -249,7 +251,7 @@ function connect(service, normalize) {
 	}
 	function getMonths(props = {}) {
 		const { format } = props;
-		return getMonthNames(locale, format).map((label, index) => {
+		return getMonthNames(locale, format, focusedValue).map((label, index) => {
 			const value = index + 1;
 			return {
 				label,
@@ -259,10 +261,7 @@ function connect(service, normalize) {
 		});
 	}
 	function getYears() {
-		return getYearsRange({
-			from: min?.year ?? 1900,
-			to: max?.year ?? 2100
-		}).map((year) => ({
+		return getYearsRange(getDefaultYearRange(focusedValue, min, max)).map((year) => ({
 			label: year.toString(),
 			value: year,
 			disabled: !isValueWithinRange(year, min?.year, max?.year)
@@ -274,13 +273,13 @@ function connect(service, normalize) {
 	function focusMonth(month) {
 		send({
 			type: "FOCUS.SET",
-			value: (startValue ?? getTodayDate(timeZone)).set({ month })
+			value: (startValue ?? getTodayDate(timeZone, focusedValue.calendar)).set({ month })
 		});
 	}
 	function focusYear(year) {
 		send({
 			type: "FOCUS.SET",
-			value: (startValue ?? getTodayDate(timeZone)).set({ year })
+			value: (startValue ?? getTodayDate(timeZone, focusedValue.calendar)).set({ year })
 		});
 	}
 	function getYearTableCellState(props) {
@@ -305,7 +304,7 @@ function connect(service, normalize) {
 	function getMonthTableCellState(props) {
 		const { value, disabled } = props;
 		const dateValue = focusedValue.set({ month: value });
-		const formatter = getMonthFormatter(locale, timeZone);
+		const formatter = getMonthFormatter(locale, timeZone, focusedValue);
 		const cellState = {
 			focused: focusedValue.month === props.value,
 			selectable: !isDateOutsideRange(dateValue, min, max),
@@ -321,7 +320,7 @@ function connect(service, normalize) {
 	}
 	function getDayTableCellState(props) {
 		const { value, disabled, visibleRange = computed("visibleRange") } = props;
-		const formatter = getDayFormatter(locale, timeZone);
+		const formatter = getDayFormatter(locale, timeZone, focusedValue);
 		const unitDuration = getUnitDuration(computed("visibleDuration"));
 		const outsideDaySelectable = prop("outsideDaySelectable");
 		const end = visibleRange.start.add(unitDuration).subtract({ days: 1 });
@@ -391,7 +390,7 @@ function connect(service, normalize) {
 		getOffset(duration) {
 			const from = startValue.add(duration);
 			const end = endValue.add(duration);
-			const formatter = getMonthFormatter(locale, timeZone);
+			const formatter = getMonthFormatter(locale, timeZone, focusedValue);
 			return {
 				visibleRange: {
 					start: from,
@@ -407,7 +406,7 @@ function connect(service, normalize) {
 		getMonthWeeks,
 		isUnavailable,
 		weeks: getMonthWeeks(),
-		weekDays: getWeekDays(getTodayDate(timeZone), startOfWeek, timeZone, locale),
+		weekDays: getWeekDays(startValue, startOfWeek, timeZone, locale),
 		visibleRangeText: computed("visibleRangeText"),
 		value: selectedValue,
 		valueAsDate: selectedValue.filter((date) => date != null).map((date) => date.toDate(timeZone)),
@@ -422,7 +421,7 @@ function connect(service, normalize) {
 		selectToday() {
 			send({
 				type: "VALUE.SET",
-				value: [constrainValue(getTodayDate(timeZone), min, max)]
+				value: [constrainValue(getTodayDate(timeZone, focusedValue.calendar), min, max)]
 			});
 		},
 		setValue(values) {
@@ -493,7 +492,10 @@ function connect(service, normalize) {
 			month: "long",
 			year: "numeric"
 		}) {
-			return new DateFormatter(locale, opts).format(value.toDate(timeZone));
+			return new DateFormatter(locale, {
+				...opts,
+				calendar: value.calendar.identifier
+			}).format(value.toDate(timeZone));
 		},
 		setView(view) {
 			send({
@@ -733,6 +735,7 @@ function connect(service, normalize) {
 				scope: "col",
 				"aria-label": translations.weekColumnHeader,
 				"data-view": view,
+				"data-type": "week-number",
 				"data-disabled": dataAttr(disabled)
 			});
 		},
@@ -745,6 +748,7 @@ function connect(service, normalize) {
 				"aria-label": translations.weekNumberCell?.(weekNumber),
 				"data-view": "day",
 				"data-week-index": weekIndex,
+				"data-type": "week-number",
 				"data-disabled": dataAttr(disabled)
 			});
 		},
@@ -1185,10 +1189,20 @@ const machine = createMachine({
 		const timeZone = props.timeZone || "UTC";
 		const selectionMode = props.selectionMode || "single";
 		const numOfMonths = props.numOfMonths || 1;
-		const defaultValue = props.defaultValue ? sortDates(props.defaultValue).map((date) => constrainValue(date, props.min, props.max)) : void 0;
-		const value = props.value ? sortDates(props.value).map((date) => constrainValue(date, props.min, props.max)) : void 0;
-		let focusedValue = props.focusedValue || props.defaultFocusedValue || value?.[0] || defaultValue?.[0] || getTodayDate(timeZone);
-		focusedValue = constrainValue(focusedValue, props.min, props.max);
+		let calendar;
+		if (props.createCalendar) {
+			const calendarId = new Intl.DateTimeFormat(locale).resolvedOptions().calendar;
+			if (calendarId !== "gregory" && calendarId !== "iso8601") calendar = props.createCalendar(calendarId);
+		}
+		const toTargetCalendar = (date) => {
+			if (!calendar) return date;
+			if (date.calendar.identifier === calendar.identifier) return date;
+			return toCalendar(date, calendar);
+		};
+		const defaultValue = props.defaultValue ? sortDates(props.defaultValue).map((date) => constrainValue(toTargetCalendar(date), props.min, props.max)) : void 0;
+		const value = props.value ? sortDates(props.value).map((date) => constrainValue(toTargetCalendar(date), props.min, props.max)) : void 0;
+		let focusedValue = props.focusedValue || props.defaultFocusedValue || value?.[0] || defaultValue?.[0] || getTodayDate(timeZone, calendar);
+		focusedValue = constrainValue(toTargetCalendar(focusedValue), props.min, props.max);
 		const minView = "day";
 		const maxView = "year";
 		return {
@@ -1206,7 +1220,8 @@ const machine = createMachine({
 					timeZone,
 					day: "2-digit",
 					month: "2-digit",
-					year: "numeric"
+					year: "numeric",
+					calendar: calendar?.identifier
 				}).format(date.toDate(timeZone));
 			},
 			parse(value, { locale, timeZone }) {
@@ -2025,8 +2040,9 @@ const machine = createMachine({
 				setFocusedValue(params, context.get("focusedValue").subtract({ years: 10 }));
 			},
 			clearFocusedDate(params) {
-				const { prop } = params;
-				setFocusedValue(params, getTodayDate(prop("timeZone")));
+				const { context, prop } = params;
+				const calendar = context.get("focusedValue").calendar;
+				setFocusedValue(params, getTodayDate(prop("timeZone"), calendar));
 			},
 			focusPreviousMonthColumn(params) {
 				const { context, event } = params;
@@ -2046,11 +2062,15 @@ const machine = createMachine({
 			},
 			focusFirstMonth(params) {
 				const { context } = params;
-				setFocusedValue(params, context.get("focusedValue").set({ month: 1 }));
+				const focused = context.get("focusedValue");
+				const minMonth = focused.calendar.getMinimumMonthInYear?.(focused) ?? 1;
+				setFocusedValue(params, focused.set({ month: minMonth }));
 			},
 			focusLastMonth(params) {
 				const { context } = params;
-				setFocusedValue(params, context.get("focusedValue").set({ month: 12 }));
+				const focused = context.get("focusedValue");
+				const maxMonth = focused.calendar.getMonthsInYear(focused);
+				setFocusedValue(params, focused.set({ month: maxMonth }));
 			},
 			focusFirstYear(params) {
 				const { context } = params;
@@ -2243,6 +2263,7 @@ function parse(value) {
 //#region src/machines/date-picker/date-picker.props.ts
 const props = createProps()([
 	"closeOnSelect",
+	"createCalendar",
 	"dir",
 	"disabled",
 	"fixedWeeks",

package/dist/machines/dialog/index.d.cts

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOuts
 import { r as PersistentElementOptions, t as DismissableElementHandlers } from "../../dismissable-layer-ZgyqN8AD.cjs";
 
 //#region src/machines/dialog/dialog.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"content" | "trigger" | "title" | "positioner" | "description" | "closeTrigger" | "backdrop">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "description" | "closeTrigger" | "positioner" | "backdrop">;
 //#endregion
 //#region src/machines/dialog/dialog.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/dialog/index.d.mts

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOuts
 import { r as PersistentElementOptions, t as DismissableElementHandlers } from "../../dismissable-layer-h14gHVbJ.mjs";
 
 //#region src/machines/dialog/dialog.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"content" | "trigger" | "title" | "positioner" | "description" | "closeTrigger" | "backdrop">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "description" | "closeTrigger" | "positioner" | "backdrop">;
 //#endregion
 //#region src/machines/dialog/dialog.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/drawer/index.d.cts

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOuts
 import { t as DismissableElementHandlers } from "../../dismissable-layer-ZgyqN8AD.cjs";
 
 //#region src/machines/drawer/drawer.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"content" | "trigger" | "title" | "positioner" | "description" | "closeTrigger" | "backdrop" | "grabber" | "grabberIndicator" | "swipeArea">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "description" | "closeTrigger" | "positioner" | "backdrop" | "grabber" | "grabberIndicator" | "swipeArea">;
 //#endregion
 //#region src/machines/drawer/utils/session.d.ts
 type GestureAxis = "x" | "y";

package/dist/machines/drawer/index.d.mts

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOuts
 import { t as DismissableElementHandlers } from "../../dismissable-layer-h14gHVbJ.mjs";
 
 //#region src/machines/drawer/drawer.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"content" | "trigger" | "title" | "positioner" | "description" | "closeTrigger" | "backdrop" | "grabber" | "grabberIndicator" | "swipeArea">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "description" | "closeTrigger" | "positioner" | "backdrop" | "grabber" | "grabberIndicator" | "swipeArea">;
 //#endregion
 //#region src/machines/drawer/utils/session.d.ts
 type GestureAxis = "x" | "y";

package/dist/machines/dropdown-menu/index.d.cts

@@ -8,7 +8,7 @@ import { c as Placement, d as PositioningOptions } from "../../types-CZAtqGqH.cj
 import { a as Point } from "../../types-CLXYEgfm.cjs";
 
 //#region src/machines/dropdown-menu/dropdown-menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"indicator" | "content" | "item" | "itemIndicator" | "itemText" | "trigger" | "itemGroup" | "positioner" | "separator" | "arrow" | "arrowTip" | "itemGroupLabel" | "triggerItem">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "indicator" | "item" | "itemIndicator" | "itemGroup" | "arrow" | "arrowTip" | "positioner" | "itemText" | "separator" | "itemGroupLabel" | "triggerItem">;
 //#endregion
 //#region src/machines/dropdown-menu/dropdown-menu.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/dropdown-menu/index.d.mts

@@ -8,7 +8,7 @@ import { p as PositioningOptions, u as Placement } from "../../index-fMh0VDkR.mj
 import { a as Point } from "../../types-DU764tY_.mjs";
 
 //#region src/machines/dropdown-menu/dropdown-menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"indicator" | "content" | "item" | "itemIndicator" | "itemText" | "trigger" | "itemGroup" | "positioner" | "separator" | "arrow" | "arrowTip" | "itemGroupLabel" | "triggerItem">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "indicator" | "item" | "itemIndicator" | "itemGroup" | "arrow" | "arrowTip" | "positioner" | "itemText" | "separator" | "itemGroupLabel" | "triggerItem">;
 //#endregion
 //#region src/machines/dropdown-menu/dropdown-menu.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/editable/index.d.cts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-DzWGFhcS.cjs";
 
 //#region src/machines/editable/editable.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "input" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger">;
 //#endregion
 //#region src/machines/editable/editable.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/editable/index.d.mts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-CGNNiDyE.mjs";
 
 //#region src/machines/editable/editable.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "input" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger">;
 //#endregion
 //#region src/machines/editable/editable.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/file-upload/index.d.cts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, o as LocaleProperties, t as Commo
 import { i as FileMimeType, r as FileError } from "../../types-CylWsfOz.cjs";
 
 //#region src/machines/file-upload/file-upload.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "trigger" | "itemGroup" | "clearTrigger" | "itemPreview" | "itemDeleteTrigger" | "dropzone" | "itemName" | "itemPreviewImage" | "itemSizeText">;
+declare const anatomy: AnatomyInstance<"root" | "trigger" | "label" | "item" | "itemGroup" | "clearTrigger" | "itemPreview" | "itemDeleteTrigger" | "dropzone" | "itemName" | "itemPreviewImage" | "itemSizeText">;
 //#endregion
 //#region src/machines/file-upload/file-upload.types.d.ts
 interface FileRejection {

package/dist/machines/file-upload/index.d.mts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, o as LocaleProperties, t as Commo
 import { i as FileMimeType, r as FileError } from "../../types-Cctd5dol.mjs";
 
 //#region src/machines/file-upload/file-upload.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "trigger" | "itemGroup" | "clearTrigger" | "itemPreview" | "itemDeleteTrigger" | "dropzone" | "itemName" | "itemPreviewImage" | "itemSizeText">;
+declare const anatomy: AnatomyInstance<"root" | "trigger" | "label" | "item" | "itemGroup" | "clearTrigger" | "itemPreview" | "itemDeleteTrigger" | "dropzone" | "itemName" | "itemPreviewImage" | "itemSizeText">;
 //#endregion
 //#region src/machines/file-upload/file-upload.types.d.ts
 interface FileRejection {

package/dist/machines/floating-panel/index.d.cts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { a as Point, o as Rect, y as Size } from "../../types-CLXYEgfm.cjs";
 
 //#region src/machines/floating-panel/floating-panel.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"control" | "content" | "trigger" | "body" | "header" | "title" | "positioner" | "closeTrigger" | "resizeTrigger" | "dragTrigger" | "stageTrigger">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "control" | "body" | "header" | "title" | "closeTrigger" | "positioner" | "resizeTrigger" | "dragTrigger" | "stageTrigger">;
 //#endregion
 //#region src/machines/floating-panel/floating-panel.types.d.ts
 interface PositionChangeDetails {

package/dist/machines/floating-panel/index.d.mts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { a as Point, o as Rect, y as Size } from "../../types-DU764tY_.mjs";
 
 //#region src/machines/floating-panel/floating-panel.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"control" | "content" | "trigger" | "body" | "header" | "title" | "positioner" | "closeTrigger" | "resizeTrigger" | "dragTrigger" | "stageTrigger">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "control" | "body" | "header" | "title" | "closeTrigger" | "positioner" | "resizeTrigger" | "dragTrigger" | "stageTrigger">;
 //#endregion
 //#region src/machines/floating-panel/floating-panel.types.d.ts
 interface PositionChangeDetails {

package/dist/machines/hover-card/index.d.cts

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusO
 import { c as Placement, d as PositioningOptions } from "../../types-CZAtqGqH.cjs";
 
 //#region src/machines/hover-card/hover-card.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"content" | "trigger" | "positioner" | "arrow" | "arrowTip">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "arrow" | "arrowTip" | "positioner">;
 //#endregion
 //#region src/machines/hover-card/hover-card.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/hover-card/index.d.mts

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusO
 import { p as PositioningOptions, u as Placement } from "../../index-fMh0VDkR.mjs";
 
 //#region src/machines/hover-card/hover-card.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"content" | "trigger" | "positioner" | "arrow" | "arrowTip">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "arrow" | "arrowTip" | "positioner">;
 //#endregion
 //#region src/machines/hover-card/hover-card.types.d.ts
 interface OpenChangeDetails {