@ryuzaki13/react-foundation-ui 1.4.5 → 1.5.1

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-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, 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 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 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 N(e = "date-time") {
-	return e === "time" ? O : D;
+function A(e = "date-time") {
+	return e === "time" ? T : w;
 }
-function P(e, t = "date-time") {
+function j(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 = y(e);
+	return n ? t === "time" ? k(n.getHours(), n.getMinutes()) : n : null;
 }
-function F(e, t, n, r = "date-time") {
-	let i = P(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 ? P(t, "time") : null, a = n ? P(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 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 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 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 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 R(e, t, n = "date-time") {
-	return n === "time" ? P(e, "time") ?? M() : P(e, n) ?? t;
+function F(e, t, n = "date-time") {
+	return n === "time" ? j(e, "time") ?? k() : j(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 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,
@@ -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 L(e, t, n, r, i, a = "date-time") {
+	let o = I(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 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,
@@ -85,170 +84,174 @@ function V(e, t, n, r = "date-time") {
 }
 //#endregion
 //#region src/date-time-input/model/useDateTimeSegments.ts
-function H(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 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(() => {
-		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);
+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 = c((e, t = !0) => {
-		let n = S.current.get(e);
+	]), D = s((e, t = !0) => {
+		let n = y.current.get(e);
 		n && (n.focus(), t && requestAnimationFrame(() => n.select()));
-	}, []), A = c((e) => {
-		let t = h.indexOf(e);
-		return t < h.length - 1 ? h[t + 1] : null;
-	}, [h]), j = c((e) => {
-		let t = h.indexOf(e);
-		return t > 0 ? h[t - 1] : null;
-	}, [h]), I = c((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,
-		registerRef: c((e) => (t) => {
+		segments: f,
+		segmentValues: v,
+		registerRef: s((e) => (t) => {
 			if (t) {
-				S.current.set(e, t);
+				y.current.set(e, t);
 				return;
 			}
-			S.current.delete(e);
+			y.current.delete(e);
 		}, []),
-		handleInput: c((e) => (t) => {
+		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: c((e) => (t) => {
+		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 = j(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 = j(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,
-			j,
-			I,
-			x,
-			m,
-			O
+			D,
+			O,
+			N,
+			P,
+			v,
+			f,
+			T,
+			E
 		]),
-		handleFocus: c(() => (e) => {
+		handleFocus: s(() => (e) => {
 			e.target.select();
 		}, []),
-		handleContainerFocus: c(() => {
-			clearTimeout(D.current);
+		handleContainerFocus: s(() => {
+			clearTimeout(w.current);
 		}, []),
-		handleContainerBlur: c(() => {
-			let n = new Map(x);
-			D.current = window.setTimeout(() => {
-				if (C(m, n)) {
-					t(null), v(n);
+		handleContainerBlur: s(() => {
+			let n = new Map(v);
+			w.current = window.setTimeout(() => {
+				if (b(f, n)) {
+					t(null), T(n);
 					return;
 				}
-				let r = T(m, n, { defaultDate: o === "time" ? P(e, "time") ?? M() : void 0 });
-				if (!r || !F(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: c(() => {
-			let e = h.find((e) => !(x.get(e) ?? "")) ?? h[h.length - 1];
-			e !== void 0 && k(e);
+		focusFirstEmpty: s(() => {
+			let e = p.find((e) => !(v.get(e) ?? "")) ?? p[p.length - 1];
+			e !== void 0 && D(e);
 		}, [
-			h,
-			k,
-			x
+			p,
+			D,
+			v
 		])
 	};
 }
-var U = {
+var V = {
 	segmentInput: "AvG-mf",
 	separator: "ig7KtT",
-	calendarButton: "RTruv0",
 	popoverContent: "YQHPZa",
 	bottom: "-RZe-i",
 	right: "Ox0SRE",
@@ -257,7 +260,7 @@ var U = {
 	timeOnlyPopoverContent: "Jjdu1Q",
 	timePanelPaneBottom: "Q8Y2xS",
 	timePanelPaneRight: "XxZYTW"
-}, W = {
+}, H = {
 	timePanel: "_5-SSnO",
 	hint: "s1NHua",
 	fields: "KQC9-8",
@@ -267,42 +270,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 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__ */ _("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__ */ 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__ */ _(s, {
-					className: W.wheel,
-					items: o.hours,
-					value: o.selectedHour,
-					onChange: (e) => a(e, o.selectedMinute),
+				}), /* @__PURE__ */ m(o, {
+					className: H.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__ */ h("label", {
+				className: H.field,
+				children: [/* @__PURE__ */ m("span", {
+					className: H.label,
 					children: "Минуты"
-				}), /* @__PURE__ */ _(s, {
-					className: W.wheel,
-					items: o.minutes,
-					value: o.selectedMinute,
-					onChange: (e) => a(o.selectedHour, e),
+				}), /* @__PURE__ */ m(o, {
+					className: H.wheel,
+					items: s.minutes,
+					value: s.selectedMinute,
+					onChange: (e) => a(s.selectedHour, e),
 					ariaLabel: "Выбор минут",
 					disabled: t,
 					formatItem: c
@@ -313,138 +316,131 @@ 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);
-	}, [
-		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));
+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: 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 (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,
-			controlId: Y,
-			labelId: X,
-			descriptionId: ne,
-			errorId: re,
-			children: /* @__PURE__ */ _(r, {
+		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__ */ _(e.Trigger, { children: /* @__PURE__ */ _(n, {
-					variant: "transparent",
-					disabled: C,
-					className: U.calendarButton,
-					icon: _(A === "time" ? g : h, {}),
-					"aria-label": ye
+				endAdornment: /* @__PURE__ */ m(e.Trigger, { children: /* @__PURE__ */ m("div", {
+					className: t.uiToggleButtonContainer,
+					children: /* @__PURE__ */ m("button", {
+						type: "button",
+						disabled: b,
+						"aria-label": pe,
+						className: t.uiToggleButton,
+						children: m(D === "time" ? p : f, {})
+					})
 				}) }),
-				children: ({ controlClassName: e }) => /* @__PURE__ */ _("div", {
-					id: Y,
-					className: m(t.uiInputControlFake, e),
-					"data-disabled": C || void 0,
-					"data-invalid": T ? "" : 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": !!T || void 0,
-					"aria-placeholder": be,
-					"aria-labelledby": X,
-					"aria-describedby": ie,
-					onFocus: fe,
-					onBlur: pe,
+					"aria-invalid": !!S || void 0,
+					"aria-placeholder": me,
+					"aria-labelledby": J,
+					"aria-describedby": Z,
+					onFocus: oe,
+					onBlur: se,
 					onClick: (e) => {
-						e.target === e.currentTarget && me();
+						e.target === e.currentTarget && ce();
 					},
-					children: oe.map((e, t) => e.kind === "literal" ? /* @__PURE__ */ _("span", {
-						className: U.separator,
-						"data-disabled": C || 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__ */ _("input", {
-						ref: ce(t),
+					}, t) : /* @__PURE__ */ m("input", {
+						ref: ne(t),
 						type: "text",
 						inputMode: "numeric",
-						className: U.segmentInput,
+						className: V.segmentInput,
 						style: { width: `${e.length + .5}ch` },
-						value: se.get(t) ?? "",
+						value: te.get(t) ?? "",
 						placeholder: e.placeholder,
 						maxLength: e.length,
-						disabled: C,
+						disabled: b,
 						"aria-label": e.ariaLabel,
 						autoComplete: "off",
-						onChange: le(t),
-						onKeyDown: ue(t),
-						onFocus: de()
+						onChange: re(t),
+						onKeyDown: ie(t),
+						onFocus: ae()
 					}, t))
 				})
 			})
-		}), /* @__PURE__ */ _(e.Content, {
+		}), /* @__PURE__ */ m(e.Content, {
 			background: "primary",
-			onClose: _e,
-			children: A === "time" ? /* @__PURE__ */ _("div", {
-				className: U.timeOnlyPopoverContent,
-				children: /* @__PURE__ */ _(G, {
+			onClose: de,
+			children: D === "time" ? /* @__PURE__ */ m("div", {
+				className: V.timeOnlyPopoverContent,
+				children: /* @__PURE__ */ m(U, {
 					value: $,
-					disabled: C,
-					minDate: D,
-					maxDate: O,
-					mode: A,
+					disabled: b,
+					minDate: w,
+					maxDate: T,
+					mode: D,
 					onChange: Q
 				})
-			}) : /* @__PURE__ */ v("div", {
-				className: m(U.popoverContent, U[k]),
-				children: [/* @__PURE__ */ _("div", {
-					className: U.calendarPane,
-					children: /* @__PURE__ */ _(o, {
-						view: K,
+			}) : /* @__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: te,
+						onViewChange: W,
 						value: $,
-						onChange: he,
-						minDate: D,
-						maxDate: O,
-						currentDate: q,
-						onCurrentDateChange: J
+						onChange: le,
+						minDate: w,
+						maxDate: T,
+						currentDate: G,
+						onCurrentDateChange: K
 					})
-				}), /* @__PURE__ */ _("div", {
-					className: m(U.timePanelPane, ve),
-					children: /* @__PURE__ */ _(G, {
+				}), /* @__PURE__ */ m("div", {
+					className: d(V.timePanelPane, fe),
+					children: /* @__PURE__ */ m(U, {
 						value: $,
-						disabled: C,
-						minDate: D,
-						maxDate: O,
-						mode: A,
+						disabled: b,
+						minDate: w,
+						maxDate: T,
+						mode: D,
 						onChange: Q
 					})
 				})]
@@ -453,6 +449,6 @@ function K({ value: s, onChange: c, label: f, description: y, placeholder: S, di
 	});
 }
 //#endregion
-export { K as SingleDateTimeInput };
+export { W as SingleDateTimeInput };
 
 //# sourceMappingURL=index.js.map