@quidgest/ui 0.26.0 → 0.27.0

package/esm/components/QDateTimePicker/QDateTimePicker.vue.js

@@ -1,24 +1,25 @@
-import { QButton as e } from "../QButton/index.js";
-import { QIcon as t } from "../QIcon/index.js";
-import { QTextField as n } from "../QTextField/index.js";
+import { useId as e } from "../../composables/useId/index.js";
+import { QButton as t } from "../QButton/index.js";
+import { QIcon as n } from "../QIcon/index.js";
 import { QOverlay as r } from "../QOverlay/index.js";
-import { DEFAULT_ICONS as i, DEFAULT_TEXTS as a, MONTH_NAMES as o, WEEKDAY_NAMES as s } from "./constants.js";
-import { QSwitch as ee } from "../QSwitch/index.js";
-import { clampNumericSegments as te, convertDatePatternToMask as ne, formatDate as re, formatUsesSeconds as ie, formatUsesTime as ae, getDaysInMonth as oe, getFirstDayOfMonth as se, inputIncludesTimePortion as ce, isBetween as le, isSameDay as ue, isTimeOnlyFormat as de, padNumber as fe, parseDate as pe, parseDateWithCompletion as me, parseIsoDate as he, uses12HourFormat as ge } from "../../utils/date.js";
-import { applyMask as _e } from "../../utils/mask.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as ve, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeModels as ye, mergeProps as _, nextTick as v, normalizeClass as be, normalizeProps as y, onBeforeUnmount as xe, openBlock as b, ref as x, renderList as Se, renderSlot as Ce, toDisplayString as we, unref as S, useModel as Te, useTemplateRef as C, watch as w, withCtx as T } from "vue";
+import { QTextField as i } from "../QTextField/index.js";
+import { DEFAULT_ICONS as a, DEFAULT_TEXTS as o, MONTH_NAMES as s, WEEKDAY_NAMES as ee } from "./constants.js";
+import { QSwitch as te } from "../QSwitch/index.js";
+import { clampNumericSegments as ne, convertDatePatternToMask as re, formatDate as ie, formatUsesSeconds as ae, formatUsesTime as oe, getDaysInMonth as se, getFirstDayOfMonth as ce, inputIncludesTimePortion as le, isBetween as ue, isSameDay as de, isTimeOnlyFormat as fe, padNumber as pe, parseDate as me, parseDateWithCompletion as he, parseIsoDate as ge, uses12HourFormat as _e } from "../../utils/date.js";
+import { applyMask as ve } from "../../utils/mask.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as ye, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeModels as be, mergeProps as _, nextTick as v, normalizeClass as xe, normalizeProps as y, onBeforeUnmount as Se, openBlock as b, ref as x, renderList as Ce, renderSlot as we, toDisplayString as Te, toRef as Ee, unref as S, useModel as De, useTemplateRef as C, watch as w, withCtx as T } from "vue";
 //#region src/components/QDateTimePicker/QDateTimePicker.vue?vue&type=script&setup=true&lang.ts
