@mortenbrudvik/waveui 0.9.0 → 0.11.0

package/dist/components/input/DatePicker.mjs

@@ -3,343 +3,258 @@ import { cn as e } from "../../lib/cn.mjs";
 import { warnDeprecated as t, warnOnce as n } from "../../lib/dev.mjs";
 import { composeEventHandlers as r } from "../../lib/composeEventHandlers.mjs";
 import { datePickerClassNames as i } from "../../lib/classNames.mjs";
-import { useControllable as a } from "../../hooks/useControllable.mjs";
-import { useId as o } from "../../hooks/useId.mjs";
-import { getArrowIntent as ee, getDirection as te } from "../../lib/direction.mjs";
-import { FOCUSABLE_SELECTOR as ne } from "../../lib/focus.mjs";
-import { useMergedRefs as re } from "../../hooks/useMergedRefs.mjs";
-import { useIsClient as ie } from "../../hooks/useIsClient.mjs";
-import { focusableDisabledProps as s, joinIds as ae, preventIfDisabled as oe } from "../../lib/aria.mjs";
-import { useFieldContext as se, useFieldControl as ce } from "../../hooks/useFieldControl.mjs";
-import { useDismiss as le } from "../../hooks/useDismiss.mjs";
-import { Portal as ue } from "../portal/Portal.mjs";
-import { disabledStyles as de, focusRing as fe, forcedColors as pe, inputAppearanceClasses as me, inputFocus as he, inputHeightClasses as ge, inputPaddingClasses as _e, inputTextClasses as ve } from "../../lib/styles.mjs";
-import { CalendarIcon as ye, ChevronLeftIcon as be, ChevronRightIcon as xe, DismissIcon as Se } from "../../lib/icons.mjs";
-import { useInputLook as Ce } from "./inputLook.mjs";
-import { isInvalidLook as we } from "./Input.mjs";
-import { useFormReset as Te } from "../../hooks/useFormReset.mjs";
-import { HiddenInput as Ee } from "../internal/HiddenInput.mjs";
-import { pickerButtonOffset as De, pickerEndPadding as Oe, pickerGlyphSize as ke, pickerIconButtonClasses as Ae } from "./pickerStyles.mjs";
-import { usePopupPosition as je } from "../../hooks/usePopupPosition.mjs";
-import { addDays as c, addMonths as l, clampDate as u, formatDate as Me, formatDayLabel as Ne, formatDayNumber as Pe, formatISODate as d, formatMonthYear as Fe, getCalendarDays as Ie, getLocaleDateFormat as Le, getWeekdayNames as Re, isDateInRange as ze, isSameDay as f, isSameMonth as p, isValidLocaleTag as Be, parseDate as Ve, startOfDay as m, startOfMonth as He } from "./dateUtils.mjs";
-import { useFocusTrap as Ue } from "../../hooks/useFocusTrap.mjs";
-import { useRestoreFocus as We } from "../../hooks/useRestoreFocus.mjs";
-import * as h from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { flushSync as Ge } from "react-dom";
+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";
 //#region src/components/input/DatePicker.tsx
