@ryuzaki13/react-foundation-ui 1.5.0 → 1.5.2

package/dist/date-time-input/index.js

@@ -1,49 +1,49 @@
 import { r as e } from "../chunks/popover-BTT7zSqx.js";
 import { t } from "../chunks/ui.module-BfaIVBba.js";
-import { i as n, l as r, s as i } from "../chunks/input-BWCaVC06.js";
-import { t as a } from "../chunks/CalendarView-DtacoN_c.js";
+import { i as n, l as r, s as i } from "../chunks/input-CAw1Loze.js";
+import { t as a } from "../chunks/CalendarView-Cfih7hjD.js";
 import { t as o } from "../chunks/wheel-picker-FS58cRsQ.js";
-import { useCallback as s, useEffect as c, useEffectEvent as l, useMemo as u, useRef as d, useState as f } from "react";
-import { cn as p } from "@ryuzaki13/react-foundation-lib/utils";
-import { CalendarDaysIcon as m, Clock3Icon as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { createCalendarDate as v, getStartOfDay as y, isDateRangeTuple as b, parseDate as x } from "@ryuzaki13/react-foundation-lib/formatters";
-import { areAllDateSegmentsEmpty as S, dateToIndexedSegmentValues as C, indexedSegmentsToDate as w, parseDateSegmentMask as T } from "@ryuzaki13/react-foundation-lib/date-segments";
+import { useCallback as s, useMemo as c, useRef as l, useState as u } from "react";
+import { cn as d } from "@ryuzaki13/react-foundation-lib/utils";
+import { CalendarDaysIcon as f, Clock3Icon as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { createCalendarDate as g, getStartOfDay as _, isDateRangeTuple as v, parseDate as y } from "@ryuzaki13/react-foundation-lib/formatters";
+import { areAllDateSegmentsEmpty as b, dateToIndexedSegmentValues as x, indexedSegmentsToDate as S, parseDateSegmentMask as C } from "@ryuzaki13/react-foundation-lib/date-segments";
 //#region src/date-time-input/lib/dateTimeValue.ts
-var E = "dd.MM.yyyy HH:mm", D = "HH:mm", O = 1970, k = 0, A = 1;
-T(D);
-function j(e = 0, t = 0) {
-	return v(O, k, A, e, t, 0, 0);
+var w = "dd.MM.yyyy HH:mm", T = "HH:mm", E = 1970, D = 0, O = 1;
+C(T);
+function k(e = 0, t = 0) {
+	return g(E, D, O, e, t, 0, 0);
 }
-function M(e = "date-time") {
-	return e === "time" ? D : E;
+function A(e = "date-time") {
+	return e === "time" ? T : w;
 }
-function N(e, t = "date-time") {
+function j(e, t = "date-time") {
 	if (e == null) return null;
-	let n = x(e);
-	return n ? t === "time" ? j(n.getHours(), n.getMinutes()) : n : null;
+	let n = y(e);
+	return n ? t === "time" ? k(n.getHours(), n.getMinutes()) : n : null;
 }
-function P(e, t, n, r = "date-time") {
-	let i = N(e, r);
+function M(e, t, n, r = "date-time") {
+	let i = j(e, r);
 	if (!i) return !1;
 	if (r === "time") {
-		let e = i.getHours() * 60 + i.getMinutes(), r = t ? N(t, "time") : null, a = n ? N(n, "time") : null;
+		let e = i.getHours() * 60 + i.getMinutes(), r = t ? j(t, "time") : null, a = n ? j(n, "time") : null;
 		return !(r && e < r.getHours() * 60 + r.getMinutes() || a && e > a.getHours() * 60 + a.getMinutes());
 	}
 	return !(t && i < t || n && i > n);
 }
-function F(e, t) {
-	let n = N(t), r = n?.getHours() ?? 0, i = n?.getMinutes() ?? 0;
-	return v(e.getFullYear(), e.getMonth(), e.getDate(), r, i, 0, 0);
+function N(e, t) {
+	let n = j(t), r = n?.getHours() ?? 0, i = n?.getMinutes() ?? 0;
+	return g(e.getFullYear(), e.getMonth(), e.getDate(), r, i, 0, 0);
 }
-function I(e, t, n, r = "date-time") {
-	return r === "time" ? j(t, n) : v(e.getFullYear(), e.getMonth(), e.getDate(), t, n, 0, 0);
+function P(e, t, n, r = "date-time") {
+	return r === "time" ? k(t, n) : g(e.getFullYear(), e.getMonth(), e.getDate(), t, n, 0, 0);
 }
-function L(e, t, n = "date-time") {
-	return n === "time" ? N(e, "time") ?? j() : N(e, n) ?? t;
+function F(e, t, n = "date-time") {
+	return n === "time" ? j(e, "time") ?? k() : j(e, n) ?? t;
 }
-function R(e, t, n, r = "date-time") {
-	let i = N(e, r) ?? e, a = t ? N(t, r) : null, o = n ? N(n, r) : null, s = !!a && i.getFullYear() === a.getFullYear() && i.getMonth() === a.getMonth() && i.getDate() === a.getDate(), c = !!o && i.getFullYear() === o.getFullYear() && i.getMonth() === o.getMonth() && i.getDate() === o.getDate(), l = s ? a.getHours() : 0, u = c ? o.getHours() : 23, d = s && l === u ? a.getMinutes() : 0, f = c && l === u ? o.getMinutes() : 59, p = l > u || l === u && d > f;
+function I(e, t, n, r = "date-time") {
+	let i = j(e, r) ?? e, a = t ? j(t, r) : null, o = n ? j(n, r) : null, s = !!a && i.getFullYear() === a.getFullYear() && i.getMonth() === a.getMonth() && i.getDate() === a.getDate(), c = !!o && i.getFullYear() === o.getFullYear() && i.getMonth() === o.getMonth() && i.getDate() === o.getDate(), l = s ? a.getHours() : 0, u = c ? o.getHours() : 23, d = s && l === u ? a.getMinutes() : 0, f = c && l === u ? o.getMinutes() : 59, p = l > u || l === u && d > f;
 	return {
 		disabled: p,
 		minHour: l,
@@ -52,8 +52,8 @@ function R(e, t, n, r = "date-time") {
 		maxMinuteByHour: (e) => p ? 59 : c && e === u ? o.getMinutes() : 59
 	};
 }
-function z(e, t, n, r, i, a = "date-time") {
-	let o = R(e, r, i, a);
+function L(e, t, n, r, i, a = "date-time") {
+	let o = I(e, r, i, a);
 	if (o.disabled) return {
 		hours: 0,
 		minutes: 0
@@ -66,8 +66,8 @@ function z(e, t, n, r, i, a = "date-time") {
 }
 //#endregion
 //#region src/date-time-input/lib/timePanelState.ts
-function B(e, t, n, r = "date-time") {
-	let i = R(e, t, n, r), a = e.getHours(), o = e.getMinutes(), s = i.minMinuteByHour(a), c = i.maxMinuteByHour(a);
+function R(e, t, n, r = "date-time") {
+	let i = I(e, t, n, r), a = e.getHours(), o = e.getMinutes(), s = i.minMinuteByHour(a), c = i.maxMinuteByHour(a);
 	return i.disabled ? {
 		disabled: !0,
 		selectedHour: a,
@@ -84,167 +84,172 @@ function B(e, t, n, r = "date-time") {
 }
 //#endregion
 //#region src/date-time-input/model/useDateTimeSegments.ts
-function V(e) {
+function z(e) {
 	let t = [];
 	return e.forEach((e, n) => {
 		e.kind === "editable" && t.push(n);
 	}), t;
 }
-function ee({ value: e, onChange: t, onClearError: n, disabled: r, minDate: i, maxDate: a, mode: o = "date-time" }) {
-	let p = u(() => M(o), [o]), m = u(() => T(p), [p]), h = u(() => V(m), [m]), g = u(() => C(e ?? null, m), [m, e]), [_, v] = f(null), y = e?.getTime() ?? null, b = l((e) => v(e));
-	c(() => {
-		b(null);
-	}, [y, o]);
-	let x = _ ?? g, E = d(/* @__PURE__ */ new Map()), D = d(0), O = s((n) => {
-		if (S(m, n)) return t(null), null;
-		let r = w(m, n, { defaultDate: o === "time" ? N(e, "time") ?? j() : void 0 });
-		return !r || !P(r, i, a, o) ? null : (t(r), r);
+function B({ value: e, onChange: t, onClearError: n, disabled: r, minDate: i, maxDate: a, mode: o = "date-time" }) {
+	let d = c(() => A(o), [o]), f = c(() => C(d), [d]), p = c(() => z(f), [f]), m = c(() => x(e ?? null, f), [f, e]), h = e?.getTime() ?? null, [g, _] = u(null), v = (g?.sourceValueTime === h && g.sourceMode === o ? g.values : null) ?? m, y = l(/* @__PURE__ */ new Map()), w = l(0), T = s((e) => {
+		_(e === null ? null : {
+			sourceValueTime: h,
+			sourceMode: o,
+			values: e
+		});
+	}, [h, o]), E = s((n) => {
+		if (b(f, n)) return t(null), null;
+		let r = S(f, n, { defaultDate: o === "time" ? j(e, "time") ?? k() : void 0 });
+		return !r || !M(r, i, a, o) ? null : (t(r), r);
 	}, [
 		a,
 		i,
 		o,
 		t,
-		m,
+		f,
 		e
-	]), k = s((e, t = !0) => {
-		let n = E.current.get(e);
+	]), D = s((e, t = !0) => {
+		let n = y.current.get(e);
 		n && (n.focus(), t && requestAnimationFrame(() => n.select()));
-	}, []), A = s((e) => {
-		let t = h.indexOf(e);
-		return t < h.length - 1 ? h[t + 1] : null;
-	}, [h]), F = s((e) => {
-		let t = h.indexOf(e);
-		return t > 0 ? h[t - 1] : null;
-	}, [h]), I = s((e, t) => e.padStart(t.length, "0"), []);
+	}, []), O = s((e) => {
+		let t = p.indexOf(e);
+		return t < p.length - 1 ? p[t + 1] : null;
+	}, [p]), N = s((e) => {
+		let t = p.indexOf(e);
+		return t > 0 ? p[t - 1] : null;
+	}, [p]), P = s((e, t) => e.padStart(t.length, "0"), []);
 	return {
-		segments: m,
-		segmentValues: x,
+		segments: f,
+		segmentValues: v,
 		registerRef: s((e) => (t) => {
 			if (t) {
-				E.current.set(e, t);
+				y.current.set(e, t);
 				return;
 			}
-			E.current.delete(e);
+			y.current.delete(e);
 		}, []),
 		handleInput: s((e) => (t) => {
 			if (r) return;
-			let i = m[e];
+			let i = f[e];
 			if (i.kind !== "editable") return;
-			let a = t.target.value.replace(/\D/g, "").slice(0, i.length), o = new Map(x);
-			if (o.set(e, a), v(o), n?.(), a.length === i.length) {
-				let t = A(e);
-				t !== null && requestAnimationFrame(() => k(t));
+			let a = t.target.value.replace(/\D/g, "").slice(0, i.length), o = new Map(v);
+			if (o.set(e, a), T(o), n?.(), a.length === i.length) {
+				let t = O(e);
+				t !== null && requestAnimationFrame(() => D(t));
 			}
-			O(o);
+			E(o);
 		}, [
 			r,
-			k,
-			A,
+			D,
+			O,
 			n,
-			x,
-			m,
-			O
+			v,
+			f,
+			T,
+			E
 		]),
 		handleKeyDown: s((e) => (t) => {
 			if (r) return;
-			let n = m[e];
+			let n = f[e];
 			if (n.kind !== "editable") return;
-			let i = x.get(e) ?? "", a = t.currentTarget;
+			let i = v.get(e) ?? "", a = t.currentTarget;
 			switch (t.key) {
 				case "ArrowRight":
 					if (a.selectionStart === i.length || i === "") {
 						t.preventDefault();
-						let n = A(e);
-						n !== null && k(n);
+						let n = O(e);
+						n !== null && D(n);
 					}
 					break;
 				case "ArrowLeft":
 					if (a.selectionStart === 0 || i === "") {
 						t.preventDefault();
-						let n = F(e);
-						n !== null && k(n);
+						let n = N(e);
+						n !== null && D(n);
 					}
 					break;
 				case "ArrowUp": {
 					t.preventDefault();
 					let r = i === "" ? n.min : Number.parseInt(i, 10) + 1;
 					r > n.max && (r = n.min);
-					let o = new Map(x);
-					o.set(e, I(String(r), n)), v(o), O(o), requestAnimationFrame(() => a.select());
+					let o = new Map(v);
+					o.set(e, P(String(r), n)), T(o), E(o), requestAnimationFrame(() => a.select());
 					break;
 				}
 				case "ArrowDown": {
 					t.preventDefault();
 					let r = i === "" ? n.max : Number.parseInt(i, 10) - 1;
 					r < n.min && (r = n.max);
-					let o = new Map(x);
-					o.set(e, I(String(r), n)), v(o), O(o), requestAnimationFrame(() => a.select());
+					let o = new Map(v);
+					o.set(e, P(String(r), n)), T(o), E(o), requestAnimationFrame(() => a.select());
 					break;
 				}
 				case "Backspace":
 					if (i === "") {
 						t.preventDefault();
-						let n = F(e);
-						n !== null && k(n);
+						let n = N(e);
+						n !== null && D(n);
 					}
 					break;
 				case "Delete": {
 					t.preventDefault();
-					let n = new Map(x);
-					n.set(e, ""), v(n), O(n);
+					let n = new Map(v);
+					n.set(e, ""), T(n), E(n);
 					break;
 				}
 			}
 		}, [
 			r,
-			k,
-			A,
-			F,
-			I,
-			x,
-			m,
-			O
+			D,
+			O,
+			N,
+			P,
+			v,
+			f,
+			T,
+			E
 		]),
 		handleFocus: s(() => (e) => {
 			e.target.select();
 		}, []),
 		handleContainerFocus: s(() => {
-			clearTimeout(D.current);
+			clearTimeout(w.current);
 		}, []),
 		handleContainerBlur: s(() => {
-			let n = new Map(x);
-			D.current = window.setTimeout(() => {
-				if (S(m, n)) {
-					t(null), v(n);
+			let n = new Map(v);
+			w.current = window.setTimeout(() => {
+				if (b(f, n)) {
+					t(null), T(n);
 					return;
 				}
-				let r = w(m, n, { defaultDate: o === "time" ? N(e, "time") ?? j() : void 0 });
-				if (!r || !P(r, i, a, o)) {
-					v(null);
+				let r = S(f, n, { defaultDate: o === "time" ? j(e, "time") ?? k() : void 0 });
+				if (!r || !M(r, i, a, o)) {
+					T(null);
 					return;
 				}
-				v(n);
+				T(n);
 			}, 0);
 		}, [
 			a,
 			i,
 			o,
 			t,
-			x,
-			m,
+			v,
+			f,
+			T,
 			e
 		]),
 		focusFirstEmpty: s(() => {
-			let e = h.find((e) => !(x.get(e) ?? "")) ?? h[h.length - 1];
-			e !== void 0 && k(e);
+			let e = p.find((e) => !(v.get(e) ?? "")) ?? p[p.length - 1];
+			e !== void 0 && D(e);
 		}, [
-			h,
-			k,
-			x
+			p,
+			D,
+			v
 		])
 	};
 }
-var H = {
+var V = {
 	segmentInput: "AvG-mf",
 	separator: "ig7KtT",
 	popoverContent: "YQHPZa",
@@ -255,7 +260,7 @@ var H = {
 	timeOnlyPopoverContent: "Jjdu1Q",
 	timePanelPaneBottom: "Q8Y2xS",
 	timePanelPaneRight: "XxZYTW"
-}, U = {
+}, H = {
 	timePanel: "_5-SSnO",
 	hint: "s1NHua",
 	fields: "KQC9-8",
@@ -265,25 +270,25 @@ var H = {
 };
 //#endregion
 //#region src/date-time-input/ui/TimePanel.tsx
-function W({ value: e, disabled: t, minDate: n, maxDate: r, mode: i = "date-time", onChange: a }) {
-	let s = B(e, n, r, i), c = (e) => String(e).padStart(2, "0");
-	return s.disabled ? /* @__PURE__ */ g("div", {
-		className: U.timePanel,
-		children: /* @__PURE__ */ g("p", {
-			className: U.hint,
+function U({ value: e, disabled: t, minDate: n, maxDate: r, mode: i = "date-time", onChange: a }) {
+	let s = R(e, n, r, i), c = (e) => String(e).padStart(2, "0");
+	return s.disabled ? /* @__PURE__ */ m("div", {
+		className: H.timePanel,
+		children: /* @__PURE__ */ m("p", {
+			className: H.hint,
 			children: "Для выбранного дня нет доступного времени в заданном диапазоне."
 		})
-	}) : /* @__PURE__ */ g("div", {
-		className: U.timePanel,
-		children: /* @__PURE__ */ _("div", {
-			className: U.fields,
-			children: [/* @__PURE__ */ _("label", {
-				className: U.field,
-				children: [/* @__PURE__ */ g("span", {
-					className: U.label,
+	}) : /* @__PURE__ */ m("div", {
+		className: H.timePanel,
+		children: /* @__PURE__ */ h("div", {
+			className: H.fields,
+			children: [/* @__PURE__ */ h("label", {
+				className: H.field,
+				children: [/* @__PURE__ */ m("span", {
+					className: H.label,
 					children: "Часы"
-				}), /* @__PURE__ */ g(o, {
-					className: U.wheel,
+				}), /* @__PURE__ */ m(o, {
+					className: H.wheel,
 					items: s.hours,
 					value: s.selectedHour,
 					onChange: (e) => a(e, s.selectedMinute),
@@ -291,13 +296,13 @@ function W({ value: e, disabled: t, minDate: n, maxDate: r, mode: i = "date-time
 					disabled: t,
 					formatItem: c
 				})]
-			}), /* @__PURE__ */ _("label", {
-				className: U.field,
-				children: [/* @__PURE__ */ g("span", {
-					className: U.label,
+			}), /* @__PURE__ */ h("label", {
+				className: H.field,
+				children: [/* @__PURE__ */ m("span", {
+					className: H.label,
 					children: "Минуты"
-				}), /* @__PURE__ */ g(o, {
-					className: U.wheel,
+				}), /* @__PURE__ */ m(o, {
+					className: H.wheel,
 					items: s.minutes,
 					value: s.selectedMinute,
 					onChange: (e) => a(s.selectedHour, e),
@@ -311,141 +316,131 @@ function W({ value: e, disabled: t, minDate: n, maxDate: r, mode: i = "date-time
 }
 //#endregion
 //#region src/date-time-input/ui/SingleDateTimeInput.tsx
-function G({ value: o, onChange: s, label: d, description: v, placeholder: x, disabled: S, size: C, error: w, onClearError: T, minDate: E, maxDate: D, timePanelPlacement: O = "right", mode: k = "date-time" }) {
-	let A = u(() => N(o, k), [k, o]), j = A?.getTime() ?? null, M = u(() => y(/* @__PURE__ */ new Date()), []), [R, B] = f(!1), [V, U] = f(A ?? null), [G, K] = f("day"), [q, J] = f(() => L(A, M, k)), { controlId: Y, labelId: X, descriptionId: te, errorId: ne, describedBy: re } = r({
-		hasLabel: d != null,
-		hasDescription: !!v,
-		hasError: !!w
-	}), ie = l((e) => U(e)), Z = l((e) => J(e));
-	c(() => {
-		R || ie(A ?? null), A && Z(A);
-	}, [
-		A,
-		j,
-		R
-	]), c(() => {
-		A && Z(A);
-	}, [A, j]);
-	let { segments: ae, segmentValues: oe, registerRef: se, handleInput: ce, handleKeyDown: le, handleFocus: ue, handleContainerFocus: de, handleContainerBlur: fe, focusFirstEmpty: pe } = ee({
-		value: A,
+function W({ value: o, onChange: s, label: l, description: g, placeholder: y, disabled: b, size: x, error: S, onClearError: C, minDate: w, maxDate: T, timePanelPlacement: E = "right", mode: D = "date-time" }) {
+	let O = c(() => j(o, D), [D, o]), k = c(() => _(/* @__PURE__ */ new Date()), []), [A, I] = u(!1), [R, z] = u(O ?? null), [H, W] = u("day"), [G, K] = u(() => F(O, k, D)), { controlId: q, labelId: J, descriptionId: Y, errorId: X, describedBy: Z } = r({
+		hasLabel: l != null,
+		hasDescription: !!g,
+		hasError: !!S
+	}), { segments: ee, segmentValues: te, registerRef: ne, handleInput: re, handleKeyDown: ie, handleFocus: ae, handleContainerFocus: oe, handleContainerBlur: se, focusFirstEmpty: ce } = B({
+		value: O,
 		onChange: s,
-		onClearError: T,
-		disabled: S,
-		minDate: E,
-		maxDate: D,
-		mode: k
-	}), me = (e) => {
-		if (k === "time" || b(e) || S) return;
-		let t = F(e, V ?? A ?? q), { hours: n, minutes: r } = z(e, t.getHours(), t.getMinutes(), E, D, k), i = I(e, n, r);
-		P(i, E, D, k) && (T?.(), U(i), J(i));
+		onClearError: C,
+		disabled: b,
+		minDate: w,
+		maxDate: T,
+		mode: D
+	}), le = (e) => {
+		if (D === "time" || v(e) || b) return;
+		let t = N(e, R ?? O ?? G), { hours: n, minutes: r } = L(e, t.getHours(), t.getMinutes(), w, T, D), i = P(e, n, r);
+		M(i, w, T, D) && (C?.(), z(i), K(i));
 	}, Q = (e, t) => {
-		if (S) return;
-		let n = V ?? A ?? q, r = z(n, e, t, E, D, k), i = I(n, r.hours, r.minutes, k);
-		P(i, E, D, k) && (T?.(), U(i), J(i));
-	}, he = (e) => {
-		e && (U(A ?? null), J(L(A, M, k))), B(e);
-	}, ge = () => {
-		(A?.getTime() ?? null) !== (V?.getTime() ?? null) && s(V);
-	}, _e = O === "right" ? H.timePanelPaneRight : H.timePanelPaneBottom, ve = k === "time" ? "Открыть выбор времени" : "Открыть календарь даты и времени", ye = x ?? (k === "time" ? "чч:мм" : "дд.мм.гггг чч:мм"), $ = V ?? A ?? q;
-	return /* @__PURE__ */ _(e, {
-		open: R,
-		onOpenChange: he,
-		children: [/* @__PURE__ */ g(i, {
-			label: d,
-			description: v,
-			disabled: S,
-			size: C,
-			error: w,
-			controlId: Y,
-			labelId: X,
-			descriptionId: te,
-			errorId: ne,
-			children: /* @__PURE__ */ g(n, {
+		if (b) return;
+		let n = R ?? O ?? G, r = L(n, e, t, w, T, D), i = P(n, r.hours, r.minutes, D);
+		M(i, w, T, D) && (C?.(), z(i), K(i));
+	}, ue = (e) => {
+		e && (z(O ?? null), K(F(O, k, D))), I(e);
+	}, de = () => {
+		(O?.getTime() ?? null) !== (R?.getTime() ?? null) && s(R);
+	}, fe = E === "right" ? V.timePanelPaneRight : V.timePanelPaneBottom, pe = D === "time" ? "Открыть выбор времени" : "Открыть календарь даты и времени", me = y ?? (D === "time" ? "чч:мм" : "дд.мм.гггг чч:мм"), $ = R ?? O ?? G;
+	return /* @__PURE__ */ h(e, {
+		open: A,
+		onOpenChange: ue,
+		children: [/* @__PURE__ */ m(i, {
+			label: l,
+			description: g,
+			disabled: b,
+			size: x,
+			error: S,
+			controlId: q,
+			labelId: J,
+			descriptionId: Y,
+			errorId: X,
+			children: /* @__PURE__ */ m(n, {
 				endAdornmentWidth: "var(--control-height)",
-				endAdornment: /* @__PURE__ */ g(e.Trigger, { children: /* @__PURE__ */ g("div", {
+				endAdornment: /* @__PURE__ */ m(e.Trigger, { children: /* @__PURE__ */ m("div", {
 					className: t.uiToggleButtonContainer,
-					children: /* @__PURE__ */ g("button", {
+					children: /* @__PURE__ */ m("button", {
 						type: "button",
-						disabled: S,
-						"aria-label": ve,
+						disabled: b,
+						"aria-label": pe,
 						className: t.uiToggleButton,
-						children: g(k === "time" ? h : m, {})
+						children: m(D === "time" ? p : f, {})
 					})
 				}) }),
-				children: ({ controlClassName: e }) => /* @__PURE__ */ g("div", {
-					id: Y,
-					className: p(t.uiInputControlFake, e),
-					"data-disabled": S || void 0,
-					"data-invalid": w ? "" : void 0,
+				children: ({ controlClassName: e }) => /* @__PURE__ */ m("div", {
+					id: q,
+					className: d(t.uiInputControlFake, e),
+					"data-disabled": b || void 0,
+					"data-invalid": S ? "" : void 0,
 					role: "group",
-					"aria-invalid": !!w || void 0,
-					"aria-placeholder": ye,
-					"aria-labelledby": X,
-					"aria-describedby": re,
-					onFocus: de,
-					onBlur: fe,
+					"aria-invalid": !!S || void 0,
+					"aria-placeholder": me,
+					"aria-labelledby": J,
+					"aria-describedby": Z,
+					onFocus: oe,
+					onBlur: se,
 					onClick: (e) => {
-						e.target === e.currentTarget && pe();
+						e.target === e.currentTarget && ce();
 					},
-					children: ae.map((e, t) => e.kind === "literal" ? /* @__PURE__ */ g("span", {
-						className: H.separator,
-						"data-disabled": S || void 0,
+					children: ee.map((e, t) => e.kind === "literal" ? /* @__PURE__ */ m("span", {
+						className: V.separator,
+						"data-disabled": b || void 0,
 						children: e.text
-					}, t) : /* @__PURE__ */ g("input", {
-						ref: se(t),
+					}, t) : /* @__PURE__ */ m("input", {
+						ref: ne(t),
 						type: "text",
 						inputMode: "numeric",
-						className: H.segmentInput,
+						className: V.segmentInput,
 						style: { width: `${e.length + .5}ch` },
-						value: oe.get(t) ?? "",
+						value: te.get(t) ?? "",
 						placeholder: e.placeholder,
 						maxLength: e.length,
-						disabled: S,
+						disabled: b,
 						"aria-label": e.ariaLabel,
 						autoComplete: "off",
-						onChange: ce(t),
-						onKeyDown: le(t),
-						onFocus: ue()
+						onChange: re(t),
+						onKeyDown: ie(t),
+						onFocus: ae()
 					}, t))
 				})
 			})
-		}), /* @__PURE__ */ g(e.Content, {
+		}), /* @__PURE__ */ m(e.Content, {
 			background: "primary",
-			onClose: ge,
-			children: k === "time" ? /* @__PURE__ */ g("div", {
-				className: H.timeOnlyPopoverContent,
-				children: /* @__PURE__ */ g(W, {
+			onClose: de,
+			children: D === "time" ? /* @__PURE__ */ m("div", {
+				className: V.timeOnlyPopoverContent,
+				children: /* @__PURE__ */ m(U, {
 					value: $,
-					disabled: S,
-					minDate: E,
-					maxDate: D,
-					mode: k,
+					disabled: b,
+					minDate: w,
+					maxDate: T,
+					mode: D,
 					onChange: Q
 				})
-			}) : /* @__PURE__ */ _("div", {
-				className: p(H.popoverContent, H[O]),
-				children: [/* @__PURE__ */ g("div", {
-					className: H.calendarPane,
-					children: /* @__PURE__ */ g(a, {
-						view: G,
+			}) : /* @__PURE__ */ h("div", {
+				className: d(V.popoverContent, V[E]),
+				children: [/* @__PURE__ */ m("div", {
+					className: V.calendarPane,
+					children: /* @__PURE__ */ m(a, {
+						view: H,
 						datePickerLevel: "day",
 						selectionMode: "day",
-						onViewChange: K,
+						onViewChange: W,
 						value: $,
-						onChange: me,
-						minDate: E,
-						maxDate: D,
-						currentDate: q,
-						onCurrentDateChange: J
+						onChange: le,
+						minDate: w,
+						maxDate: T,
+						currentDate: G,
+						onCurrentDateChange: K
 					})
-				}), /* @__PURE__ */ g("div", {
-					className: p(H.timePanelPane, _e),
-					children: /* @__PURE__ */ g(W, {
+				}), /* @__PURE__ */ m("div", {
+					className: d(V.timePanelPane, fe),
+					children: /* @__PURE__ */ m(U, {
 						value: $,
-						disabled: S,
-						minDate: E,
-						maxDate: D,
-						mode: k,
+						disabled: b,
+						minDate: w,
+						maxDate: T,
+						mode: D,
 						onChange: Q
 					})
 				})]
@@ -454,6 +449,6 @@ function G({ value: o, onChange: s, label: d, description: v, placeholder: x, di
 	});
 }
 //#endregion
-export { G as SingleDateTimeInput };
+export { W as SingleDateTimeInput };
 
 //# sourceMappingURL=index.js.map