@mortenbrudvik/waveui 0.10.0 → 0.12.0

package/dist/components/input/DatePicker.mjs

@@ -7,29 +7,29 @@ import { isSameDay as ee, startOfDay as a } from "../../lib/date.mjs";
 import { useControllable as o } from "../../hooks/useControllable.mjs";
 import { useId as s } from "../../hooks/useId.mjs";
 import { FOCUSABLE_SELECTOR as te } from "../../lib/focus.mjs";
-import { useMergedRefs as ne } from "../../hooks/useMergedRefs.mjs";
-import { useIsClient as re } from "../../hooks/useIsClient.mjs";
-import { joinIds as ie } from "../../lib/aria.mjs";
-import { useFieldContext as ae, useFieldControl as oe } from "../../hooks/useFieldControl.mjs";
-import { useDismiss as se } from "../../hooks/useDismiss.mjs";
-import { Portal as ce } from "../portal/Portal.mjs";
-import { disabledStyles as le, focusRing as ue, inputAppearanceClasses as de, inputFocus as fe, inputHeightClasses as pe, inputPaddingClasses as me, inputTextClasses as he } from "../../lib/styles.mjs";
-import { CalendarIcon as ge, DismissIcon as _e } from "../../lib/icons.mjs";
-import { useInputLook as ve } from "./inputLook.mjs";
-import { isInvalidLook as ye } from "./Input.mjs";
-import { useFormReset as be } from "../../hooks/useFormReset.mjs";
-import { HiddenInput as xe } from "../internal/HiddenInput.mjs";
-import { pickerButtonOffset as c, pickerEndPadding as Se, pickerGlyphSize as l, pickerIconButtonClasses as u } from "./pickerStyles.mjs";
-import { usePopupPosition as Ce } from "../../hooks/usePopupPosition.mjs";
-import { formatDate as we, formatISODate as d, getLocaleDateFormat as Te, isDateInRange as Ee, isValidLocaleTag as De, parseDate as Oe } from "./dateUtils.mjs";
-import { useFocusTrap as ke } from "../../hooks/useFocusTrap.mjs";
-import { useRestoreFocus as Ae } from "../../hooks/useRestoreFocus.mjs";
-import { CalendarView as je } from "./Calendar.mjs";
-import * as f from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { flushSync as Me } from "react-dom";
+import { useMergedRefs as c } from "../../hooks/useMergedRefs.mjs";
+import { useIsClient as ne } from "../../hooks/useIsClient.mjs";
+import { joinIds as re } from "../../lib/aria.mjs";
+import { useFieldContext as ie, useFieldControl as ae } from "../../hooks/useFieldControl.mjs";
+import { resolvePositioning as oe, usePopupPosition as se } from "../../hooks/usePopupPosition.mjs";
+import { useDismiss as ce } from "../../hooks/useDismiss.mjs";
+import { useFocusTrap as le } from "../../hooks/useFocusTrap.mjs";
+import { useRestoreFocus as ue } from "../../hooks/useRestoreFocus.mjs";
+import { disabledStyles as de, focusRing as fe, inputAppearanceClasses as pe, inputFocus as me, inputHeightClasses as he, inputPaddingClasses as ge, inputTextClasses as _e } from "../../lib/styles.mjs";
+import { Portal as ve } from "../portal/Portal.mjs";
+import { CalendarIcon as ye, DismissIcon as be } from "../../lib/icons.mjs";
+import { useInputLook as xe } from "./inputLook.mjs";
+import { isInvalidLook as Se } from "./Input.mjs";
+import { useFormReset as Ce } from "../../hooks/useFormReset.mjs";
+import { HiddenInput as we } from "../internal/HiddenInput.mjs";
+import { pickerButtonOffset as Te, pickerEndPadding as Ee, pickerGlyphSize as De, pickerIconButtonClasses as Oe } from "./pickerStyles.mjs";
+import { formatDate as ke, formatISODate as Ae, getLocaleDateFormat as je, isDateInRange as Me, isValidLocaleTag as Ne, parseDate as Pe } from "./dateUtils.mjs";
+import { CalendarView as Fe } from "./Calendar.mjs";
+import * as l from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { flushSync as Ie } from "react-dom";
 //#region src/components/input/DatePicker.tsx
