@ryuzaki13/react-foundation-ui 1.4.5 → 1.5.0

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

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