-var Ee = {
+var Oe = {
 	key: 0,
 	ref: "calendar",
 	class: "q-date-time-picker__calendar"
-}, De = { class: "q-date-time-picker__header" }, Oe = { class: "q-date-time-picker__weekdays" }, ke = { class: "q-date-time-picker__time" }, Ae = {
+}, ke = { class: "q-date-time-picker__header" }, Ae = { class: "q-date-time-picker__weekdays" }, je = { class: "q-date-time-picker__time" }, Me = ["role", "aria-label"], Ne = {
 	key: 0,
 	class: "q-date-time-picker__time-period"
-}, je = { class: "q-date-time-picker__time-inputs" }, Me = { class: "q-date-time-picker__time-input-group" }, Ne = { class: "q-date-time-picker__time-input-group" }, Pe = { class: "q-date-time-picker__time-input-group" }, Fe = { class: "q-date-time-picker__month-grid" }, Ie = { class: "q-date-time-picker__year" }, Le = { class: "q-date-time-picker__year-change" }, Re = { class: "q-date-time-picker__year-interval" }, ze = { class: "q-date-time-picker__year-grid" }, Be = { class: "q-date-time-picker__bottom-bar" }, E = 1001, D = 9999, O = 26, Ve = "a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), [contenteditable]", He = /*@__PURE__*/ h({
+}, Pe = { class: "q-date-time-picker__time-inputs" }, Fe = { class: "q-date-time-picker__time-input-group" }, Ie = { class: "q-date-time-picker__time-input-group" }, Le = { class: "q-date-time-picker__time-input-group" }, Re = { class: "q-date-time-picker__month-grid" }, ze = { class: "q-date-time-picker__year" }, Be = { class: "q-date-time-picker__year-change" }, Ve = { class: "q-date-time-picker__year-interval" }, He = { class: "q-date-time-picker__year-grid" }, Ue = { class: "q-date-time-picker__bottom-bar" }, E = 1001, D = 9999, O = 26, We = "a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), [contenteditable]", Ge = /*@__PURE__*/ h({
 	inheritAttrs: !1,
 	__name: "QDateTimePicker",
-	props: /*@__PURE__*/ ye({
+	props: /*@__PURE__*/ be({
 		id: {},
 		class: {},
 		label: {},
@@ -37,28 +38,28 @@ var Ee = {
 		clearable: { type: Boolean },
 		format: { default: "dd/MM/yyyy HH:mm" },
 		range: { type: Boolean },
-		icons: { default: () => i },
-		texts: { default: () => a }
+		icons: { default: () => a },
+		texts: { default: () => o }
 	}, {
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ ye(["open", "close"], ["update:modelValue"]),
-	setup(i, { emit: a }) {
-		let h = i, ye = a, He = Te(i, "modelValue"), k = l({
-			get: () => He.value,
-			set: (e) => He.value = e || void 0
-		}), Ue = l(() => h.readonly || h.disabled ? void 0 : h.placeholder), A = l(() => ae(h.format)), We = l(() => ie(h.format)), j = l(() => ge(h.format)), M = l(() => de(h.format)), Ge = l(() => L.value === (/* @__PURE__ */ new Date()).getMonth() && R.value === (/* @__PURE__ */ new Date()).getFullYear()), N = x(!1), Ke = x(!1), P = x(""), F = x(null), I = x("date"), L = x((/* @__PURE__ */ new Date()).getMonth()), R = x((/* @__PURE__ */ new Date()).getFullYear()), z = x((/* @__PURE__ */ new Date()).getFullYear()), qe = null, B = !1, Je = !1, Ye = !1, V = null;
-		function Xe() {
+	emits: /*@__PURE__*/ be(["open", "close"], ["update:modelValue"]),
+	setup(a, { emit: o }) {
+		let h = a, be = o, Ge = e(Ee(h, "id")), Ke = De(a, "modelValue"), k = l({
+			get: () => Ke.value,
+			set: (e) => Ke.value = e || void 0
+		}), qe = l(() => h.readonly || h.disabled ? void 0 : h.placeholder), A = l(() => oe(h.format)), Je = l(() => ae(h.format)), j = l(() => _e(h.format)), M = l(() => fe(h.format)), Ye = l(() => L.value === (/* @__PURE__ */ new Date()).getMonth() && R.value === (/* @__PURE__ */ new Date()).getFullYear()), N = x(!1), Xe = x(!1), P = x(""), F = x(null), I = x("date"), L = x((/* @__PURE__ */ new Date()).getMonth()), R = x((/* @__PURE__ */ new Date()).getFullYear()), z = x((/* @__PURE__ */ new Date()).getFullYear()), Ze = null, B = !1, Qe = !1, V = !1, H = null;
+		function $e() {
 			queueMicrotask(() => {
 				requestAnimationFrame(() => {
-					let e = Hn(), t = document.activeElement;
-					e && (t === e || t instanceof Node && H.value?.contains(t)) && (B = !0);
+					let e = Kn(), t = document.activeElement;
+					e && (t === e || t instanceof Node && U.value?.contains(t)) && (B = !0);
 				});
 			});
 		}
-		let Ze = C("field"), H = C("menu"), Qe = C("calendar"), $e = C("monthHeader"), et = C("yearHeader"), tt = C("toggleTime"), nt = /* @__PURE__ */ new Map(), rt = /* @__PURE__ */ new Map();
-		function it(e) {
+		let et = C("field"), U = C("menu"), tt = C("calendar"), nt = C("monthHeader"), rt = C("yearHeader"), it = C("toggleTime"), at = /* @__PURE__ */ new Map(), ot = /* @__PURE__ */ new Map();
+		function st(e) {
 			if (!e) return null;
 			if (e instanceof HTMLElement) return e;
 			if (typeof e == "object" && "$el" in e) {
@@ -67,21 +68,21 @@ var Ee = {
 			}
 			return null;
 		}
-		function at(e, t) {
-			let n = it(e);
-			n ? nt.set(t, n) : nt.delete(t);
+		function ct(e, t) {
+			let n = st(e);
+			n ? at.set(t, n) : at.delete(t);
 		}
-		function ot(e, t) {
-			let n = it(e);
-			n ? rt.set(t, n) : rt.delete(t);
+		function lt(e, t) {
+			let n = st(e);
+			n ? ot.set(t, n) : ot.delete(t);
 		}
-		function st(e) {
-			it(e)?.focus();
+		function ut(e) {
+			st(e)?.focus();
 		}
-		let ct = l(() => ({
+		let dt = l(() => ({
 			getMonthIndex: (e, t) => {
 				let n = e.toLowerCase();
-				return o.findIndex((e) => {
+				return s.findIndex((e) => {
 					let r = h.texts[e] ?? e;
 					return (t ? r.substring(0, 3) : r).toLowerCase() === n;
 				});
@@ -89,305 +90,305 @@ var Ee = {
 			getWeekdayIndex: (e, t) => {
 				let n = e.toLowerCase();
 				for (let e = 0; e < 7; e++) {
-					let r = s[(e + 6) % 7], i = h.texts[r] ?? r;
+					let r = ee[(e + 6) % 7], i = h.texts[r] ?? r;
 					if ((t ? i.substring(0, 3) : i).toLowerCase() === n) return e;
 				}
 				return null;
 			}
-		})), U = l(() => {
+		})), W = l(() => {
 			let e = k.value;
-			return e ? e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? e[0] : typeof e == "string" ? bn(e) : null : null;
-		}), lt = l(() => {
+			return e ? e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? e[0] : typeof e == "string" ? wn(e) : null : null;
+		}), ft = l(() => {
 			let e = k.value;
 			return Array.isArray(e) && e.length > 1 ? e[1] : null;
-		}), W = x(null), G = x(null), K = x(null), q = x(!1), ut = l(() => !q.value || !W.value ? U.value : K.value && K.value < W.value ? K.value : W.value), dt = l(() => {
-			if (!h.range) return U.value;
-			if (!q.value || !W.value) return lt.value;
-			let e = K.value ?? G.value;
-			return e ? e < W.value ? W.value : e : null;
-		}), ft = l(() => ({
+		}), G = x(null), K = x(null), q = x(null), J = x(!1), pt = l(() => !J.value || !G.value ? W.value : q.value && q.value < G.value ? q.value : G.value), mt = l(() => {
+			if (!h.range) return W.value;
+			if (!J.value || !G.value) return ft.value;
+			let e = q.value ?? K.value;
+			return e ? e < G.value ? G.value : e : null;
+		}), ht = l(() => ({
 			getMonthName: (e, t) => {
-				let n = bt(e);
+				let n = Ct(e);
 				return t ? n.substring(0, 3) : n;
 			},
 			getWeekdayName: (e, t) => {
-				let n = s[(e + 6) % 7], r = h.texts[n] ?? n;
+				let n = ee[(e + 6) % 7], r = h.texts[n] ?? n;
 				return t ? r.substring(0, 3) : r;
 			}
-		})), pt = l(() => {
+		})), gt = l(() => {
 			let e = k.value;
 			if (!e) return "";
-			if (Array.isArray(e)) return e.map((e) => e instanceof Date ? re(e, h.format, ft.value) : e).join(" - ");
-			if (e instanceof Date) return re(e, h.format, ft.value);
+			if (Array.isArray(e)) return e.map((e) => e instanceof Date ? ie(e, h.format, ht.value) : e).join(" - ");
+			if (e instanceof Date) return ie(e, h.format, ht.value);
 			if (typeof e == "string") {
-				let t = bn(e);
-				return t ? re(t, h.format, ft.value) : String(e);
+				let t = wn(e);
+				return t ? ie(t, h.format, ht.value) : String(e);
 			}
 			return String(e);
-		}), mt = l(() => F.value ?? pt.value);
-		function ht() {
-			P.value = mt.value;
+		}), _t = l(() => F.value ?? gt.value);
+		function vt() {
+			P.value = _t.value;
 		}
-		w(mt, () => {
-			Ke.value || ht();
+		w(_t, () => {
+			Xe.value || vt();
 		}, { immediate: !0 });
-		let gt = l(() => {
-			let e = se(new Date(R.value, L.value, 1)), t = oe(L.value, R.value), n = (e.getDay() + 6) % 7, r = [], i = L.value === 0 ? 11 : L.value - 1, a = L.value === 0 ? R.value - 1 : R.value, o = oe(i, a);
-			for (let e = n - 1; e >= 0; e--) _t(r, new Date(a, i, o - e), !1);
-			for (let e = 1; e <= t; e++) _t(r, new Date(R.value, L.value, e), !0);
+		let yt = l(() => {
+			let e = ce(new Date(R.value, L.value, 1)), t = se(L.value, R.value), n = (e.getDay() + 6) % 7, r = [], i = L.value === 0 ? 11 : L.value - 1, a = L.value === 0 ? R.value - 1 : R.value, o = se(i, a);
+			for (let e = n - 1; e >= 0; e--) bt(r, new Date(a, i, o - e), !1);
+			for (let e = 1; e <= t; e++) bt(r, new Date(R.value, L.value, e), !0);
 			let s = 7 - r.length % 7, ee = s === 7 ? 0 : s;
-			for (let e = 1; e <= ee; e++) _t(r, new Date(R.value, L.value + 1, e), !1);
+			for (let e = 1; e <= ee; e++) bt(r, new Date(R.value, L.value + 1, e), !1);
 			return r;
 		});
-		function _t(e, t, n) {
-			let r = ut.value, i = dt.value, a = t.getFullYear(), o = a < E || a > D;
+		function bt(e, t, n) {
+			let r = pt.value, i = mt.value, a = t.getFullYear(), o = a < E || a > D;
 			e.push({
 				date: t,
 				isCurrentMonth: n,
-				isToday: ue(t, /* @__PURE__ */ new Date()),
-				isSelected: r ? ue(t, r) : !1,
-				isRangeStart: !!r && ue(t, r),
-				isRangeEnd: !!i && ue(t, i),
-				isInRange: r && i ? le(t, r, i) : !1,
+				isToday: de(t, /* @__PURE__ */ new Date()),
+				isSelected: r ? de(t, r) : !1,
+				isRangeStart: !!r && de(t, r),
+				isRangeEnd: !!i && de(t, i),
+				isInRange: r && i ? ue(t, r, i) : !1,
 				isDisabled: o
 			});
 		}
-		let vt = l(() => s.map((e) => {
+		let xt = l(() => ee.map((e) => {
 			let t = e;
 			return h.texts[t]?.substring(0, 2) ?? e;
-		})), yt = l(() => Array.from({ length: 12 }, (e, t) => bt(t, 3)));
-		function bt(e, t = 0) {
-			let n = o[e], r = h.texts[n] ?? o[e];
+		})), St = l(() => Array.from({ length: 12 }, (e, t) => Ct(t, 3)));
+		function Ct(e, t = 0) {
+			let n = s[e], r = h.texts[n] ?? s[e];
 			return t <= 0 ? r : r.substring(0, t);
 		}
-		function xt(e) {
+		function wt(e) {
 			let t = e - Math.floor(O / 2), n = t + O;
 			return t < E && (t = E, n = Math.min(t + O, D)), n > D && (n = D, t = Math.max(E, n - O)), {
 				startYear: t,
 				endYear: n
 			};
 		}
-		function St(e) {
-			let { startYear: t, endYear: n } = xt(e);
+		function Tt(e) {
+			let { startYear: t, endYear: n } = wt(e);
 			return Array.from({ length: n - t + 1 }, (e, n) => t + n);
 		}
-		function Ct() {
-			Et.value && (z.value -= O);
+		function Et() {
+			kt.value && (z.value -= O);
 		}
-		function wt() {
-			Dt.value && (z.value += O);
+		function Dt() {
+			At.value && (z.value += O);
 		}
-		let Tt = l(() => xt(z.value)), Et = l(() => Tt.value.startYear > E), Dt = l(() => Tt.value.endYear < D), Ot = l(() => L.value === 0 ? R.value - 1 : R.value), kt = l(() => L.value === 11 ? R.value + 1 : R.value), At = l(() => Ot.value >= E), jt = l(() => kt.value <= D), Mt = l(() => St(z.value)), Nt = l(() => M.value ? h.icons.clock : h.icons.calendar), Pt = l(() => `${h.format} - ${h.format}`), Ft = l(() => ne(h.format)), It = l(() => `${Ft.value} - ${Ft.value}`);
-		w(() => Ze?.value?.inputRef, (e, t, n) => {
-			let r = Vn(e);
-			V = r, r && (r.addEventListener("click", Rn), n(() => {
-				V = null, r.removeEventListener("click", Rn);
+		let Ot = l(() => wt(z.value)), kt = l(() => Ot.value.startYear > E), At = l(() => Ot.value.endYear < D), jt = l(() => L.value === 0 ? R.value - 1 : R.value), Mt = l(() => L.value === 11 ? R.value + 1 : R.value), Nt = l(() => jt.value >= E), Pt = l(() => Mt.value <= D), Ft = l(() => Tt(z.value)), It = l(() => M.value ? h.icons.clock : h.icons.calendar), Lt = l(() => `${h.format} - ${h.format}`), Rt = l(() => re(h.format)), zt = l(() => `${Rt.value} - ${Rt.value}`);
+		w(() => et?.value?.inputRef, (e, t, n) => {
+			let r = Gn(e);
+			H = r, r && (r.addEventListener("click", Hn), n(() => {
+				H = null, r.removeEventListener("click", Hn);
 			}));
 		}, { flush: "post" }), w(k, () => {
-			F.value = null, ht();
+			F.value = null, vt();
 		});
-		function Lt(e) {
+		function Bt(e) {
 			return e === void 0 ? !1 : typeof e == "string" ? e.trim().length > 0 : e instanceof Date ? !0 : Array.isArray(e) ? e.length > 0 : !1;
 		}
-		let Rt = l(() => h.clearable && !h.readonly && !h.disabled && Lt(k.value));
-		function zt() {
-			Rt.value && (Yt(), k.value = void 0, P.value = "", er());
+		let Vt = l(() => h.clearable && !h.readonly && !h.disabled && Bt(k.value));
+		function Ht() {
+			Vt.value && ($t(), k.value = void 0, P.value = "", ir());
 		}
-		function Bt(e) {
-			!h.range || !q.value || !W.value || e.getFullYear() < E || e.getFullYear() > D || (K.value = new Date(e));
+		function Ut(e) {
+			!h.range || !J.value || !G.value || e.getFullYear() < E || e.getFullYear() > D || (q.value = new Date(e));
 		}
-		function Vt() {
-			K.value = null;
+		function Wt() {
+			q.value = null;
 		}
-		function Ht(e) {
+		function Gt(e) {
 			let t = e.currentTarget, n = e.relatedTarget;
-			!t || n && t.contains(n) || Vt();
+			!t || n && t.contains(n) || Wt();
 		}
-		function Ut(e) {
-			if (!h.range || !q.value || !W.value) return;
+		function Kt(e) {
+			if (!h.range || !J.value || !G.value) return;
 			let t = e.touches.item(0);
 			if (!t) return;
 			let n = document.elementFromPoint(t.clientX, t.clientY)?.closest("[data-day-index]");
 			if (!n) return;
 			let r = Number(n.dataset.dayIndex);
 			if (Number.isNaN(r)) return;
-			let i = gt.value[r];
-			i && Bt(i.date);
+			let i = yt.value[r];
+			i && Ut(i.date);
 		}
-		function Wt(e) {
-			if (!(h.readonly || h.disabled) && !(e.getFullYear() < E || e.getFullYear() > D)) if (h.range) if (q.value) {
-				let t = W.value ?? new Date(e), n = new Date(e), [r, i] = n < t ? [n, t] : [t, n];
-				A.value && i.setHours(23, 59, We.value ? 59 : 0, 0), k.value = [r, i], W.value = null, G.value = null, K.value = null, q.value = !1;
+		function qt(e) {
+			if (!(h.readonly || h.disabled) && !(e.getFullYear() < E || e.getFullYear() > D)) if (h.range) if (J.value) {
+				let t = G.value ?? new Date(e), n = new Date(e), [r, i] = n < t ? [n, t] : [t, n];
+				A.value && i.setHours(23, 59, Je.value ? 59 : 0, 0), k.value = [r, i], G.value = null, K.value = null, q.value = null, J.value = !1;
 			} else {
 				let t = new Date(e);
-				A.value && W.value && t.setHours(W.value.getHours(), W.value.getMinutes(), W.value.getSeconds(), W.value.getMilliseconds()), W.value = t, G.value = null, K.value = null, q.value = !0;
+				A.value && G.value && t.setHours(G.value.getHours(), G.value.getMinutes(), G.value.getSeconds(), G.value.getMilliseconds()), G.value = t, K.value = null, q.value = null, J.value = !0;
 			}
 			else {
 				let t = new Date(e);
-				U.value && !Dn(U.value) ? t.setHours(U.value.getHours(), U.value.getMinutes(), U.value.getSeconds()) : A.value && On(t), k.value = t;
+				W.value && !jn(W.value) ? t.setHours(W.value.getHours(), W.value.getMinutes(), W.value.getSeconds()) : A.value && Mn(t), k.value = t;
 			}
 		}
-		function J(e, t) {
-			R.value = e, t && Yn("year");
-		}
 		function Y(e, t) {
-			L.value = e, t && Yn("month");
+			R.value = e, t && $n("year");
 		}
-		function Gt() {
-			At.value && (L.value === 0 ? (Y(11), J(R.value - 1)) : Y(L.value - 1));
+		function X(e, t) {
+			L.value = e, t && $n("month");
 		}
-		function Kt() {
-			jt.value && (L.value === 11 ? (Y(0), J(R.value + 1)) : Y(L.value + 1));
+		function Jt() {
+			Nt.value && (L.value === 0 ? (X(11), Y(R.value - 1)) : X(L.value - 1));
 		}
-		function qt() {
-			Y((/* @__PURE__ */ new Date()).getMonth()), J((/* @__PURE__ */ new Date()).getFullYear()), Jn();
+		function Yt() {
+			Pt.value && (L.value === 11 ? (X(0), Y(R.value + 1)) : X(L.value + 1));
 		}
-		function Jt() {
-			let e = U.value, t = k.value;
+		function Xt() {
+			X((/* @__PURE__ */ new Date()).getMonth()), Y((/* @__PURE__ */ new Date()).getFullYear()), Qn();
+		}
+		function Zt() {
+			let e = W.value, t = k.value;
 			if (h.range && Array.isArray(t) && t.length > 0) {
 				let n = t[0];
-				n instanceof Date ? e = n : typeof n == "string" && (e = pe(n, h.format, ct.value));
+				n instanceof Date ? e = n : typeof n == "string" && (e = me(n, h.format, dt.value));
 			}
-			e ??= /* @__PURE__ */ new Date(), Y(e.getMonth()), J(e.getFullYear()), Jn();
+			e ??= /* @__PURE__ */ new Date(), X(e.getMonth()), Y(e.getFullYear()), Qn();
 		}
-		function X(e) {
-			return h.range ? e === 1 ? lt.value ?? G.value : U.value ?? W.value : U.value;
+		function Qt(e) {
+			return h.range ? e === 1 ? ft.value ?? K.value : W.value ?? G.value : W.value;
 		}
-		function Yt() {
-			W.value = null, G.value = null, K.value = null, q.value = !1;
+		function $t() {
+			G.value = null, K.value = null, q.value = null, J.value = !1;
 		}
-		function Xt(e, t) {
+		function en(e, t) {
 			return t < e ? [new Date(t), new Date(e)] : [new Date(e), new Date(t)];
 		}
-		function Zt() {
+		function tn() {
 			if (!h.range || !M.value) return;
 			let e = k.value;
 			if (!Array.isArray(e) || e.length < 2) return;
 			let t = e[0], n = e[1];
-			!(t instanceof Date) || !(n instanceof Date) || n >= t || (k.value = Xt(t, n));
+			!(t instanceof Date) || !(n instanceof Date) || n >= t || (k.value = en(t, n));
 		}
-		function Qt(e, t) {
+		function nn(e, t) {
 			if (!h.range) {
 				k.value = t;
 				return;
 			}
 			if (M.value) {
-				e === 0 ? W.value = t : G.value = t;
-				let n = e === 0 ? t : U.value ?? W.value, r = e === 1 ? t : lt.value;
+				e === 0 ? G.value = t : K.value = t;
+				let n = e === 0 ? t : W.value ?? G.value, r = e === 1 ? t : ft.value;
 				if (!n || !r) return;
-				k.value = [new Date(n), new Date(r)], Yt();
+				k.value = [new Date(n), new Date(r)], $t();
 				return;
 			}
-			if (q.value) {
-				e === 0 && (W.value = t);
+			if (J.value) {
+				e === 0 && (G.value = t);
 				return;
 			}
-			let n = U.value, r = lt.value;
+			let n = W.value, r = ft.value;
 			!n || !r || (k.value = e === 1 ? [n, t] : [t, r]);
 		}
 		function Z(e, t) {
-			let n = X(e) ?? (() => {
+			let n = Qt(e) ?? (() => {
 				let e = /* @__PURE__ */ new Date();
 				return e.setHours(0, 0, 0, 0), e;
 			})(), r = new Date(n);
-			t(r), Qt(e, r);
+			t(r), nn(e, r);
 		}
-		function $t(e) {
-			let t = X(e);
+		function rn(e) {
+			let t = Qt(e);
 			if (!t) return j.value ? 12 : 0;
 			let n = t.getHours();
 			return j.value ? n % 12 || 12 : n;
 		}
-		function en(e) {
-			return X(e)?.getMinutes() ?? 0;
+		function an(e) {
+			return Qt(e)?.getMinutes() ?? 0;
 		}
-		function tn(e) {
-			return X(e)?.getSeconds() ?? 0;
+		function on(e) {
+			return Qt(e)?.getSeconds() ?? 0;
 		}
-		function nn(e) {
-			let t = X(e);
+		function sn(e) {
+			let t = Qt(e);
 			return t ? t.getHours() >= 12 : !1;
 		}
 		function Q(e, t) {
 			return t ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e;
 		}
-		function rn(e, t) {
+		function cn(e, t) {
 			let n = e >= 12, r = e % 12 || 12;
 			return t === 1 ? r >= 12 ? Q(1, n) : r === 11 ? Q(12, !n) : Q(r + 1, n) : r <= 1 ? Q(12, n) : r === 12 ? Q(11, !n) : Q(r - 1, n);
 		}
-		function an(e) {
+		function ln(e) {
 			Z(e, (e) => {
-				j.value ? e.setHours(rn(e.getHours(), 1)) : e.setHours(e.getHours() >= 23 ? 0 : e.getHours() + 1);
+				j.value ? e.setHours(cn(e.getHours(), 1)) : e.setHours(e.getHours() >= 23 ? 0 : e.getHours() + 1);
 			});
 		}
-		function on(e) {
+		function un(e) {
 			Z(e, (e) => {
-				j.value ? e.setHours(rn(e.getHours(), -1)) : e.setHours(e.getHours() <= 0 ? 23 : e.getHours() - 1);
+				j.value ? e.setHours(cn(e.getHours(), -1)) : e.setHours(e.getHours() <= 0 ? 23 : e.getHours() - 1);
 			});
 		}
-		function sn(e) {
+		function dn(e) {
 			Z(e, (e) => {
 				e.setMinutes(e.getMinutes() >= 59 ? 0 : e.getMinutes() + 1);
 			});
 		}
-		function cn(e) {
+		function fn(e) {
 			Z(e, (e) => {
 				e.setMinutes(e.getMinutes() <= 0 ? 59 : e.getMinutes() - 1);
 			});
 		}
-		function ln(e) {
+		function pn(e) {
 			Z(e, (e) => {
 				e.setSeconds(e.getSeconds() >= 59 ? 0 : e.getSeconds() + 1);
 			});
 		}
-		function un(e) {
+		function mn(e) {
 			Z(e, (e) => {
 				e.setSeconds(e.getSeconds() <= 0 ? 59 : e.getSeconds() - 1);
 			});
 		}
-		function dn(e) {
+		function hn(e) {
 			return (e ?? "").replace(/\D/g, "");
 		}
-		function fn(e) {
+		function gn(e) {
 			return Math.min(23, Math.max(0, e));
 		}
-		function pn(e) {
+		function _n(e) {
 			return Math.min(12, Math.max(1, e));
 		}
-		function mn(e) {
+		function vn(e) {
 			return Math.min(59, Math.max(0, e));
 		}
-		function hn(e, t) {
-			let n = dn(e).slice(0, 2);
+		function yn(e, t) {
+			let n = hn(e).slice(0, 2);
 			if (n === "") return;
 			let r = Number.parseInt(n, 10);
 			if (Number.isNaN(r)) return;
-			let i = j.value ? pn(r) : fn(r);
+			let i = j.value ? _n(r) : gn(r);
 			Z(t, (e) => {
 				j.value ? e.setHours(Q(i, e.getHours() >= 12)) : e.setHours(i);
 			});
 		}
-		function gn(e, t) {
-			let n = dn(e).slice(0, 2);
+		function bn(e, t) {
+			let n = hn(e).slice(0, 2);
 			if (n === "") return;
 			let r = Number.parseInt(n, 10);
 			if (Number.isNaN(r)) return;
-			let i = mn(r);
+			let i = vn(r);
 			Z(t, (e) => {
 				e.setMinutes(i);
 			});
 		}
-		function _n(e, t) {
-			let n = dn(e).slice(0, 2);
+		function xn(e, t) {
+			let n = hn(e).slice(0, 2);
 			if (n === "") return;
 			let r = Number.parseInt(n, 10);
 			if (Number.isNaN(r)) return;
-			let i = mn(r);
+			let i = vn(r);
 			Z(t, (e) => {
 				e.setSeconds(i);
 			});
 		}
-		async function vn(e, t, n) {
+		async function Sn(e, t, n) {
 			if (e.ctrlKey || e.altKey || e.metaKey || !/^\d$/.test(e.key)) return;
 			let r = e.target;
 			if (!r) return;
@@ -395,33 +396,33 @@ var Ee = {
 			if (i === null || a === null || i !== a || r.maxLength <= 0 || r.value.length < r.maxLength || i >= r.value.length) return;
 			e.preventDefault();
 			let o = `${r.value.slice(0, i)}${e.key}${r.value.slice(i + 1)}`;
-			t === "hours" ? hn(o, n) : t === "minutes" ? gn(o, n) : _n(o, n);
+			t === "hours" ? yn(o, n) : t === "minutes" ? bn(o, n) : xn(o, n);
 			let s = Math.min(i + 1, r.maxLength);
 			await v(), r.setSelectionRange(s, s);
 		}
-		function yn(e, t) {
+		function Cn(e, t) {
 			Z(t, (t) => {
 				let n = t.getHours() % 12 || 12;
 				t.setHours(Q(n, e));
 			});
 		}
-		function bn(e, t) {
+		function wn(e, t) {
 			let n = e.trim();
-			return n ? pe(n, h.format, ct.value) || he(n) || Bn(n) || (t?.complete ? me(n, h.format, ct.value) : null) : null;
+			return n ? me(n, h.format, dt.value) || ge(n) || Wn(n) || (t?.complete ? he(n, h.format, dt.value) : null) : null;
 		}
-		function xn(e) {
+		function Tn(e) {
 			if (h.readonly || h.disabled) {
-				ht();
+				vt();
 				return;
 			}
 			let t = e ?? "";
 			F.value = t, P.value = t;
 		}
-		function Sn(e, t) {
+		function En(e, t) {
 			let n = e.split(" - ");
 			if (n.length !== 2) return null;
-			let r = n[0]?.trim() ?? "", i = n[1]?.trim() ?? "", a = bn(r, t), o = bn(i, t);
-			return !a || !o ? null : (wn(r) && wn(i) ? o < a : Date.UTC(o.getFullYear(), o.getMonth(), o.getDate()) < Date.UTC(a.getFullYear(), a.getMonth(), a.getDate())) ? {
+			let r = n[0]?.trim() ?? "", i = n[1]?.trim() ?? "", a = wn(r, t), o = wn(i, t);
+			return !a || !o ? null : (On(r) && On(i) ? o < a : Date.UTC(o.getFullYear(), o.getMonth(), o.getDate()) < Date.UTC(a.getFullYear(), a.getMonth(), a.getDate())) ? {
 				range: [o, a],
 				startSource: i,
 				endSource: r
@@ -431,270 +432,268 @@ var Ee = {
 				endSource: i
 			};
 		}
-		function Cn() {
+		function Dn() {
 			if (h.readonly || h.disabled) return !1;
-			let e = te(F.value ?? P.value, h.range ? Pt.value : h.format, { padMaxDigits: !0 });
-			if (!e) return F.value = null, Lt(k.value) && (k.value = void 0), P.value = "", !1;
+			let e = ne(F.value ?? P.value, h.range ? Lt.value : h.format, { padMaxDigits: !0 });
+			if (!e) return F.value = null, Bt(k.value) && (k.value = void 0), P.value = "", !1;
 			if (h.range) {
-				let t = _e(e, It.value), n = Sn(e, { complete: !0 }) ?? Sn(t, { complete: !0 });
+				let t = ve(e, zt.value), n = En(e, { complete: !0 }) ?? En(t, { complete: !0 });
 				if (n) {
-					let e = En(n.range, n.startSource, n.endSource);
-					return k.value = e, F.value = null, P.value = e.map((e) => re(e, h.format, ft.value)).join(" - "), !0;
+					let e = An(n.range, n.startSource, n.endSource);
+					return k.value = e, F.value = null, P.value = e.map((e) => ie(e, h.format, ht.value)).join(" - "), !0;
 				}
-				return F.value = null, ht(), !1;
+				return F.value = null, vt(), !1;
 			}
-			let t = te(_e(e, Ft.value), h.format), n = bn(e, { complete: !0 }) ?? me(t, h.format, ct.value);
-			if (!n) return F.value = null, ht(), !1;
-			let r = Tn(n, e, t);
-			return k.value = r, F.value = null, P.value = re(r, h.format, ft.value), !0;
+			let t = ne(ve(e, Rt.value), h.format), n = wn(e, { complete: !0 }) ?? he(t, h.format, dt.value);
+			if (!n) return F.value = null, vt(), !1;
+			let r = kn(n, e, t);
+			return k.value = r, F.value = null, P.value = ie(r, h.format, ht.value), !0;
 		}
-		function wn(e) {
-			return !A.value || ce(e, h.format) ? !0 : /\dT\d/i.test(e) || /\d{1,2}:\d{2}/.test(e);
+		function On(e) {
+			return !A.value || le(e, h.format) ? !0 : /\dT\d/i.test(e) || /\d{1,2}:\d{2}/.test(e);
 		}
-		function Tn(e, ...t) {
-			if (!A.value || h.range || t.some((e) => wn(e))) return e;
+		function kn(e, ...t) {
+			if (!A.value || h.range || t.some((e) => On(e))) return e;
 			let n = new Date(e);
-			return On(n), n;
+			return Mn(n), n;
 		}
-		function En(e, t, n) {
+		function An(e, t, n) {
 			if (!A.value) return e;
 			let [r, i] = e, a = new Date(r), o = new Date(i);
-			return wn(t) || a.setHours(0, 0, 0, 0), wn(n) || o.setHours(23, 59, We.value ? 59 : 0, 0), [a, o];
+			return On(t) || a.setHours(0, 0, 0, 0), On(n) || o.setHours(23, 59, Je.value ? 59 : 0, 0), [a, o];
 		}
-		function Dn(e) {
+		function jn(e) {
 			return e.getHours() === 0 && e.getMinutes() === 0 && e.getSeconds() === 0 && e.getMilliseconds() === 0;
 		}
-		function On(e) {
+		function Mn(e) {
 			let t = /* @__PURE__ */ new Date();
-			e.setHours(t.getHours(), t.getMinutes(), We.value ? t.getSeconds() : 0, We.value ? t.getMilliseconds() : 0);
+			e.setHours(t.getHours(), t.getMinutes(), Je.value ? t.getSeconds() : 0, Je.value ? t.getMilliseconds() : 0);
 		}
-		function kn(e) {
+		function Nn(e) {
 			let t = e.target;
-			if (!(t instanceof Element) || !H.value) return null;
+			if (!(t instanceof Element) || !U.value) return null;
 			let n = t.closest("button, input, select, textarea, a[href], [tabindex], [contenteditable]");
-			return n && H.value.contains(n) ? n : null;
+			return n && U.value.contains(n) ? n : null;
 		}
-		function An(e) {
+		function Pn(e) {
 			return !(e.matches(":disabled") || e.getAttribute("aria-disabled") === "true" || e.getAttribute("tabindex") === "-1");
 		}
-		function jn(e) {
-			if (!(e.target instanceof Node) || !H.value?.contains(e.target)) return;
-			Je = !0;
-			let t = kn(e);
-			t && !An(t) && e.preventDefault();
+		function Fn(e) {
+			if (!(e.target instanceof Node) || !U.value?.contains(e.target)) return;
+			Qe = !0;
+			let t = Nn(e);
+			t && !Pn(t) && e.preventDefault();
 		}
-		function Mn() {
-			return H.value ? Array.from(H.value.querySelectorAll(Ve)).filter((e) => e.offsetWidth > 0 || e.offsetHeight > 0 || e.getClientRects().length > 0) : [];
+		function In() {
+			return U.value ? Array.from(U.value.querySelectorAll(We)).filter((e) => e.offsetWidth > 0 || e.offsetHeight > 0 || e.getClientRects().length > 0) : [];
 		}
-		async function Nn(e) {
+		async function Ln(e) {
 			if (!(h.readonly || h.disabled)) {
 				if (e.key === "Enter") {
-					e.preventDefault(), Cn();
+					e.preventDefault(), Dn();
 					return;
-				} else if (e.key === "Tab") H.value?.setAttribute("inert", ""), Ye = !0, N.value = !1;
+				} else if (e.key === "Tab") U.value?.setAttribute("inert", ""), V = !0, N.value = !1;
 				else if (e.key === "ArrowDown") {
 					N.value = !0, await v();
-					let [t] = Mn();
+					let [t] = In();
 					if (!t) return;
-					e.preventDefault(), Je = !0, t.focus();
+					e.preventDefault(), Qe = !0, t.focus();
 				}
 			}
 		}
-		function Pn() {
-			er();
+		function Rn() {
+			ir();
 		}
-		async function Fn(e) {
+		async function zn(e) {
 			if (e.key !== "Tab") return;
-			let t = Mn();
+			let t = In();
 			if (!t.length) return;
 			let n = t[0], r = t[t.length - 1], i = document.activeElement;
 			if (e.shiftKey) {
 				if (i !== n) return;
-				e.preventDefault(), Je = !1, er();
+				e.preventDefault(), Qe = !1, ir();
 				return;
 			}
-			i === r && (er(), Ye = !1, N.value = !1);
+			i === r && (ir(), V = !1, N.value = !1);
 		}
-		async function In(e) {
-			if (Cn(), Je) {
-				Je = !1;
+		async function Bn(e) {
+			if (Dn(), Qe) {
+				Qe = !1;
 				return;
 			}
 			let t = e?.relatedTarget;
-			if (t instanceof Node && H.value?.contains(t)) return;
+			if (t instanceof Node && U.value?.contains(t)) return;
 			await v();
-			let n = Hn(), r = document.activeElement;
-			n !== r && (r instanceof Node && H.value?.contains(r) || (B = !1, N.value = !1, Ke.value = !1));
+			let n = Kn(), r = document.activeElement;
+			n !== r && (r instanceof Node && U.value?.contains(r) || (B = !1, N.value = !1, Xe.value = !1));
 		}
-		function Ln() {
+		function Vn() {
 			if (!(h.readonly || h.disabled)) {
-				if (Ke.value = !0, B) {
+				if (Xe.value = !0, B) {
 					B = !1;
 					return;
 				}
 				N.value ||= !0;
 			}
 		}
-		function Rn() {
+		function Hn() {
 			h.readonly || h.disabled || (B = !1, N.value = !0);
 		}
-		function zn(e) {
-			e || Xe(), N.value = e;
+		function Un(e) {
+			e || $e(), N.value = e;
 		}
-		function Bn(e) {
-			let t = he(e);
+		function Wn(e) {
+			let t = ge(e);
 			if (t) return t;
 			let n = /[A-Za-z]/.test(e), r = /^\d{4}[-/]\d{1,2}[-/]\d{1,2}(?:[ T]\d{1,2}:\d{2}(?::\d{2})?)?$/.test(e);
 			if (!n && !r) return null;
 			let i = new Date(e);
 			return Number.isNaN(i.getTime()) ? null : i;
 		}
-		function Vn(e) {
+		function Gn(e) {
 			return e instanceof HTMLInputElement ? e : typeof e == "object" && e && "value" in e && e.value instanceof HTMLInputElement ? e.value : null;
 		}
-		function Hn() {
-			if (V) return V;
-			let e = Vn(Ze.value?.inputRef);
-			if (e) return V = e, e;
-			let t = it(Ze.value?.fieldRef)?.querySelector(".q-text-field__input") ?? null;
-			return t ? (V = t, t) : null;
+		function Kn() {
+			if (H) return H;
+			let e = Gn(et.value?.inputRef);
+			if (e) return H = e, e;
+			let t = st(et.value?.fieldRef)?.querySelector(".q-text-field__input") ?? null;
+			return t ? (H = t, t) : null;
 		}
-		function Un(e) {
+		function qn(e) {
 			return e.isSelected || e.isRangeStart || e.isRangeEnd ? "bold" : e.isInRange ? "tonal" : "ghost";
 		}
-		function Wn(e) {
-			H.value?.style.setProperty("--q-date-view-height", `${Math.max(0, e)}px`);
+		function Jn(e) {
+			U.value?.style.setProperty("--q-date-view-height", `${Math.max(0, e)}px`);
 		}
-		async function Gn() {
+		async function Yn() {
 			if (!N.value || M.value) {
-				Wn(0);
+				Jn(0);
 				return;
 			}
-			I.value === "date" && (await v(), Wn(Qe.value?.getBoundingClientRect().height ?? 0));
+			I.value === "date" && (await v(), Jn(tt.value?.getBoundingClientRect().height ?? 0));
 		}
 		function $() {
-			qe?.disconnect(), qe = null;
+			Ze?.disconnect(), Ze = null;
 		}
-		async function Kn() {
-			!N.value || M.value || I.value !== "date" || (await v(), Qe.value && ($(), qe = new MutationObserver(() => {
-				Gn();
-			}), qe.observe(Qe.value, {
+		async function Xn() {
+			!N.value || M.value || I.value !== "date" || (await v(), tt.value && ($(), Ze = new MutationObserver(() => {
+				Yn();
+			}), Ze.observe(tt.value, {
 				childList: !0,
 				subtree: !0,
 				attributes: !0,
 				characterData: !0
-			}), Gn()));
+			}), Yn()));
 		}
-		function qn() {
+		function Zn() {
 			I.value = "time", $();
 		}
-		function Jn() {
-			I.value = "date", Kn();
+		function Qn() {
+			I.value = "date", Xn();
 		}
-		async function Yn(e) {
-			H.value?.focus(), Jn(), await v(), st(e === "year" ? et.value : e === "month" ? $e.value : e === "time" ? tt.value : null);
+		async function $n(e) {
+			U.value?.focus(), Qn(), await v(), ut(e === "year" ? rt.value : e === "month" ? nt.value : e === "time" ? it.value : null);
 		}
-		function Xn() {
+		function er() {
 			let e = I.value;
-			e !== "date" && Yn(e);
+			e !== "date" && $n(e);
 		}
-		async function Zn() {
+		async function tr() {
 			$(), I.value = "month", await v();
-			let e = nt.get(L.value);
+			let e = at.get(L.value);
 			e?.scrollIntoView({ block: "center" }), e?.focus();
 		}
-		async function Qn() {
-			$(), z.value = R.value, I.value = "year", await v(), rt.get(z.value)?.scrollIntoView({ block: "center" });
+		async function nr() {
+			$(), z.value = R.value, I.value = "year", await v(), ot.get(z.value)?.scrollIntoView({ block: "center" });
 		}
-		async function $n(e) {
+		async function rr(e) {
 			if (e.key !== "Escape") return;
 			if (B = !0, I.value === "date" || M.value) {
-				e.preventDefault(), N.value = !1, await v(), ar();
+				e.preventDefault(), N.value = !1, await v(), lr();
 				return;
 			}
 			e.preventDefault();
 			let t = I.value;
-			await Yn(t);
+			await $n(t);
 		}
-		function er() {
-			Hn()?.focus();
+		function ir() {
+			Kn()?.focus();
 		}
-		function tr(e) {
+		function ar(e) {
 			return !e || e === document.body || e === document.documentElement;
 		}
-		function nr(e, t) {
+		function or(e, t) {
 			return e.closest(".q-date-time-picker__menu") || t.closest(".q-date-time-picker")?.contains(e) || !(e instanceof HTMLElement) ? !1 : e.tabIndex >= 0 || e.matches("input, select, textarea, button, a[href], [tabindex]:not([tabindex=\"-1\"])");
 		}
-		function rr(e) {
-			let t = Hn();
-			return t ? e === t || !e || !e.isConnected || tr(e) || H.value?.contains(e) ? !0 : !nr(e, t) : !1;
+		function sr(e) {
+			let t = Kn();
+			return t ? e === t || !e || !e.isConnected || ar(e) || U.value?.contains(e) ? !0 : !or(e, t) : !1;
 		}
-		function ir() {
-			if (Ye) return;
-			let e = Hn();
-			!e || !rr(document.activeElement) || (B = !0, e.focus());
+		function cr() {
+			if (V) return;
+			let e = Kn();
+			!e || !sr(document.activeElement) || (B = !0, e.focus());
 		}
-		function ar() {
+		function lr() {
 			v().then(() => {
 				requestAnimationFrame(() => {
 					requestAnimationFrame(() => {
-						ir();
+						cr();
 					});
 				});
 			});
 		}
-		function or() {
-			Xe();
-			let e = Ye;
-			Ye = !1, !e && (B = !0, ar());
+		function ur() {
+			$e();
+			let e = V;
+			V = !1, !e && (B = !0, lr());
 		}
 		return w(k, () => {
-			U.value && (Y(U.value.getMonth()), J(U.value.getFullYear()));
+			W.value && (X(W.value.getMonth()), Y(W.value.getFullYear()));
 		}), w(N, (e, t) => {
-			if (e && t === !1 ? ye("open") : !e && t === !0 && ye("close"), M.value) {
-				$(), Wn(0), e ? (document.addEventListener("keydown", $n, { capture: !0 }), qn()) : (t && (Zt(), or()), document.removeEventListener("keydown", $n, { capture: !0 }));
+			if (e && t === !1 ? be("open") : !e && t === !0 && be("close"), M.value) {
+				$(), Jn(0), e ? (document.addEventListener("keydown", rr, { capture: !0 }), Zn()) : (t && (tn(), ur()), document.removeEventListener("keydown", rr, { capture: !0 }));
 				return;
 			}
-			Yt(), e ? (document.addEventListener("keydown", $n, { capture: !0 }), Jt(), Kn()) : (t && or(), document.removeEventListener("keydown", $n, { capture: !0 }), $(), Wn(0));
+			$t(), e ? (document.addEventListener("keydown", rr, { capture: !0 }), Zt(), Xn()) : (t && ur(), document.removeEventListener("keydown", rr, { capture: !0 }), $(), Jn(0));
 		}), w(M, (e) => {
-			e && $(), N.value = !1, e && Wn(0), e ? qn() : Jn();
-		}, { immediate: !0 }), xe(() => {
-			$(), document.removeEventListener("keydown", $n, { capture: !0 });
-		}), (i, a) => (b(), f(c, null, [m(S(n), _({
-			id: h.id,
+			e && $(), N.value = !1, e && Jn(0), e ? Zn() : Qn();
+		}, { immediate: !0 }), Se(() => {
+			$(), document.removeEventListener("keydown", rr, { capture: !0 });
+		}), (e, a) => (b(), f(c, null, [m(S(i), _({
+			id: S(Ge),
 			ref: "field",
 			"model-value": P.value,
 			class: ["q-date-time-picker", h.class],
-			clearable: Rt.value,
-			"aria-label": h.label,
+			clearable: Vt.value,
 			label: h.label,
 			"label-position": h.labelPosition,
 			readonly: h.readonly,
 			disabled: h.disabled,
-			placeholder: Ue.value,
+			placeholder: qe.value,
 			required: h.required,
 			size: h.size,
 			invalid: h.invalid
-		}, i.$attrs, {
-			onBlur: In,
-			"onClick:clear": zt,
-			onDrop: Pn,
-			onFocusin: Ln,
-			onKeydown: Nn,
-			"onUpdate:modelValue": xn
-		}), ve({
-			prepend: T(() => [m(S(t), _({ class: "q-date-time-picker__input-icon" }, Nt.value), null, 16)]),
+		}, e.$attrs, {
+			onBlur: Bn,
+			"onClick:clear": Ht,
+			onDrop: Rn,
+			onFocusin: Vn,
+			onKeydown: Ln,
+			"onUpdate:modelValue": Tn
+		}), ye({
+			prepend: T(() => [m(S(n), _({ class: "q-date-time-picker__input-icon" }, It.value), null, 16)]),
 			_: 2
-		}, [i.$slots.extras ? {
+		}, [e.$slots.extras ? {
 			name: "extras",
-			fn: T(() => [Ce(i.$slots, "extras")]),
+			fn: T(() => [we(e.$slots, "extras")]),
 			key: "0"
 		} : void 0]), 1040, [
 			"id",
 			"model-value",
 			"class",
 			"clearable",
-			"aria-label",
 			"label",
 			"label-position",
 			"readonly",
@@ -706,7 +705,7 @@ var Ee = {
 		]), !h.readonly && !h.disabled ? (b(), u(S(r), {
 			key: 0,
 			"model-value": N.value,
-			anchor: Ze.value?.fieldRef,
+			anchor: et.value?.fieldRef,
 			inline: h.inline,
 			offset: 8,
 			placement: "bottom",
@@ -714,83 +713,83 @@ var Ee = {
 			arrow: "",
 			"non-modal": "",
 			spy: "",
-			"onUpdate:modelValue": zn
+			"onUpdate:modelValue": Un
 		}, {
 			default: T(() => [p("div", {
 				ref: "menu",
 				class: "q-date-time-picker__menu",
 				tabindex: "-1",
-				onPointerdownCapture: jn,
-				onKeydown: Fn
+				onPointerdownCapture: Fn,
+				onKeydown: zn
 			}, [
 				d(" Calendar View "),
-				I.value === "date" ? (b(), f("div", Ee, [
+				I.value === "date" ? (b(), f("div", Oe, [
 					d(" Header "),
-					p("div", De, [
-						m(S(e), {
+					p("div", ke, [
+						m(S(t), {
 							variant: "ghost",
-							disabled: !At.value,
+							disabled: !Nt.value,
 							title: h.texts.previousMonth,
-							onClick: Gt
+							onClick: Jt
 						}, {
-							default: T(() => [m(S(t), y(g(h.icons.back)), null, 16)]),
+							default: T(() => [m(S(n), y(g(h.icons.back)), null, 16)]),
 							_: 1
 						}, 8, ["disabled", "title"]),
-						m(S(e), {
+						m(S(t), {
 							ref: "monthHeader",
 							"data-testid": "q-date-time-picker-month-header",
 							variant: "ghost",
-							label: bt(L.value, 3),
+							label: Ct(L.value, 3),
 							title: h.texts.pickMonth,
-							onClick: Zn
+							onClick: tr
 						}, null, 8, ["label", "title"]),
-						m(S(e), {
+						m(S(t), {
 							ref: "yearHeader",
 							"data-testid": "q-date-time-picker-year-header",
 							variant: "ghost",
 							label: R.value.toString(),
 							title: h.texts.pickYear,
-							onClick: Qn
+							onClick: nr
 						}, null, 8, ["label", "title"]),
-						m(S(e), {
+						m(S(t), {
 							variant: "ghost",
-							disabled: !jt.value,
+							disabled: !Pt.value,
 							title: h.texts.nextMonth,
-							onClick: Kt
+							onClick: Yt
 						}, {
-							default: T(() => [m(S(t), y(g(h.icons.forward)), null, 16)]),
+							default: T(() => [m(S(n), y(g(h.icons.forward)), null, 16)]),
 							_: 1
 						}, 8, ["disabled", "title"])
 					]),
 					d(" Weekday Headers "),
-					p("div", Oe, [(b(!0), f(c, null, Se(vt.value, (e) => (b(), f("div", {
+					p("div", Ae, [(b(!0), f(c, null, Ce(xt.value, (e) => (b(), f("div", {
 						key: e,
 						class: "q-date-time-picker__weekday"
-					}, we(e), 1))), 128))]),
+					}, Te(e), 1))), 128))]),
 					d(" Days Grid "),
 					p("div", {
 						class: "q-date-time-picker__days",
-						onMouseleave: Vt,
-						onFocusout: Ht,
-						onTouchstartPassive: Ut,
-						onTouchmovePassive: Ut
-					}, [(b(!0), f(c, null, Se(gt.value, (t, n) => (b(), u(S(e), {
+						onMouseleave: Wt,
+						onFocusout: Gt,
+						onTouchstartPassive: Kt,
+						onTouchmovePassive: Kt
+					}, [(b(!0), f(c, null, Ce(yt.value, (e, n) => (b(), u(S(t), {
 						key: n,
 						"data-day-index": n,
-						class: be(["q-date-time-picker__day", {
-							"q-date-time-picker__day--other-month": !t.isCurrentMonth,
-							"q-date-time-picker__day--today": t.isToday,
-							"q-date-time-picker__day--selected": t.isSelected,
-							"q-date-time-picker__day--in-range": t.isInRange,
-							"q-date-time-picker__day--range-start": t.isRangeStart,
-							"q-date-time-picker__day--range-end": t.isRangeEnd
+						class: xe(["q-date-time-picker__day", {
+							"q-date-time-picker__day--other-month": !e.isCurrentMonth,
+							"q-date-time-picker__day--today": e.isToday,
+							"q-date-time-picker__day--selected": e.isSelected,
+							"q-date-time-picker__day--in-range": e.isInRange,
+							"q-date-time-picker__day--range-start": e.isRangeStart,
+							"q-date-time-picker__day--range-end": e.isRangeEnd
 						}]),
-						label: t.date.getDate().toString(),
-						variant: Un(t),
-						disabled: t.isDisabled,
-						onMouseenter: () => Bt(t.date),
-						onFocus: () => Bt(t.date),
-						onClick: () => Wt(t.date)
+						label: e.date.getDate().toString(),
+						variant: qn(e),
+						disabled: e.isDisabled,
+						onMouseenter: () => Ut(e.date),
+						onFocus: () => Ut(e.date),
+						onClick: () => qt(e.date)
 					}, null, 8, [
 						"data-day-index",
 						"class",
@@ -801,168 +800,208 @@ var Ee = {
 						"onFocus",
 						"onClick"
 					]))), 128))], 32)
-				], 512)) : I.value === "time" ? (b(), f(c, { key: 1 }, [d(" Time View "), p("div", ke, [(b(!0), f(c, null, Se(h.range ? 2 : 1, (r) => (b(), f("div", {
-					key: r,
-					class: "q-date-time-picker__time-group"
+				], 512)) : I.value === "time" ? (b(), f(c, { key: 1 }, [d(" Time View "), p("div", je, [(b(!0), f(c, null, Ce(h.range ? 2 : 1, (e) => (b(), f("div", {
+					key: e,
+					class: "q-date-time-picker__time-group",
+					role: h.range ? "group" : void 0,
+					"aria-label": h.range ? e === 1 ? h.texts.startTime : h.texts.endTime : void 0
 				}, [
-					j.value ? (b(), f("div", Ae, [m(S(ee), {
-						"model-value": nn(r - 1),
+					j.value ? (b(), f("div", Ne, [m(S(te), {
+						"model-value": sn(e - 1),
 						"show-state-labels": "",
 						size: "small",
+						"aria-label": h.texts.pm,
 						"false-label": h.texts.am,
 						"true-label": h.texts.pm,
-						"onUpdate:modelValue": (e) => yn(e ?? !1, r - 1)
+						"onUpdate:modelValue": (t) => Cn(t ?? !1, e - 1)
 					}, null, 8, [
 						"model-value",
+						"aria-label",
 						"false-label",
 						"true-label",
 						"onUpdate:modelValue"
 					])])) : d("v-if", !0),
 					d(" Time Inputs "),
-					p("div", je, [
-						p("div", Me, [
-							m(S(e), {
+					p("div", Pe, [
+						p("div", Fe, [
+							m(S(t), {
 								variant: "ghost",
 								title: h.texts.increaseHour,
-								onClick: (e) => an(r - 1)
+								"aria-label": h.texts.increaseHour,
+								onClick: (t) => ln(e - 1)
 							}, {
-								default: T(() => [m(S(t), _({ ref_for: !0 }, h.icons.up), null, 16)]),
+								default: T(() => [m(S(n), _({ ref_for: !0 }, h.icons.up), null, 16)]),
 								_: 1
-							}, 8, ["title", "onClick"]),
-							m(S(n), {
+							}, 8, [
+								"title",
+								"aria-label",
+								"onClick"
+							]),
+							m(S(i), {
 								class: "q-date-time-picker__time-number",
 								size: "small",
 								inputmode: "numeric",
 								"max-length": 2,
-								"model-value": S(fe)($t(r - 1)),
-								onKeydown: (e) => vn(e, "hours", r - 1),
-								"onUpdate:modelValue": (e) => hn(e, r - 1)
+								"aria-label": h.texts.hours,
+								"model-value": S(pe)(rn(e - 1)),
+								onKeydown: (t) => Sn(t, "hours", e - 1),
+								"onUpdate:modelValue": (t) => yn(t, e - 1)
 							}, null, 8, [
+								"aria-label",
 								"model-value",
 								"onKeydown",
 								"onUpdate:modelValue"
 							]),
-							m(S(e), {
+							m(S(t), {
 								variant: "ghost",
 								title: h.texts.decreaseHour,
-								onClick: (e) => on(r - 1)
+								"aria-label": h.texts.decreaseHour,
+								onClick: (t) => un(e - 1)
 							}, {
-								default: T(() => [m(S(t), _({ ref_for: !0 }, h.icons.down), null, 16)]),
+								default: T(() => [m(S(n), _({ ref_for: !0 }, h.icons.down), null, 16)]),
 								_: 1
-							}, 8, ["title", "onClick"])
+							}, 8, [
+								"title",
+								"aria-label",
+								"onClick"
+							])
 						]),
 						a[1] ||= p("div", { class: "q-date-time-picker__time-separator" }, ":", -1),
-						p("div", Ne, [
-							m(S(e), {
+						p("div", Ie, [
+							m(S(t), {
 								variant: "ghost",
 								title: h.texts.increaseMinute,
-								onClick: (e) => sn(r - 1)
+								"aria-label": h.texts.increaseMinute,
+								onClick: (t) => dn(e - 1)
 							}, {
-								default: T(() => [m(S(t), _({ ref_for: !0 }, h.icons.up), null, 16)]),
+								default: T(() => [m(S(n), _({ ref_for: !0 }, h.icons.up), null, 16)]),
 								_: 1
-							}, 8, ["title", "onClick"]),
-							m(S(n), {
+							}, 8, [
+								"title",
+								"aria-label",
+								"onClick"
+							]),
+							m(S(i), {
 								class: "q-date-time-picker__time-number",
 								size: "small",
 								inputmode: "numeric",
 								"max-length": 2,
-								"model-value": S(fe)(en(r - 1)),
-								onKeydown: (e) => vn(e, "minutes", r - 1),
-								"onUpdate:modelValue": (e) => gn(e, r - 1)
+								"aria-label": h.texts.minutes,
+								"model-value": S(pe)(an(e - 1)),
+								onKeydown: (t) => Sn(t, "minutes", e - 1),
+								"onUpdate:modelValue": (t) => bn(t, e - 1)
 							}, null, 8, [
+								"aria-label",
 								"model-value",
 								"onKeydown",
 								"onUpdate:modelValue"
 							]),
-							m(S(e), {
+							m(S(t), {
 								variant: "ghost",
 								title: h.texts.decreaseMinute,
-								onClick: (e) => cn(r - 1)
+								"aria-label": h.texts.decreaseMinute,
+								onClick: (t) => fn(e - 1)
 							}, {
-								default: T(() => [m(S(t), _({ ref_for: !0 }, h.icons.down), null, 16)]),
+								default: T(() => [m(S(n), _({ ref_for: !0 }, h.icons.down), null, 16)]),
 								_: 1
-							}, 8, ["title", "onClick"])
+							}, 8, [
+								"title",
+								"aria-label",
+								"onClick"
+							])
 						]),
-						We.value ? (b(), f(c, { key: 0 }, [a[0] ||= p("div", { class: "q-date-time-picker__time-separator" }, ":", -1), p("div", Pe, [
-							m(S(e), {
+						Je.value ? (b(), f(c, { key: 0 }, [a[0] ||= p("div", { class: "q-date-time-picker__time-separator" }, ":", -1), p("div", Le, [
+							m(S(t), {
 								variant: "ghost",
 								title: h.texts.increaseSecond,
-								onClick: (e) => ln(r - 1)
+								"aria-label": h.texts.increaseSecond,
+								onClick: (t) => pn(e - 1)
 							}, {
-								default: T(() => [m(S(t), _({ ref_for: !0 }, h.icons.up), null, 16)]),
+								default: T(() => [m(S(n), _({ ref_for: !0 }, h.icons.up), null, 16)]),
 								_: 1
-							}, 8, ["title", "onClick"]),
-							m(S(n), {
+							}, 8, [
+								"title",
+								"aria-label",
+								"onClick"
+							]),
+							m(S(i), {
 								class: "q-date-time-picker__time-number",
 								size: "small",
 								inputmode: "numeric",
 								"max-length": 2,
-								"model-value": S(fe)(tn(r - 1)),
-								onKeydown: (e) => vn(e, "seconds", r - 1),
-								"onUpdate:modelValue": (e) => _n(e, r - 1)
+								"aria-label": h.texts.seconds,
+								"model-value": S(pe)(on(e - 1)),
+								onKeydown: (t) => Sn(t, "seconds", e - 1),
+								"onUpdate:modelValue": (t) => xn(t, e - 1)
 							}, null, 8, [
+								"aria-label",
 								"model-value",
 								"onKeydown",
 								"onUpdate:modelValue"
 							]),
-							m(S(e), {
+							m(S(t), {
 								variant: "ghost",
 								title: h.texts.decreaseSecond,
-								onClick: (e) => un(r - 1)
+								"aria-label": h.texts.decreaseSecond,
+								onClick: (t) => mn(e - 1)
 							}, {
-								default: T(() => [m(S(t), _({ ref_for: !0 }, h.icons.down), null, 16)]),
+								default: T(() => [m(S(n), _({ ref_for: !0 }, h.icons.down), null, 16)]),
 								_: 1
-							}, 8, ["title", "onClick"])
+							}, 8, [
+								"title",
+								"aria-label",
+								"onClick"
+							])
 						])], 64)) : d("v-if", !0)
 					])
-				]))), 128))])], 2112)) : I.value === "month" ? (b(), f(c, { key: 2 }, [d(" Month View "), p("div", Fe, [(b(!0), f(c, null, Se(yt.value, (t, n) => (b(), u(S(e), {
+				], 8, Me))), 128))])], 2112)) : I.value === "month" ? (b(), f(c, { key: 2 }, [d(" Month View "), p("div", Re, [(b(!0), f(c, null, Ce(St.value, (e, n) => (b(), u(S(t), {
 					key: n,
 					ref_for: !0,
-					ref: (e) => at(e, n),
+					ref: (e) => ct(e, n),
 					"data-testid": "q-date-time-picker-month-option",
 					"data-month-index": n,
 					disabled: L.value === n,
-					label: t,
-					title: bt(n),
+					label: e,
+					title: Ct(n),
 					variant: "ghost",
-					onClick: () => Y(n, !0)
+					onClick: () => X(n, !0)
 				}, null, 8, [
 					"data-month-index",
 					"disabled",
 					"label",
 					"title",
 					"onClick"
-				]))), 128))])], 2112)) : I.value === "year" ? (b(), f(c, { key: 3 }, [d(" Year View "), p("div", Ie, [p("div", Le, [
-					m(S(e), {
+				]))), 128))])], 2112)) : I.value === "year" ? (b(), f(c, { key: 3 }, [d(" Year View "), p("div", ze, [p("div", Be, [
+					m(S(t), {
 						variant: "ghost",
-						disabled: !Et.value,
+						disabled: !kt.value,
 						title: h.texts.previousYears,
-						onClick: Ct
+						onClick: Et
 					}, {
-						default: T(() => [m(S(t), y(g(h.icons.back)), null, 16)]),
+						default: T(() => [m(S(n), y(g(h.icons.back)), null, 16)]),
 						_: 1
 					}, 8, ["disabled", "title"]),
-					p("div", Re, we(Tt.value.startYear) + " - " + we(Tt.value.endYear), 1),
-					m(S(e), {
+					p("div", Ve, Te(Ot.value.startYear) + " - " + Te(Ot.value.endYear), 1),
+					m(S(t), {
 						variant: "ghost",
-						disabled: !Dt.value,
+						disabled: !At.value,
 						title: h.texts.nextYears,
-						onClick: wt
+						onClick: Dt
 					}, {
-						default: T(() => [m(S(t), y(g(h.icons.forward)), null, 16)]),
+						default: T(() => [m(S(n), y(g(h.icons.forward)), null, 16)]),
 						_: 1
 					}, 8, ["disabled", "title"])
-				]), p("div", ze, [(b(!0), f(c, null, Se(Mt.value, (t, n) => (b(), u(S(e), {
+				]), p("div", He, [(b(!0), f(c, null, Ce(Ft.value, (e, n) => (b(), u(S(t), {
 					key: n,
 					ref_for: !0,
-					ref: (e) => ot(e, t),
+					ref: (t) => lt(t, e),
 					"data-testid": "q-date-time-picker-year-option",
-					"data-year": t,
-					disabled: R.value === t,
-					label: t.toString(),
-					title: t,
+					"data-year": e,
+					disabled: R.value === e,
+					label: e.toString(),
+					title: e,
 					variant: "ghost",
-					onClick: () => J(t, !0)
+					onClick: () => Y(e, !0)
 				}, null, 8, [
 					"data-year",
 					"disabled",
@@ -970,46 +1009,46 @@ var Ee = {
 					"title",
 					"onClick"
 				]))), 128))])])], 2112)) : d("v-if", !0),
-				p("div", Be, [
-					M.value ? d("v-if", !0) : (b(), u(S(e), {
+				p("div", Ue, [
+					M.value ? d("v-if", !0) : (b(), u(S(t), {
 						key: 0,
 						variant: "ghost",
-						disabled: Ge.value,
+						disabled: Ye.value,
 						title: h.texts.today,
-						onClick: qt
+						onClick: Xt
 					}, {
-						default: T(() => [m(S(t), y(g(h.icons.today)), null, 16)]),
+						default: T(() => [m(S(n), y(g(h.icons.today)), null, 16)]),
 						_: 1
 					}, 8, ["disabled", "title"])),
-					A.value && I.value === "date" ? (b(), u(S(e), {
+					A.value && I.value === "date" ? (b(), u(S(t), {
 						key: 1,
 						ref: "toggleTime",
 						"data-testid": "q-date-time-picker-toggle-time",
 						variant: "ghost",
 						title: h.texts.toggleMode,
-						onClick: qn
+						onClick: Zn
 					}, {
-						default: T(() => [m(S(t), y(g(h.icons.clock)), null, 16)]),
+						default: T(() => [m(S(n), y(g(h.icons.clock)), null, 16)]),
 						_: 1
-					}, 8, ["title"])) : I.value !== "date" && !M.value ? (b(), u(S(e), {
+					}, 8, ["title"])) : I.value !== "date" && !M.value ? (b(), u(S(t), {
 						key: 2,
 						"data-testid": "q-date-time-picker-toggle-date",
 						variant: "ghost",
 						title: h.texts.toggleMode,
-						onClick: Xn
+						onClick: er
 					}, {
-						default: T(() => [m(S(t), y(g(h.icons.calendar)), null, 16)]),
+						default: T(() => [m(S(n), y(g(h.icons.calendar)), null, 16)]),
 						_: 1
 					}, 8, ["title"])) : d("v-if", !0),
-					h.clearable ? (b(), u(S(e), {
+					h.clearable ? (b(), u(S(t), {
 						key: 3,
 						"data-testid": "q-date-time-picker-clear",
 						variant: "ghost",
-						disabled: !Rt.value,
+						disabled: !Vt.value,
 						title: h.texts.clearValue,
-						onClick: zt
+						onClick: Ht
 					}, {
-						default: T(() => [m(S(t), y(g(h.icons.delete)), null, 16)]),
+						default: T(() => [m(S(n), y(g(h.icons.delete)), null, 16)]),
 						_: 1
 					}, 8, ["disabled", "title"])) : d("v-if", !0)
 				])
@@ -1023,4 +1062,4 @@ var Ee = {
 	}
 });
 //#endregion
-export { He as default };
+export { Ge as default };