-var Ne = (e) => e ? `Enter a date in the format ${e}.` : "Enter a valid date.", Pe = (e, t) => e !== void 0 && t !== void 0 ? `Enter a date between ${e} and ${t}.` : e === void 0 ? `Enter a date on or before ${t}.` : `Enter a date on or after ${e}.`, Fe = {
+var Le = (e) => e ? `Enter a date in the format ${e}.` : "Enter a valid date.", Re = (e, t) => e !== void 0 && t !== void 0 ? `Enter a date between ${e} and ${t}.` : e === void 0 ? `Enter a date on or before ${t}.` : `Enter a date on or after ${e}.`, ze = {
 	header: i.header,
 	previousMonthButton: i.previousMonthButton,
 	heading: i.heading,
@@ -46,215 +46,216 @@ var Ne = (e) => e ? `Enter a date in the format ${e}.` : "Enter a valid date.",
 	footer: i.footer,
 	todayButton: i.todayButton,
 	closeButton: i.closeButton
-}, h = (h) => {
-	let { value: Ie, defaultValue: Le, onValueChange: Re, onChange: g, formatDate: _, parseDate: v, locale: y, minDate: b, maxDate: x, disabledDates: S, placeholder: ze = "Select a date", disabled: C = !1, size: Be, appearance: Ve, readOnly: w, clearable: He = !1, firstDayOfWeek: Ue = 0, today: We, initialVisibleDate: Ge, showMonthPicker: Ke, showWeekNumbers: qe, firstWeekOfYear: Je, showGoToToday: Ye, showCloseButton: Xe = !1, markedDates: Ze, renderDay: Qe, dayLabel: $e, open: T, defaultOpen: et, onOpenChange: tt, onInvalidInput: nt, labels: E, name: rt, form: it, required: at, autoComplete: ot = "off", autoCapitalize: st, autoCorrect: ct, enterKeyHint: lt, inputMode: ut, spellCheck: dt, autoFocus: ft, tabIndex: pt, id: mt, "aria-label": ht, "aria-labelledby": gt, "aria-describedby": _t, "aria-invalid": vt, "aria-required": yt, "aria-errormessage": bt, "aria-details": xt, onFocus: St, onBlur: Ct, onKeyDown: wt, onKeyUp: Tt, controlRef: Et, className: Dt, ref: Ot, ...kt } = h;
-	g !== void 0 && t("DatePicker", "onChange", "onValueChange");
-	let { size: D, appearance: O } = ve(Be, Ve), k = _ !== void 0, A = v !== void 0;
-	f.useEffect(() => {
-		k && !A && n("DatePicker:formatDate-without-parseDate", "DatePicker: `formatDate` is set without `parseDate`. Typed dates are parsed with the default parser for `locale` (its numeric format or yyyy-mm-dd), which may not read your format; pass `parseDate` as the inverse of `formatDate`.");
-	}, [k, A]), f.useEffect(() => {
-		y !== void 0 && !De(y) && n(`DatePicker:invalid-locale:${y}`, `DatePicker: \`locale\` "${y}" is not a valid BCP 47 language tag (use hyphens, as in "en-US"). The runtime default locale formats and parses the dates instead, so the server and the browser may render different text.`);
-	}, [y]);
-	let [j, At] = o(Ie, Le ?? null, (e) => {
-		Re?.(e), g?.(e);
-	}), M = !C && !w, [N, P] = o(T, (et ?? !1) && M, tt), jt = re(), F = N && M && jt, Mt = T !== void 0;
-	f.useEffect(() => {
-		!M && N && !Mt && P(!1);
+}, f = (f) => {
+	let { value: Be, defaultValue: p, onValueChange: Ve, onChange: m, formatDate: h, parseDate: g, locale: _, minDate: v, maxDate: y, disabledDates: b, placeholder: He = "Select a date", disabled: x = !1, size: Ue, positioning: We, appearance: Ge, readOnly: S, clearable: Ke = !1, firstDayOfWeek: qe = 0, today: Je, initialVisibleDate: Ye, showMonthPicker: Xe, showWeekNumbers: Ze, firstWeekOfYear: Qe, showGoToToday: $e, showCloseButton: et = !1, markedDates: tt, renderDay: nt, dayLabel: rt, open: C, defaultOpen: it, onOpenChange: at, onInvalidInput: ot, labels: w, name: st, form: T, required: E, autoComplete: ct = "off", autoCapitalize: lt, autoCorrect: ut, enterKeyHint: dt, inputMode: ft, spellCheck: pt, autoFocus: mt, tabIndex: ht, id: gt, "aria-label": _t, "aria-labelledby": vt, "aria-describedby": yt, "aria-invalid": bt, "aria-required": xt, "aria-errormessage": St, "aria-details": Ct, onFocus: wt, onBlur: Tt, onKeyDown: Et, onKeyUp: Dt, controlRef: Ot, className: kt, ref: At, ...jt } = f;
+	m !== void 0 && t("DatePicker", "onChange", "onValueChange");
+	let { size: D, appearance: O } = xe(Ue, Ge), Mt = h !== void 0, k = g !== void 0;
+	l.useEffect(() => {
+		Mt && !k && n("DatePicker:formatDate-without-parseDate", "DatePicker: `formatDate` is set without `parseDate`. Typed dates are parsed with the default parser for `locale` (its numeric format or yyyy-mm-dd), which may not read your format; pass `parseDate` as the inverse of `formatDate`.");
+	}, [Mt, k]), l.useEffect(() => {
+		_ !== void 0 && !Ne(_) && n(`DatePicker:invalid-locale:${_}`, `DatePicker: \`locale\` "${_}" is not a valid BCP 47 language tag (use hyphens, as in "en-US"). The runtime default locale formats and parses the dates instead, so the server and the browser may render different text.`);
+	}, [_]);
+	let [A, Nt] = o(Be, p ?? null, (e) => {
+		Ve?.(e), m?.(e);
+	}), j = !x && !S, [M, N] = o(C, (it ?? !1) && j, at), Pt = ne(), P = M && j && Pt, Ft = C !== void 0;
+	l.useEffect(() => {
+		!j && M && !Ft && N(!1);
 	}, [
+		j,
 		M,
-		N,
-		Mt,
-		P
+		Ft,
+		N
 	]);
-	let I = (e) => _ ? _(e) : we(e, y), Nt = (e) => v ? v(e) : Oe(e, y), [L, R] = f.useState(null), [z, B] = f.useState(null), [Pt, Ft] = f.useState(M);
-	Pt !== M && (Ft(M), M || (R(null), B(null)));
-	let V = j ? d(j) : "", [It, Lt] = f.useState(V);
-	It !== V && (Lt(V), z !== null && (R(null), B(null)));
-	let H = (e) => {
+	let F = (e) => h ? h(e) : ke(e, _), It = (e) => g ? g(e) : Pe(e, _), [I, L] = l.useState(null), [R, z] = l.useState(null), [Lt, Rt] = l.useState(j);
+	Lt !== j && (Rt(j), j || (L(null), z(null)));
+	let B = A ? Ae(A) : "", [zt, Bt] = l.useState(B);
+	zt !== B && (Bt(B), R !== null && (L(null), z(null)));
+	let V = (e) => {
 		let t = e ? a(e) : null;
-		(t ? ee(t, j) : j === null) || At(t), R(null), B(null);
-	}, U = (e) => {
-		if (!e.trim()) return H(null), !0;
-		let t = Nt(e), n = null;
-		if (!t || Number.isNaN(t.getTime()) ? n = "unparseable" : Ee(t, b, x) ? S?.(a(t)) && (n = "disabled") : n = "out-of-range", n || !t) {
+		(t ? ee(t, A) : A === null) || Nt(t), L(null), z(null);
+	}, H = (e) => {
+		if (!e.trim()) return V(null), !0;
+		let t = It(e), n = null;
+		if (!t || Number.isNaN(t.getTime()) ? n = "unparseable" : Me(t, v, y) ? b?.(a(t)) && (n = "disabled") : n = "out-of-range", n || !t) {
 			let t = n ?? "unparseable";
-			return B(t), nt?.(e, t), !1;
+			return z(t), ot?.(e, t), !1;
 		}
-		return H(t), !0;
-	}, [W, G] = f.useState(!1);
-	W && !F && G(!1);
-	let K = f.useRef(null), q = f.useRef(null), J = f.useRef(null), Y = f.useRef(null), [Rt, zt] = f.useState(null), Bt = ne(Et, K), Vt = s("datepicker-dialog"), Ht = s("datepicker-heading"), X = s("datepicker-error"), Z = (e) => {
-		Y.current = e, P(!1);
-	}, { layerId: Ut } = se({
-		open: F,
+		return V(t), !0;
+	}, [U, W] = l.useState(!1);
+	U && !P && W(!1);
+	let G = l.useRef(null), K = l.useRef(null), q = l.useRef(null), J = l.useRef(null), [Vt, Ht] = l.useState(null), Ut = c(Ot, G), Y = s("datepicker-dialog"), Wt = s("datepicker-heading"), Gt = s("datepicker-error"), X = (e) => {
+		J.current = e, N(!1);
+	}, { layerId: Kt } = ce({
+		open: P,
 		onDismiss: (e, t) => {
 			let n = e === "outside-press" && t.target instanceof Element ? t.target.closest(te) : null;
-			Z(n ?? (W ? K.current : null));
+			X(n ?? (U ? G.current : null));
 		},
-		refs: [J, q],
-		anchorRef: q,
+		refs: [q, K],
+		anchorRef: K,
 		kind: "modal"
-	}), { setReference: Wt, setFloating: Gt, floatingProps: Kt } = Ce({
-		open: F,
+	}), { setReference: qt, setFloating: Jt, floatingProps: Yt } = se({
+		open: P,
 		side: "bottom",
-		align: "start"
-	}), qt = ne(J, zt, Gt);
-	ke(Rt, {
-		enabled: F,
-		layerId: Ut,
-		initialFocus: () => J.current?.querySelector("[data-wave-calendar-grid] button[tabindex=\"0\"]") ?? null
-	}), Ae({
-		enabled: F,
-		container: Rt,
-		triggerRef: q,
-		finalFocusRef: Y,
+		align: "start",
+		...oe(We, {})
+	}), Xt = c(q, Ht, Jt);
+	le(Vt, {
+		enabled: P,
+		layerId: Kt,
+		initialFocus: () => q.current?.querySelector("[data-wave-calendar-grid] button[tabindex=\"0\"]") ?? null
+	}), ue({
+		enabled: P,
+		container: Vt,
+		triggerRef: K,
+		finalFocusRef: J,
 		onlyIfFocusInside: !0
-	}), f.useLayoutEffect(() => {
-		F && (Y.current = null);
-	}, [F]);
-	let Jt = ae(), Yt = (at ?? Jt?.required ?? !1) && !w, Xt = z !== null && !Jt?.hasErrorMessage, Zt = oe({
-		id: mt,
-		"aria-label": ht,
-		"aria-labelledby": gt,
-		"aria-describedby": ie(_t, Xt ? X : void 0),
-		"aria-invalid": z !== null || vt,
-		"aria-required": yt ?? at
-	}), Qt = ye(!1, Zt["aria-invalid"]);
-	be(K, () => H(Le ?? null), it);
-	let Q = He && !w && j !== null, $t = (e) => {
-		M && (R(e.target.value), B(null));
-	}, en = r(wt, (e) => {
-		M && !e.nativeEvent.isComposing && (e.key === "Enter" && L !== null ? (e.preventDefault(), U(L)) : e.key === "Tab" && !e.shiftKey && Q && L !== null && !L.trim() ? Me(() => U(L)) : e.key === "ArrowDown" && e.altKey && !F && (e.preventDefault(), L !== null && z === null && U(L), G(!0), P(!0)));
-	}), tn = r(Ct, () => {
-		M && L !== null && z === null && U(L);
-	}), nn = () => {
-		M && (Y.current = null, G(!1), P(!F));
-	}, rn = () => {
-		M && (H(null), K.current?.focus());
-	}, an = (e) => {
+	}), l.useLayoutEffect(() => {
+		P && (J.current = null);
+	}, [P]);
+	let Zt = ie(), Qt = (E ?? Zt?.required ?? !1) && !S, $t = R !== null && !Zt?.hasErrorMessage, en = ae({
+		id: gt,
+		"aria-label": _t,
+		"aria-labelledby": vt,
+		"aria-describedby": re(yt, $t ? Gt : void 0),
+		"aria-invalid": R !== null || bt,
+		"aria-required": xt ?? E
+	}), tn = Se(!1, en["aria-invalid"]);
+	Ce(G, () => V(p ?? null), T);
+	let Z = Ke && !S && A !== null, nn = (e) => {
+		j && (L(e.target.value), z(null));
+	}, rn = r(Et, (e) => {
+		j && !e.nativeEvent.isComposing && (e.key === "Enter" && I !== null ? (e.preventDefault(), H(I)) : e.key === "Tab" && !e.shiftKey && Z && I !== null && !I.trim() ? Ie(() => H(I)) : e.key === "ArrowDown" && e.altKey && !P && (e.preventDefault(), I !== null && R === null && H(I), W(!0), N(!0)));
+	}), an = r(Tt, () => {
+		j && I !== null && R === null && H(I);
+	}), on = () => {
+		j && (J.current = null, W(!1), N(!P));
+	}, sn = () => {
+		j && (V(null), G.current?.focus());
+	}, cn = (e) => {
 		e.preventDefault();
-	}, on = (e) => {
-		M && (H(e), Z(K.current));
-	}, sn = () => Z(W ? K.current : null), cn = (e) => {
-		e.key !== "Escape" || e.defaultPrevented || e.nativeEvent.isComposing || (e.preventDefault(), sn());
-	}, ln = L ?? (j ? I(j) : ""), $ = "";
-	return z === "unparseable" ? $ = (E?.invalidDate ?? Ne)(A ? void 0 : Te(y).pattern) : z === "out-of-range" && (b || x) ? $ = (E?.outOfRange ?? Pe)(b ? I(a(b)) : void 0, x ? I(a(x)) : void 0) : z === "disabled" && ($ = E?.unavailableDate ?? "This date is not available."), /* @__PURE__ */ m("div", {
+	}, ln = (e) => {
+		j && (V(e), X(G.current));
+	}, Q = () => X(U ? G.current : null), un = (e) => {
+		e.key !== "Escape" || e.defaultPrevented || e.nativeEvent.isComposing || (e.preventDefault(), Q());
+	}, dn = I ?? (A ? F(A) : ""), $ = "";
+	return R === "unparseable" ? $ = (w?.invalidDate ?? Le)(k ? void 0 : je(_).pattern) : R === "out-of-range" && (v || y) ? $ = (w?.outOfRange ?? Re)(v ? F(a(v)) : void 0, y ? F(a(y)) : void 0) : R === "disabled" && ($ = w?.unavailableDate ?? "This date is not available."), /* @__PURE__ */ d("div", {
 		"data-size": D,
 		"data-appearance": O,
-		...kt,
-		ref: Ot,
-		className: e(i.root, "relative inline-flex flex-col", Dt),
+		...jt,
+		ref: At,
+		className: e(i.root, "relative inline-flex flex-col", kt),
 		children: [
-			/* @__PURE__ */ m("div", {
-				ref: Wt,
+			/* @__PURE__ */ d("div", {
+				ref: qt,
 				className: "relative flex items-center",
 				children: [
-					/* @__PURE__ */ p("input", {
-						ref: Bt,
+					/* @__PURE__ */ u("input", {
+						ref: Ut,
 						type: "text",
-						...Zt,
-						"aria-errormessage": bt,
-						"aria-details": xt,
-						value: ln,
-						onChange: $t,
-						onFocus: St,
-						onBlur: tn,
-						onKeyDown: en,
-						onKeyUp: Tt,
-						placeholder: ze,
-						disabled: C,
-						readOnly: w,
-						autoComplete: ot,
-						autoCapitalize: st,
-						autoCorrect: ct,
-						enterKeyHint: lt,
-						inputMode: ut,
-						spellCheck: dt,
-						autoFocus: ft,
-						tabIndex: pt,
-						className: e(i.input, pe[D], "w-full", me[D], he[D], de[O], "text-foreground placeholder:text-muted-foreground", fe, le, Qt && "border-destructive", Se(Q ? 2 : 1, D))
+						...en,
+						"aria-errormessage": St,
+						"aria-details": Ct,
+						value: dn,
+						onChange: nn,
+						onFocus: wt,
+						onBlur: an,
+						onKeyDown: rn,
+						onKeyUp: Dt,
+						placeholder: He,
+						disabled: x,
+						readOnly: S,
+						autoComplete: ct,
+						autoCapitalize: lt,
+						autoCorrect: ut,
+						enterKeyHint: dt,
+						inputMode: ft,
+						spellCheck: pt,
+						autoFocus: mt,
+						tabIndex: ht,
+						className: e(i.input, he[D], "w-full", ge[D], _e[D], pe[O], "text-foreground placeholder:text-muted-foreground", me, de, tn && "border-destructive", Ee(Z ? 2 : 1, D))
 					}),
-					Q && /* @__PURE__ */ p("button", {
+					Z && /* @__PURE__ */ u("button", {
 						type: "button",
-						"aria-label": E?.clear ?? "Clear date",
-						disabled: C,
-						onMouseDown: an,
-						onClick: rn,
-						className: e(i.clearButton, u(D, O), c(D, 2), "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100"),
-						children: /* @__PURE__ */ p(_e, { size: l(D, "icon") })
+						"aria-label": w?.clear ?? "Clear date",
+						disabled: x,
+						onMouseDown: cn,
+						onClick: sn,
+						className: e(i.clearButton, Oe(D, O), Te(D, 2), "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100"),
+						children: /* @__PURE__ */ u(be, { size: De(D, "icon") })
 					}),
-					/* @__PURE__ */ p("button", {
-						ref: q,
+					/* @__PURE__ */ u("button", {
+						ref: K,
 						type: "button",
-						"aria-label": E?.openCalendar ?? "Open calendar",
+						"aria-label": w?.openCalendar ?? "Open calendar",
 						"aria-haspopup": "dialog",
-						"aria-expanded": F,
-						"aria-controls": F ? Vt : void 0,
-						disabled: C || w,
-						onClick: nn,
-						className: e(i.openCalendarButton, u(D, O), c(D, 1), ue, le),
-						children: /* @__PURE__ */ p(ge, { size: l(D, "icon") })
+						"aria-expanded": P,
+						"aria-controls": P ? Y : void 0,
+						disabled: x || S,
+						onClick: on,
+						className: e(i.openCalendarButton, Oe(D, O), Te(D, 1), fe, de),
+						children: /* @__PURE__ */ u(ye, { size: De(D, "icon") })
 					})
 				]
 			}),
-			Xt && /* @__PURE__ */ p("p", {
-				id: X,
+			$t && /* @__PURE__ */ u("p", {
+				id: Gt,
 				role: "alert",
 				className: e(i.errorMessage, "mt-1 text-caption-1 text-error"),
 				children: $
 			}),
-			/* @__PURE__ */ p(xe, {
-				name: rt,
-				form: it,
-				disabled: C,
-				value: j ? d(j) : "",
+			/* @__PURE__ */ u(we, {
+				name: st,
+				form: T,
+				disabled: x,
+				value: A ? Ae(A) : "",
 				type: "text",
-				required: Yt,
-				onInvalid: () => K.current?.focus()
+				required: Qt,
+				onInvalid: () => G.current?.focus()
 			}),
-			F && /* @__PURE__ */ p(ce, {
-				layerId: Ut,
-				children: /* @__PURE__ */ p("div", {
-					ref: qt,
-					id: Vt,
+			P && /* @__PURE__ */ u(ve, {
+				layerId: Kt,
+				children: /* @__PURE__ */ u("div", {
+					ref: Xt,
+					id: Y,
 					role: "dialog",
 					"aria-modal": "true",
-					"aria-labelledby": Ht,
-					...Kt,
+					"aria-labelledby": Wt,
+					...Yt,
 					"data-state": "open",
-					onKeyDown: cn,
+					onKeyDown: un,
 					className: e(i.surface, "rounded-md border border-border bg-background p-3 text-foreground shadow-16"),
-					children: /* @__PURE__ */ p(je, {
-						value: j,
-						onPick: on,
-						minDate: b,
-						maxDate: x,
-						disabledDates: S,
-						firstDayOfWeek: Ue,
-						locale: y,
-						today: We,
-						initialVisibleDate: Ge,
-						showMonthPicker: Ke,
-						showWeekNumbers: qe,
-						firstWeekOfYear: Je,
-						showGoToToday: Ye,
-						markedDates: Ze,
-						renderDay: Qe,
-						dayLabel: $e,
-						onClose: Xe ? sn : void 0,
-						closeLabel: E?.close,
-						labels: E,
+					children: /* @__PURE__ */ u(Fe, {
+						value: A,
+						onPick: ln,
+						minDate: v,
+						maxDate: y,
+						disabledDates: b,
+						firstDayOfWeek: qe,
+						locale: _,
+						today: Je,
+						initialVisibleDate: Ye,
+						showMonthPicker: Xe,
+						showWeekNumbers: Ze,
+						firstWeekOfYear: Qe,
+						showGoToToday: $e,
+						markedDates: tt,
+						renderDay: nt,
+						dayLabel: rt,
+						onClose: et ? Q : void 0,
+						closeLabel: w?.close,
+						labels: w,
 						headingAs: "h2",
-						headingId: Ht,
-						partClassNames: Fe
+						headingId: Wt,
+						partClassNames: ze
 					})
 				})
 			})
 		]
 	});
 };
-h.displayName = "DatePicker";
+f.displayName = "DatePicker";
 //#endregion
-export { h as DatePicker };
+export { f as DatePicker };
 
 //# sourceMappingURL=DatePicker.mjs.map