-var Ke = (e) => e ? `Enter a date in the format ${e}.` : "Enter a valid date.", qe = (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}.`, Je = "flex h-8 w-8 items-center justify-center rounded bg-transparent p-0 text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover", Ye = "flex h-8 w-8 items-center justify-center rounded bg-transparent p-0 text-caption-1 text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover data-[outside]:text-muted-foreground data-[today]:border data-[today]:border-primary data-[today]:font-semibold data-[selected]:bg-primary data-[selected]:font-semibold data-[selected]:text-primary-foreground not-disabled:not-aria-disabled:data-[selected]:hover:bg-primary-hover aria-disabled:line-through";
-function Xe(e) {
-	let t = [];
-	for (let n = 0; n < e.length; n += 7) t.push(e.slice(n, n + 7));
-	return t;
-}
-var Ze = (Ze) => {
-	let { value: Qe, defaultValue: $e, onValueChange: et, onChange: tt, formatDate: v, parseDate: y, locale: b, minDate: x, maxDate: S, disabledDates: nt, placeholder: rt = "Select a date", disabled: C = !1, size: it, appearance: at, readOnly: w, clearable: ot = !1, firstDayOfWeek: T = 0, open: st, defaultOpen: ct, onOpenChange: lt, onInvalidInput: ut, labels: E, name: dt, form: ft, required: pt, autoComplete: mt = "off", autoCapitalize: ht, autoCorrect: gt, enterKeyHint: _t, inputMode: vt, spellCheck: yt, autoFocus: bt, tabIndex: xt, id: St, "aria-label": Ct, "aria-labelledby": wt, "aria-describedby": Tt, "aria-invalid": Et, "aria-required": Dt, "aria-errormessage": Ot, "aria-details": kt, onFocus: At, onBlur: jt, onKeyDown: Mt, onKeyUp: Nt, controlRef: Pt, className: Ft, ref: It, ...Lt } = Ze;
-	tt !== void 0 && t("DatePicker", "onChange", "onValueChange");
-	let { size: D, appearance: O } = Ce(it, at), Rt = v !== void 0, k = y !== void 0;
-	h.useEffect(() => {
-		Rt && !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`.");
-	}, [Rt, k]), h.useEffect(() => {
-		b !== void 0 && !Be(b) && n(`DatePicker:invalid-locale:${b}`, `DatePicker: \`locale\` "${b}" 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.`);
-	}, [b]);
-	let [A, zt] = a(Qe, $e ?? null, (e) => {
-		et?.(e), tt?.(e);
-	}), j = !C && !w, [M, N] = a(st, (ct ?? !1) && j, lt), Bt = ie(), P = M && j && Bt, Vt = st !== void 0;
-	h.useEffect(() => {
-		!j && M && !Vt && N(!1);
+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 = {
+	header: i.header,
+	previousMonthButton: i.previousMonthButton,
+	heading: i.heading,
+	headingButton: i.headingButton,
+	nextMonthButton: i.nextMonthButton,
+	grid: i.grid,
+	weekday: i.weekday,
+	day: i.day,
+	month: i.month,
+	year: i.year,
+	weekNumberHeader: i.weekNumberHeader,
+	weekNumber: i.weekNumber,
+	markedDot: i.markedDot,
+	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);
 	}, [
-		j,
 		M,
-		Vt,
-		N
+		N,
+		Mt,
+		P
 	]);
-	let F = (e) => v ? v(e) : Me(e, b), Ht = (e) => y ? y(e) : Ve(e, b), [I, L] = h.useState(null), [R, z] = h.useState(null), [Ut, Wt] = h.useState(j);
-	Ut !== j && (Wt(j), j || (L(null), z(null)));
-	let B = A ? d(A) : "", [Gt, Kt] = h.useState(B);
-	Gt !== B && (Kt(B), R !== null && (L(null), z(null)));
-	let qt = (e) => !ze(e, x, S) || !!nt?.(m(e)), V = (e) => {
-		let t = e ? m(e) : null;
-		(t ? f(t, A) : A === null) || zt(t), L(null), z(null);
-	}, H = (e) => {
-		if (!e.trim()) return V(null), !0;
-		let t = Ht(e), n = null;
-		if (!t || Number.isNaN(t.getTime()) ? n = "unparseable" : ze(t, x, S) ? nt?.(m(t)) && (n = "disabled") : n = "out-of-range", n || !t) {
+	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 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) {
 			let t = n ?? "unparseable";
-			return z(t), ut?.(e, t), !1;
+			return B(t), nt?.(e, t), !1;
 		}
-		return V(t), !0;
-	}, U = m(/* @__PURE__ */ new Date()), Jt = () => He(u(A ?? U, x, S)), [W, Yt] = h.useState(Jt), [Xt, G] = h.useState(null), [Zt, Qt] = h.useState(!1), [$t, en] = h.useState(P);
-	$t !== P && (en(P), P && (Yt(Jt()), G(null))), Zt && !P && Qt(!1);
-	let K = h.useMemo(() => Xe(Ie(W, T)), [W, T]), tn = (e) => !!e && p(e, W), nn = (e) => !!e && e >= K[0][0] && e <= K[K.length - 1][6], rn = u(U, x, S), an = u(W, x, S), q = nn(Xt) ? Xt : tn(A) ? m(A) : tn(rn) ? rn : tn(an) ? an : W, on = d(q), sn = (e) => {
-		let t = u(e, x, S);
-		G(t), p(t, W) || Yt(He(t));
-	}, cn = (e) => {
-		let t = l(W, e), n = u(l(q, e), x, S);
-		Yt(t), G(p(n, t) ? n : null);
-	}, ln = (e) => {
-		f(e, q) || G(e);
-	}, un = !!x && c(W, -1) < m(x), dn = !!S && l(W, 1) > m(S), fn = h.useMemo(() => Re(b, T), [b, T]), J = h.useRef(null), Y = h.useRef(null), pn = h.useRef(null), mn = h.useRef(null), X = h.useRef(null), [hn, gn] = h.useState(null), _n = re(Pt, J), vn = o("datepicker-dialog"), yn = o("datepicker-heading"), Z = o("datepicker-grid"), bn = o("datepicker-error"), xn = (e) => {
-		X.current = e, N(!1);
-	}, { layerId: Sn } = le({
-		open: P,
+		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,
 		onDismiss: (e, t) => {
-			let n = e === "outside-press" && t.target instanceof Element ? t.target.closest(ne) : null;
-			xn(n ?? (Zt ? J.current : null));
+			let n = e === "outside-press" && t.target instanceof Element ? t.target.closest(te) : null;
+			Z(n ?? (W ? K.current : null));
 		},
-		refs: [mn, Y],
-		anchorRef: Y,
+		refs: [J, q],
+		anchorRef: q,
 		kind: "modal"
-	}), { setReference: Cn, setFloating: wn, floatingProps: Tn } = je({
-		open: P,
+	}), { setReference: Wt, setFloating: Gt, floatingProps: Kt } = Ce({
+		open: F,
 		side: "bottom",
 		align: "start"
-	}), En = re(mn, gn, wn);
-	Ue(hn, {
-		enabled: P,
-		layerId: Sn,
-		initialFocus: () => pn.current?.querySelector("button[tabindex=\"0\"]") ?? null
-	}), We({
-		enabled: P,
-		container: hn,
-		triggerRef: Y,
-		finalFocusRef: X,
+	}), 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,
 		onlyIfFocusInside: !0
-	}), h.useLayoutEffect(() => {
-		P && (X.current = null);
-	}, [P]), h.useLayoutEffect(() => {
-		let e = pn.current;
-		if (!e) return;
-		let t = e.ownerDocument.activeElement;
-		if (!t || !e.contains(t)) return;
-		let n = e.querySelector(`button[data-date="${on}"]`);
-		n && n !== t && n.focus();
-	}, [on]);
-	let Dn = se(), On = (pt ?? Dn?.required ?? !1) && !w, kn = R !== null && !Dn?.hasErrorMessage, An = ce({
-		id: St,
-		"aria-label": Ct,
-		"aria-labelledby": wt,
-		"aria-describedby": ae(Tt, kn ? bn : void 0),
-		"aria-invalid": R !== null || Et,
-		"aria-required": Dt ?? pt
-	}), jn = we(!1, An["aria-invalid"]);
-	Te(J, () => V($e ?? null), ft);
-	let Q = ot && !w && A !== null, Mn = (e) => {
-		j && (L(e.target.value), z(null));
-	}, Nn = r(Mt, (e) => {
-		j && !e.nativeEvent.isComposing && (e.key === "Enter" && I !== null ? (e.preventDefault(), H(I)) : e.key === "Tab" && !e.shiftKey && Q && I !== null && !I.trim() ? Ge(() => H(I)) : e.key === "ArrowDown" && e.altKey && !P && (e.preventDefault(), I !== null && R === null && H(I), Qt(!0), N(!0)));
-	}), Pn = r(jt, () => {
-		j && I !== null && R === null && H(I);
-	}), Fn = () => {
-		j && (X.current = null, Qt(!1), N(!P));
-	}, In = () => {
-		j && (V(null), J.current?.focus());
-	}, Ln = (e) => {
+	}), 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) => {
 		e.preventDefault();
-	}, Rn = (e) => {
-		j && !qt(e) && (V(e), xn(J.current));
-	}, zn = (e) => {
-		e.key !== "Escape" || e.defaultPrevented || e.nativeEvent.isComposing || (e.preventDefault(), xn(Zt ? J.current : null));
-	}, Bn = (e) => {
-		if (e.altKey || e.ctrlKey || e.metaKey) return;
-		let t = (q.getDay() - T + 7) % 7, n;
-		switch (e.key) {
-			case "ArrowLeft":
-			case "ArrowRight": {
-				let t = ee(e.key, {
-					orientation: "horizontal",
-					dir: te(e.currentTarget)
-				});
-				n = c(q, t === "next" ? 1 : -1);
-				break;
-			}
-			case "ArrowDown":
-				n = c(q, 7);
-				break;
-			case "ArrowUp":
-				n = c(q, -7);
-				break;
-			case "PageDown":
-				n = l(q, e.shiftKey ? 12 : 1);
-				break;
-			case "PageUp":
-				n = l(q, e.shiftKey ? -12 : -1);
-				break;
-			case "Home":
-				n = c(q, -t);
-				break;
-			case "End":
-				n = c(q, 6 - t);
-				break;
-			default: return;
-		}
-		e.preventDefault(), sn(n);
-	}, Vn = I ?? (A ? F(A) : ""), $ = "";
-	return R === "unparseable" ? $ = (E?.invalidDate ?? Ke)(k ? void 0 : Le(b).pattern) : R === "out-of-range" && (x || S) ? $ = (E?.outOfRange ?? qe)(x ? F(m(x)) : void 0, S ? F(m(S)) : void 0) : R === "disabled" && ($ = E?.unavailableDate ?? "This date is not available."), /* @__PURE__ */ _("div", {
+	}, 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", {
 		"data-size": D,
 		"data-appearance": O,
-		...Lt,
-		ref: It,
-		className: e(i.root, "relative inline-flex flex-col", Ft),
+		...kt,
+		ref: Ot,
+		className: e(i.root, "relative inline-flex flex-col", Dt),
 		children: [
-			/* @__PURE__ */ _("div", {
-				ref: Cn,
+			/* @__PURE__ */ m("div", {
+				ref: Wt,
 				className: "relative flex items-center",
 				children: [
-					/* @__PURE__ */ g("input", {
-						ref: _n,
+					/* @__PURE__ */ p("input", {
+						ref: Bt,
 						type: "text",
-						...An,
-						"aria-errormessage": Ot,
-						"aria-details": kt,
-						value: Vn,
-						onChange: Mn,
-						onFocus: At,
-						onBlur: Pn,
-						onKeyDown: Nn,
-						onKeyUp: Nt,
-						placeholder: rt,
+						...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: mt,
-						autoCapitalize: ht,
-						autoCorrect: gt,
-						enterKeyHint: _t,
-						inputMode: vt,
-						spellCheck: yt,
-						autoFocus: bt,
-						tabIndex: xt,
-						className: e(i.input, ge[D], "w-full", _e[D], ve[D], me[O], "text-foreground placeholder:text-muted-foreground", he, de, jn && "border-destructive", Oe(Q ? 2 : 1, D))
+						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))
 					}),
-					Q && /* @__PURE__ */ g("button", {
+					Q && /* @__PURE__ */ p("button", {
 						type: "button",
 						"aria-label": E?.clear ?? "Clear date",
 						disabled: C,
-						onMouseDown: Ln,
-						onClick: In,
-						className: e(i.clearButton, Ae(D, O), De(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__ */ g(Se, { size: ke(D, "icon") })
+						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") })
 					}),
-					/* @__PURE__ */ g("button", {
-						ref: Y,
+					/* @__PURE__ */ p("button", {
+						ref: q,
 						type: "button",
 						"aria-label": E?.openCalendar ?? "Open calendar",
 						"aria-haspopup": "dialog",
-						"aria-expanded": P,
-						"aria-controls": P ? vn : void 0,
+						"aria-expanded": F,
+						"aria-controls": F ? Vt : void 0,
 						disabled: C || w,
-						onClick: Fn,
-						className: e(i.openCalendarButton, Ae(D, O), De(D, 1), fe, de),
-						children: /* @__PURE__ */ g(ye, { size: ke(D, "icon") })
+						onClick: nn,
+						className: e(i.openCalendarButton, u(D, O), c(D, 1), ue, le),
+						children: /* @__PURE__ */ p(ge, { size: l(D, "icon") })
 					})
 				]
 			}),
-			kn && /* @__PURE__ */ g("p", {
-				id: bn,
+			Xt && /* @__PURE__ */ p("p", {
+				id: X,
 				role: "alert",
 				className: e(i.errorMessage, "mt-1 text-caption-1 text-error"),
 				children: $
 			}),
-			/* @__PURE__ */ g(Ee, {
-				name: dt,
-				form: ft,
+			/* @__PURE__ */ p(xe, {
+				name: rt,
+				form: it,
 				disabled: C,
-				value: A ? d(A) : "",
+				value: j ? d(j) : "",
 				type: "text",
-				required: On,
-				onInvalid: () => J.current?.focus()
+				required: Yt,
+				onInvalid: () => K.current?.focus()
 			}),
-			P && /* @__PURE__ */ g(ue, {
-				layerId: Sn,
-				children: /* @__PURE__ */ _("div", {
-					ref: En,
-					id: vn,
+			F && /* @__PURE__ */ p(ce, {
+				layerId: Ut,
+				children: /* @__PURE__ */ p("div", {
+					ref: qt,
+					id: Vt,
 					role: "dialog",
 					"aria-modal": "true",
-					"aria-labelledby": yn,
-					...Tn,
+					"aria-labelledby": Ht,
+					...Kt,
 					"data-state": "open",
-					onKeyDown: zn,
+					onKeyDown: cn,
 					className: e(i.surface, "rounded-md border border-border bg-background p-3 text-foreground shadow-16"),
-					children: [/* @__PURE__ */ _("div", {
-						className: e(i.header, "mb-2 flex items-center justify-between gap-2"),
-						children: [
-							/* @__PURE__ */ g("button", {
-								type: "button",
-								"aria-label": E?.previousMonth ?? "Previous month",
-								"aria-controls": Z,
-								...s(un),
-								onClick: oe(un, () => cn(-1)),
-								className: e(i.previousMonthButton, Je, "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__ */ g(be, { className: "wave-rtl:-scale-x-100" })
-							}),
-							/* @__PURE__ */ g("h2", {
-								id: yn,
-								"aria-live": "polite",
-								className: e(i.heading, "text-body-1 font-semibold"),
-								children: Fe(W, b)
-							}),
-							/* @__PURE__ */ g("button", {
-								type: "button",
-								"aria-label": E?.nextMonth ?? "Next month",
-								"aria-controls": Z,
-								...s(dn),
-								onClick: oe(dn, () => cn(1)),
-								className: e(i.nextMonthButton, Je, "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__ */ g(xe, { className: "wave-rtl:-scale-x-100" })
-							})
-						]
-					}), /* @__PURE__ */ _("table", {
-						ref: pn,
-						id: Z,
-						role: "grid",
-						"aria-labelledby": yn,
-						onKeyDown: Bn,
-						className: e(i.grid, "border-collapse"),
-						children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ g("tr", { children: fn.map((t) => /* @__PURE__ */ _("th", {
-							scope: "col",
-							abbr: t.long,
-							"aria-label": t.long,
-							className: e(i.weekday, "h-8 w-8 text-center text-caption-1 font-normal text-muted-foreground"),
-							children: [/* @__PURE__ */ g("span", {
-								"aria-hidden": "true",
-								children: t.short
-							}), /* @__PURE__ */ g("span", {
-								className: "sr-only",
-								children: t.long
-							})]
-						}, t.long)) }) }), /* @__PURE__ */ g("tbody", { children: K.map((t, n) => /* @__PURE__ */ g("tr", { children: t.map((t, n) => {
-							let r = d(t), a = f(t, A), o = f(t, U), ee = r === on, te = qt(t);
-							return /* @__PURE__ */ g("td", {
-								role: "gridcell",
-								"aria-selected": a,
-								className: "p-0",
-								children: /* @__PURE__ */ g("button", {
-									type: "button",
-									tabIndex: ee ? 0 : -1,
-									"aria-label": Ne(t, b),
-									"aria-pressed": a || void 0,
-									"aria-current": o ? "date" : void 0,
-									...s(te),
-									"data-date": r,
-									"data-selected": a ? "" : void 0,
-									"data-today": o ? "" : void 0,
-									"data-outside": p(t, W) ? void 0 : "",
-									onFocus: () => ln(t),
-									onClick: () => Rn(t),
-									className: e(i.day, Ye, "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", a && pe.selectedLeaf),
-									children: Pe(t, b)
-								})
-							}, n);
-						}) }, n)) })]
-					})]
+					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,
+						headingAs: "h2",
+						headingId: Ht,
+						partClassNames: Fe
+					})
 				})
 			})
 		]
 	});
 };
-Ze.displayName = "DatePicker";
+h.displayName = "DatePicker";
 //#endregion
-export { Ze as DatePicker };
+export { h as DatePicker };
 
 //# sourceMappingURL=DatePicker.mjs.map