@quidgest/ui 0.17.0 → 0.17.1

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

@@ -1,23 +1,23 @@
-import { defineComponent as xn, mergeModels as Tn, useModel as Sn, computed as s, ref as q, useTemplateRef as Be, watch as se, onBeforeUnmount as In, createElementBlock as S, openBlock as f, Fragment as V, createVNode as i, createBlock as U, createCommentVNode as M, unref as o, normalizeClass as yt, createSlots as Cn, withCtx as b, mergeProps as ne, renderSlot as Hn, createElementVNode as k, normalizeProps as W, guardReactiveProps as Q, renderList as ge, toDisplayString as Le, nextTick as F } from "vue";
-import { WEEKDAY_NAMES as Oe, MONTH_NAMES as $e, DEFAULT_TEXTS as qn, DEFAULT_ICONS as En } from "./constants.js";
+import { defineComponent as Yn, mergeModels as Pn, useModel as An, computed as s, ref as R, useTemplateRef as ie, watch as se, onBeforeUnmount as Ln, createElementBlock as H, openBlock as f, Fragment as Y, createVNode as i, createBlock as U, createCommentVNode as M, unref as o, normalizeClass as kt, createSlots as On, withCtx as b, mergeProps as te, renderSlot as Bn, createElementVNode as k, normalizeProps as W, guardReactiveProps as j, renderList as ge, toDisplayString as ze, nextTick as F } from "vue";
+import { WEEKDAY_NAMES as Ue, MONTH_NAMES as We, DEFAULT_TEXTS as Kn, DEFAULT_ICONS as $n } from "./constants.js";
 import { QButton as p } from "../QButton/index.js";
 import { QIcon as w } from "../QIcon/index.js";
-import { QOverlay as Fn } from "../QOverlay/index.js";
-import { QSwitch as Nn } from "../QSwitch/index.js";
-import { QTextField as Me } from "../QTextField/index.js";
-import { useInputMask as Rn, applyMask as we, clampNumericSegments as ht, resolveCursorPosition as Pn } from "../../composables/useInputMask/index.js";
-import { formatUsesTime as Vn, formatUsesSeconds as Yn, uses12HourFormat as An, isTimeOnlyFormat as Bn, parseDate as L, formatDate as j, getFirstDayOfMonth as Ln, getDaysInMonth as bt, isBetween as On, isSameDay as xe, convertDatePatternToMask as $n, padNumber as Ke, parseDateWithCompletion as ze, inputIncludesTimePortion as kt } from "../../utils/date.js";
-const Kn = {
+import { QOverlay as zn } from "../QOverlay/index.js";
+import { QSwitch as Un } from "../QSwitch/index.js";
+import { QTextField as Te } from "../QTextField/index.js";
+import { useInputMask as Wn, applyMask as xe, clampNumericSegments as _t, resolveCursorPosition as jn } from "../../composables/useInputMask/index.js";
+import { formatUsesTime as Qn, formatUsesSeconds as Gn, uses12HourFormat as Xn, isTimeOnlyFormat as Zn, parseDate as O, formatDate as Q, getFirstDayOfMonth as Jn, getDaysInMonth as Dt, isBetween as ea, isSameDay as He, convertDatePatternToMask as ta, padNumber as je, parseDateWithCompletion as Qe, inputIncludesTimePortion as Mt } from "../../utils/date.js";
+const na = {
   key: 0,
   ref: "calendar",
   class: "q-date-time-picker__calendar"
-}, zn = { class: "q-date-time-picker__header" }, Un = { class: "q-date-time-picker__weekdays" }, Wn = { class: "q-date-time-picker__time" }, Qn = {
+}, aa = { class: "q-date-time-picker__header" }, la = { class: "q-date-time-picker__weekdays" }, ra = { class: "q-date-time-picker__time" }, ua = {
   key: 0,
   class: "q-date-time-picker__time-period"
-}, jn = { class: "q-date-time-picker__time-inputs" }, Gn = { class: "q-date-time-picker__time-input-group" }, Xn = { class: "q-date-time-picker__time-input-group" }, Zn = { class: "q-date-time-picker__time-input-group" }, Jn = { class: "q-date-time-picker__month-grid" }, ea = { class: "q-date-time-picker__year" }, ta = { class: "q-date-time-picker__year-change" }, na = { class: "q-date-time-picker__year-interval" }, aa = { class: "q-date-time-picker__year-grid" }, la = { class: "q-date-time-picker__bottom-bar" }, G = 1001, X = 9999, ce = 26, _t = 'a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable]', ma = /* @__PURE__ */ xn({
+}, oa = { class: "q-date-time-picker__time-inputs" }, ia = { class: "q-date-time-picker__time-input-group" }, sa = { class: "q-date-time-picker__time-input-group" }, ca = { class: "q-date-time-picker__time-input-group" }, da = { class: "q-date-time-picker__month-grid" }, fa = { class: "q-date-time-picker__year" }, va = { class: "q-date-time-picker__year-change" }, ma = { class: "q-date-time-picker__year-interval" }, pa = { class: "q-date-time-picker__year-grid" }, ga = { class: "q-date-time-picker__bottom-bar" }, G = 1001, X = 9999, ce = 26, wt = 'a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable]', xa = /* @__PURE__ */ Yn({
   inheritAttrs: !1,
   __name: "QDateTimePicker",
-  props: /* @__PURE__ */ Tn({
+  props: /* @__PURE__ */ Pn({
     id: {},
     class: {},
     label: {},
@@ -33,42 +33,64 @@ const Kn = {
     clearable: { type: Boolean },
     format: { default: "dd/MM/yyyy HH:mm" },
     range: { type: Boolean },
-    icons: { default: () => En },
-    texts: { default: () => qn }
+    icons: { default: () => $n },
+    texts: { default: () => Kn }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(Ue) {
-    const l = Ue, We = Sn(Ue, "modelValue"), v = s({
-      get: () => We.value,
-      set: (e) => We.value = e || void 0
-    }), Dt = s(
+  setup(Ge) {
+    const l = Ge, Xe = An(Ge, "modelValue"), v = s({
+      get: () => Xe.value,
+      set: (e) => Xe.value = e || void 0
+    }), Tt = s(
       () => l.readonly || l.disabled ? void 0 : l.placeholder
-    ), ae = s(() => Vn(l.format)), ye = s(() => Yn(l.format)), Z = s(() => An(l.format)), J = s(() => Bn(l.format)), Mt = s(
+    ), ne = s(() => Qn(l.format)), ye = s(() => Gn(l.format)), Z = s(() => Xn(l.format)), J = s(() => Zn(l.format)), xt = s(
       () => g.value === (/* @__PURE__ */ new Date()).getMonth() && h.value === (/* @__PURE__ */ new Date()).getFullYear()
-    ), x = q(!1), Te = q(!1), _ = q(""), I = q(null), Y = q(!1);
+    ), T = R(!1), Se = R(!1), _ = R(""), S = R(null), P = R(!1);
     let de = 0;
-    const D = q("date"), g = q((/* @__PURE__ */ new Date()).getMonth()), h = q((/* @__PURE__ */ new Date()).getFullYear()), le = q((/* @__PURE__ */ new Date()).getFullYear());
-    let re = null, O = !1, fe = !1, Se = !1;
-    function Qe() {
+    const D = R("date"), g = R((/* @__PURE__ */ new Date()).getMonth()), h = R((/* @__PURE__ */ new Date()).getFullYear()), ae = R((/* @__PURE__ */ new Date()).getFullYear());
+    let le = null, B = !1, fe = !1, Ce = !1;
+    function Ze() {
       queueMicrotask(() => {
         requestAnimationFrame(() => {
           var a, n;
-          const e = ie((a = C.value) == null ? void 0 : a.inputRef), t = document.activeElement;
-          if (e && (t === e || t instanceof Node && ((n = N.value) != null && n.contains(t)))) {
-            O = !0;
+          const e = oe((a = C.value) == null ? void 0 : a.inputRef), t = document.activeElement;
+          if (e && (t === e || t instanceof Node && ((n = E.value) != null && n.contains(t)))) {
+            B = !0;
             return;
           }
-          O = !1;
+          B = !1;
         });
       });
     }
-    const C = Be("field"), N = Be("menu"), Ie = Be("calendar"), E = s(() => ({
+    const C = ie("field"), E = ie("menu"), Ie = ie("calendar"), Ht = ie("monthHeader"), St = ie("yearHeader"), Ct = ie("toggleTime"), Re = /* @__PURE__ */ new Map(), qe = /* @__PURE__ */ new Map();
+    function Ee(e) {
+      if (!e) return null;
+      if (e instanceof HTMLElement) return e;
+      if (typeof e == "object" && "$el" in e) {
+        const t = e.$el;
+        return t instanceof HTMLElement ? t : null;
+      }
+      return null;
+    }
+    function It(e, t) {
+      const a = Ee(e);
+      a ? Re.set(t, a) : Re.delete(t);
+    }
+    function Rt(e, t) {
+      const a = Ee(e);
+      a ? qe.set(t, a) : qe.delete(t);
+    }
+    function qt(e) {
+      var t;
+      (t = Ee(e)) == null || t.focus();
+    }
+    const q = s(() => ({
       getMonthIndex: (e, t) => {
         const a = e.toLowerCase();
-        return $e.findIndex((n) => {
+        return We.findIndex((n) => {
           const r = l.texts[n] ?? n;
           return (t ? r.substring(0, 3) : r).toLowerCase() === a;
         });
@@ -76,147 +98,150 @@ const Kn = {
       getWeekdayIndex: (e, t) => {
         const a = e.toLowerCase();
         for (let n = 0; n < 7; n++) {
-          const r = (n + 6) % 7, u = Oe[r], c = l.texts[u] ?? u;
+          const r = (n + 6) % 7, u = Ue[r], c = l.texts[u] ?? u;
           if ((t ? c.substring(0, 3) : c).toLowerCase() === a) return n;
         }
         return null;
       }
-    })), T = s(() => {
+    })), x = s(() => {
       const e = v.value;
-      return e ? e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? e[0] : typeof e == "string" ? L(e, l.format, E.value) : null : null;
-    }), Ce = s(() => {
+      return e ? e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? e[0] : typeof e == "string" ? O(e, l.format, q.value) : null : null;
+    }), Fe = s(() => {
       const e = v.value;
       return Array.isArray(e) && e.length > 1 ? e[1] : null;
-    }), m = q(null), ee = q(null), R = q(null), A = q(!1), wt = s(() => !A.value || !m.value ? T.value : R.value && R.value < m.value ? R.value : m.value), xt = s(() => {
-      if (!l.range) return T.value;
+    }), m = R(null), ee = R(null), N = R(null), A = R(!1), Et = s(() => !A.value || !m.value ? x.value : N.value && N.value < m.value ? N.value : m.value), Ft = s(() => {
+      if (!l.range) return x.value;
       if (!A.value || !m.value)
-        return Ce.value;
-      const e = R.value ?? ee.value;
+        return Fe.value;
+      const e = N.value ?? ee.value;
       return e ? e < m.value ? m.value : e : null;
-    }), $ = s(() => ({
+    }), K = s(() => ({
       getMonthName: (e, t) => {
         const a = be(e);
         return t ? a.substring(0, 3) : a;
       },
       getWeekdayName: (e, t) => {
-        const a = (e + 6) % 7, n = Oe[a], r = l.texts[n] ?? n;
+        const a = (e + 6) % 7, n = Ue[a], r = l.texts[n] ?? n;
         return t ? r.substring(0, 3) : r;
       }
-    })), Tt = s(() => {
+    })), Nt = s(() => {
       const e = v.value;
       return e ? Array.isArray(e) ? e.map(
-        (t) => t instanceof Date ? j(t, l.format, $.value) : t
-      ).join(" - ") : e instanceof Date ? j(e, l.format, $.value) : String(e) : "";
-    }), je = s(() => I.value ?? Tt.value);
+        (t) => t instanceof Date ? Q(t, l.format, K.value) : t
+      ).join(" - ") : e instanceof Date ? Q(e, l.format, K.value) : String(e) : "";
+    }), Je = s(() => S.value ?? Nt.value);
     function he() {
-      _.value = je.value;
+      _.value = Je.value;
     }
     se(
-      je,
+      Je,
       () => {
-        Te.value || he();
+        Se.value || he();
       },
       { immediate: !0 }
     );
-    const Ge = s(() => {
-      const e = Ln(new Date(h.value, g.value, 1)), t = bt(g.value, h.value), a = (e.getDay() + 6) % 7, n = [], r = g.value === 0 ? 11 : g.value - 1, u = g.value === 0 ? h.value - 1 : h.value, c = bt(r, u);
+    const et = s(() => {
+      const e = Jn(new Date(h.value, g.value, 1)), t = Dt(g.value, h.value), a = (e.getDay() + 6) % 7, n = [], r = g.value === 0 ? 11 : g.value - 1, u = g.value === 0 ? h.value - 1 : h.value, c = Dt(r, u);
       for (let d = a - 1; d >= 0; d--) {
-        const H = new Date(u, r, c - d);
-        He(n, H, !1);
+        const I = new Date(u, r, c - d);
+        Ne(n, I, !1);
       }
       for (let d = 1; d <= t; d++) {
-        const H = new Date(h.value, g.value, d);
-        He(n, H, !0);
+        const I = new Date(h.value, g.value, d);
+        Ne(n, I, !0);
       }
-      const y = 7 - n.length % 7, B = y === 7 ? 0 : y;
-      for (let d = 1; d <= B; d++) {
-        const H = new Date(h.value, g.value + 1, d);
-        He(n, H, !1);
+      const y = 7 - n.length % 7, L = y === 7 ? 0 : y;
+      for (let d = 1; d <= L; d++) {
+        const I = new Date(h.value, g.value + 1, d);
+        Ne(n, I, !1);
       }
       return n;
     });
-    function He(e, t, a) {
-      const n = wt.value, r = xt.value, u = t.getFullYear(), c = u < G || u > X;
+    function Ne(e, t, a) {
+      const n = Et.value, r = Ft.value, u = t.getFullYear(), c = u < G || u > X;
       e.push({
         date: t,
         isCurrentMonth: a,
-        isToday: xe(t, /* @__PURE__ */ new Date()),
-        isSelected: n ? xe(t, n) : !1,
-        isRangeStart: !!n && xe(t, n),
-        isRangeEnd: !!r && xe(t, r),
-        isInRange: n && r ? On(t, n, r) : !1,
+        isToday: He(t, /* @__PURE__ */ new Date()),
+        isSelected: n ? He(t, n) : !1,
+        isRangeStart: !!n && He(t, n),
+        isRangeEnd: !!r && He(t, r),
+        isInRange: n && r ? ea(t, n, r) : !1,
         isDisabled: c
       });
     }
-    const St = s(() => Oe.map((e) => {
+    const Vt = s(() => Ue.map((e) => {
       var a;
       const t = e;
       return ((a = l.texts[t]) == null ? void 0 : a.substring(0, 2)) ?? e;
-    })), Xe = s(
+    })), Yt = s(
       () => Array.from({ length: 12 }, (e, t) => be(t, 3))
     );
     function be(e, t = 0) {
-      const a = $e[e], n = l.texts[a] ?? $e[e];
+      const a = We[e], n = l.texts[a] ?? We[e];
       return t <= 0 ? n : n.substring(0, t);
     }
-    function Ze(e) {
+    function tt(e) {
       const t = Math.floor(ce / 2);
       let a = e - t, n = a + ce;
       return a < G && (a = G, n = Math.min(a + ce, X)), n > X && (n = X, a = Math.max(G, n - ce)), { startYear: a, endYear: n };
     }
-    function It(e) {
-      const { startYear: t, endYear: a } = Ze(e);
+    function Pt(e) {
+      const { startYear: t, endYear: a } = tt(e);
       return Array.from({ length: a - t + 1 }, (n, r) => t + r);
     }
-    function Ct() {
-      Je.value && (le.value -= ce);
+    function At() {
+      nt.value && (ae.value -= ce);
     }
-    function Ht() {
-      et.value && (le.value += ce);
+    function Lt() {
+      at.value && (ae.value += ce);
     }
-    const ke = s(() => Ze(le.value)), Je = s(
+    const ke = s(() => tt(ae.value)), nt = s(
       () => ke.value.startYear > G
-    ), et = s(() => ke.value.endYear < X), qt = s(() => g.value === 0 ? h.value - 1 : h.value), Et = s(() => g.value === 11 ? h.value + 1 : h.value), tt = s(() => qt.value >= G), nt = s(() => Et.value <= X), Ft = s(() => It(le.value)), Nt = s(() => J.value ? l.icons.clock : l.icons.calendar), ve = s(() => $n(l.format)), qe = s(
+    ), at = s(() => ke.value.endYear < X), Ot = s(() => g.value === 0 ? h.value - 1 : h.value), Bt = s(() => g.value === 11 ? h.value + 1 : h.value), lt = s(() => Ot.value >= G), rt = s(() => Bt.value <= X), Kt = s(() => Pt(ae.value)), $t = s(() => J.value ? l.icons.clock : l.icons.calendar), ve = s(() => ta(l.format)), Ve = s(
       () => `${ve.value} - ${ve.value}`
     );
-    Rn(
+    Wn(
       () => {
         var e;
         return (e = C == null ? void 0 : C.value) == null ? void 0 : e.inputRef;
       },
-      () => l.range ? qe.value : ve.value
+      () => l.range ? Ve.value : ve.value
     ), se(
       () => {
         var e;
         return (e = C == null ? void 0 : C.value) == null ? void 0 : e.inputRef;
       },
       (e, t, a) => {
-        const n = ie(e);
-        n && (n.addEventListener("click", vt), n.addEventListener("paste", dt, !0), a(() => {
-          n.removeEventListener("click", vt), n.removeEventListener("paste", dt, !0);
+        const n = oe(e);
+        n && (n.addEventListener("click", gt), n.addEventListener("paste", mt, !0), a(() => {
+          n.removeEventListener("click", gt), n.removeEventListener("paste", mt, !0);
         }));
       },
       { flush: "post" }
     ), se(v, () => {
-      I.value = null, he();
+      S.value = null, he();
     });
-    const Ee = s(
-      () => l.clearable && !l.readonly && !l.disabled && !!v.value
+    function zt(e) {
+      return e === void 0 ? !1 : typeof e == "string" ? e.trim().length > 0 : e instanceof Date ? !0 : Array.isArray(e) ? e.length > 0 : !1;
+    }
+    const Ye = s(
+      () => l.clearable && !l.readonly && !l.disabled && zt(v.value)
     );
-    function Rt() {
-      Ee.value && (m.value = null, ee.value = null, R.value = null, A.value = !1, v.value = void 0, _.value = "", De());
+    function Ut() {
+      Ye.value && (m.value = null, ee.value = null, N.value = null, A.value = !1, v.value = void 0, _.value = "", we());
     }
-    function Fe(e) {
-      !l.range || !A.value || !m.value || e.getFullYear() < G || e.getFullYear() > X || (R.value = new Date(e));
+    function Pe(e) {
+      !l.range || !A.value || !m.value || e.getFullYear() < G || e.getFullYear() > X || (N.value = new Date(e));
     }
-    function at() {
-      R.value = null;
+    function ut() {
+      N.value = null;
     }
-    function Pt(e) {
+    function Wt(e) {
       const t = e.currentTarget, a = e.relatedTarget;
-      !t || a && t.contains(a) || at();
+      !t || a && t.contains(a) || ut();
     }
-    function lt(e) {
+    function ot(e) {
       if (!l.range || !A.value || !m.value) return;
       const t = e.touches.item(0);
       if (!t) return;
@@ -224,102 +249,102 @@ const Kn = {
       if (!n) return;
       const r = Number(n.dataset.dayIndex);
       if (Number.isNaN(r)) return;
-      const u = Ge.value[r];
-      u && Fe(u.date);
+      const u = et.value[r];
+      u && Pe(u.date);
     }
-    function Vt(e) {
+    function jt(e) {
       if (!(l.readonly || l.disabled) && !(e.getFullYear() < G || e.getFullYear() > X))
         if (l.range)
           if (A.value) {
             const t = m.value ?? new Date(e), a = new Date(e), [n, r] = a < t ? [a, t] : [t, a];
-            ae.value && r.setHours(23, 59, ye.value ? 59 : 0, 0), v.value = [n, r], m.value = null, ee.value = null, R.value = null, A.value = !1;
+            ne.value && r.setHours(23, 59, ye.value ? 59 : 0, 0), v.value = [n, r], m.value = null, ee.value = null, N.value = null, A.value = !1;
           } else {
             const t = new Date(e);
-            ae.value && m.value && t.setHours(
+            ne.value && m.value && t.setHours(
               m.value.getHours(),
               m.value.getMinutes(),
               m.value.getSeconds(),
               m.value.getMilliseconds()
-            ), m.value = t, ee.value = null, R.value = null, A.value = !0;
+            ), m.value = t, ee.value = null, N.value = null, A.value = !0;
           }
         else {
           const t = new Date(e);
-          T.value && !un(T.value) ? t.setHours(
-            T.value.getHours(),
-            T.value.getMinutes(),
-            T.value.getSeconds()
-          ) : ae.value && ct(t), v.value = t;
+          x.value && !hn(x.value) ? t.setHours(
+            x.value.getHours(),
+            x.value.getMinutes(),
+            x.value.getSeconds()
+          ) : ne.value && vt(t), v.value = t;
         }
     }
-    function ue(e, t) {
-      h.value = e, t && te();
+    function re(e, t) {
+      h.value = e, t && Me("year");
     }
-    function K(e, t) {
-      g.value = e, t && te();
+    function $(e, t) {
+      g.value = e, t && Me("month");
     }
-    function Yt() {
-      tt.value && (g.value === 0 ? (K(11), ue(h.value - 1)) : K(g.value - 1));
+    function Qt() {
+      lt.value && (g.value === 0 ? ($(11), re(h.value - 1)) : $(g.value - 1));
     }
-    function At() {
-      nt.value && (g.value === 11 ? (K(0), ue(h.value + 1)) : K(g.value + 1));
+    function Gt() {
+      rt.value && (g.value === 11 ? ($(0), re(h.value + 1)) : $(g.value + 1));
     }
-    function Bt() {
-      K((/* @__PURE__ */ new Date()).getMonth()), ue((/* @__PURE__ */ new Date()).getFullYear()), te();
+    function Xt() {
+      $((/* @__PURE__ */ new Date()).getMonth()), re((/* @__PURE__ */ new Date()).getFullYear()), De();
     }
-    function Lt() {
-      let e = T.value;
+    function Zt() {
+      let e = x.value;
       const t = v.value;
       if (l.range && Array.isArray(t) && t.length > 0) {
         const a = t[0];
-        a instanceof Date ? e = a : typeof a == "string" && (e = L(a, l.format, E.value));
+        a instanceof Date ? e = a : typeof a == "string" && (e = O(a, l.format, q.value));
       }
-      e = e ?? /* @__PURE__ */ new Date(), K(e.getMonth()), ue(e.getFullYear()), te();
+      e = e ?? /* @__PURE__ */ new Date(), $(e.getMonth()), re(e.getFullYear()), De();
     }
     function me(e) {
-      return l.range ? e === 1 ? Ce.value ?? ee.value : T.value ?? m.value : T.value;
+      return l.range ? e === 1 ? Fe.value ?? ee.value : x.value ?? m.value : x.value;
     }
-    function Ot(e, t) {
+    function Jt(e, t) {
       if (!l.range) {
         v.value = t;
         return;
       }
-      const a = T.value, n = Ce.value;
+      const a = x.value, n = Fe.value;
       if (!a || !n) {
         e === 1 ? ee.value = t : m.value = t;
         return;
       }
       v.value = e === 1 ? [a, t] : [t, n];
     }
-    function P(e, t) {
+    function V(e, t) {
       const a = me(e) ?? (() => {
         const r = /* @__PURE__ */ new Date();
         return r.setHours(0, 0, 0, 0), r;
       })(), n = new Date(a);
-      t(n), Ot(e, n);
+      t(n), Jt(e, n);
     }
-    function $t(e) {
+    function en(e) {
       const t = me(e);
       if (!t) return Z.value ? 12 : 0;
       const a = t.getHours();
       return Z.value ? a % 12 || 12 : a;
     }
-    function Kt(e) {
+    function tn(e) {
       var t;
       return ((t = me(e)) == null ? void 0 : t.getMinutes()) ?? 0;
     }
-    function zt(e) {
+    function nn(e) {
       var t;
       return ((t = me(e)) == null ? void 0 : t.getSeconds()) ?? 0;
     }
-    function Ut(e) {
+    function an(e) {
       const t = me(e);
       return t ? t.getHours() >= 12 : !1;
     }
     function _e(e, t) {
       return t ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e;
     }
-    function Wt(e) {
-      P(e, (t) => {
+    function ln(e) {
+      V(e, (t) => {
         if (Z.value) {
           const a = t.getHours() % 12 || 12, n = a >= 12 ? 1 : a + 1, r = t.getHours() >= 12;
           t.setHours(_e(n, r));
@@ -327,8 +352,8 @@ const Kn = {
           t.setHours(t.getHours() >= 23 ? 0 : t.getHours() + 1);
       });
     }
-    function Qt(e) {
-      P(e, (t) => {
+    function rn(e) {
+      V(e, (t) => {
         if (Z.value) {
           const a = t.getHours() % 12 || 12, n = a <= 1 ? 12 : a - 1, r = t.getHours() >= 12;
           t.setHours(_e(n, r));
@@ -336,69 +361,69 @@ const Kn = {
           t.setHours(t.getHours() <= 0 ? 23 : t.getHours() - 1);
       });
     }
-    function jt(e) {
-      P(e, (t) => {
+    function un(e) {
+      V(e, (t) => {
         t.setMinutes(t.getMinutes() >= 59 ? 0 : t.getMinutes() + 1);
       });
     }
-    function Gt(e) {
-      P(e, (t) => {
+    function on(e) {
+      V(e, (t) => {
         t.setMinutes(t.getMinutes() <= 0 ? 59 : t.getMinutes() - 1);
       });
     }
-    function Xt(e) {
-      P(e, (t) => {
+    function sn(e) {
+      V(e, (t) => {
         t.setSeconds(t.getSeconds() >= 59 ? 0 : t.getSeconds() + 1);
       });
     }
-    function Zt(e) {
-      P(e, (t) => {
+    function cn(e) {
+      V(e, (t) => {
         t.setSeconds(t.getSeconds() <= 0 ? 59 : t.getSeconds() - 1);
       });
     }
-    function Ne(e) {
+    function Ae(e) {
       return (e ?? "").replace(/\D/g, "");
     }
-    function Jt(e) {
+    function dn(e) {
       return Math.min(23, Math.max(0, e));
     }
-    function en(e) {
+    function fn(e) {
       return Math.min(12, Math.max(1, e));
     }
-    function rt(e) {
+    function it(e) {
       return Math.min(59, Math.max(0, e));
     }
-    function ut(e, t) {
-      const a = Ne(e).slice(0, 2);
+    function st(e, t) {
+      const a = Ae(e).slice(0, 2);
       if (a === "") return;
       const n = Number.parseInt(a, 10);
       if (Number.isNaN(n)) return;
-      const r = Z.value ? en(n) : Jt(n);
-      P(t, (u) => {
+      const r = Z.value ? fn(n) : dn(n);
+      V(t, (u) => {
         Z.value ? u.setHours(_e(r, u.getHours() >= 12)) : u.setHours(r);
       });
     }
-    function ot(e, t) {
-      const a = Ne(e).slice(0, 2);
+    function ct(e, t) {
+      const a = Ae(e).slice(0, 2);
       if (a === "") return;
       const n = Number.parseInt(a, 10);
       if (Number.isNaN(n)) return;
-      const r = rt(n);
-      P(t, (u) => {
+      const r = it(n);
+      V(t, (u) => {
         u.setMinutes(r);
       });
     }
-    function it(e, t) {
-      const a = Ne(e).slice(0, 2);
+    function dt(e, t) {
+      const a = Ae(e).slice(0, 2);
       if (a === "") return;
       const n = Number.parseInt(a, 10);
       if (Number.isNaN(n)) return;
-      const r = rt(n);
-      P(t, (u) => {
+      const r = it(n);
+      V(t, (u) => {
         u.setSeconds(r);
       });
     }
-    async function Re(e, t, a) {
+    async function Le(e, t, a) {
       if (e.ctrlKey || e.altKey || e.metaKey || !/^\d$/.test(e.key)) return;
       const n = e.target;
       if (!n) return;
@@ -407,106 +432,106 @@ const Kn = {
         return;
       e.preventDefault();
       const c = `${n.value.slice(0, r)}${e.key}${n.value.slice(r + 1)}`;
-      t === "hours" ? ut(c, a) : t === "minutes" ? ot(c, a) : it(c, a);
+      t === "hours" ? st(c, a) : t === "minutes" ? ct(c, a) : dt(c, a);
       const y = Math.min(r + 1, n.maxLength);
       await F(), n.setSelectionRange(y, y);
     }
-    function tn(e, t) {
-      P(t, (a) => {
+    function vn(e, t) {
+      V(t, (a) => {
         const n = a.getHours() % 12 || 12;
         a.setHours(_e(n, e));
       });
     }
-    async function Pe(e, t, a, n) {
+    async function Oe(e, t, a, n) {
       if (!e) return;
-      const r = Pn(t, a, n), u = () => e.setSelectionRange(r, r);
+      const r = jn(t, a, n), u = () => e.setSelectionRange(r, r);
       u(), await F(), u(), await new Promise((c) => {
         requestAnimationFrame(() => {
           u(), c();
         });
       });
     }
-    async function st(e, t, a, n) {
+    async function ft(e, t, a, n) {
       if (a === t) {
         _.value !== a && (_.value = a);
         return;
       }
-      _.value = a, await Pe(e, t, a, n);
+      _.value = a, await Oe(e, t, a, n);
     }
-    async function nn(e) {
-      var B;
+    async function mn(e) {
+      var L;
       if (de > 0) return;
       if (l.readonly || l.disabled) {
         he();
         return;
       }
-      const t = ie((B = C.value) == null ? void 0 : B.inputRef), a = (t == null ? void 0 : t.selectionStart) ?? 0, n = e ?? "";
+      const t = oe((L = C.value) == null ? void 0 : L.inputRef), a = (t == null ? void 0 : t.selectionStart) ?? 0, n = e ?? "";
       if (!n) {
-        v.value = void 0, I.value = null, _.value = "", Y.value = !1;
+        v.value = void 0, S.value = null, _.value = "", P.value = !1;
         return;
       }
       if (l.range) {
-        const d = we(n, qe.value);
-        await st(t, n, d, a), I.value = d;
-        const H = Ve(d);
-        if (H) {
-          v.value = H, I.value = null;
-          const Ae = H.map((wn) => j(wn, l.format, $.value)).join(" - ");
-          Ae !== d && (_.value = Ae, await Pe(t, d, Ae, a)), Y.value = !1;
+        const d = xe(n, Ve.value);
+        await ft(t, n, d, a), S.value = d;
+        const I = Be(d);
+        if (I) {
+          v.value = I, S.value = null;
+          const $e = I.map((Vn) => Q(Vn, l.format, K.value)).join(" - ");
+          $e !== d && (_.value = $e, await Oe(t, d, $e, a)), P.value = !1;
         }
         return;
       }
-      const r = we(n, ve.value), u = ht(r, l.format);
-      let c = u, y = L(u, l.format, E.value);
+      const r = xe(n, ve.value), u = _t(r, l.format);
+      let c = u, y = O(u, l.format, q.value);
       if (!y) {
-        const d = L(n, l.format, E.value);
+        const d = O(n, l.format, q.value);
         d && (c = n, y = d);
       }
-      if (await st(t, n, c, a), I.value = c, y) {
-        const d = oe(y, n);
-        v.value = d, I.value = null;
-        const H = j(d, l.format, $.value);
-        H !== c && (_.value = H, await Pe(t, c, H, a)), Y.value = !1;
+      if (await ft(t, n, c, a), S.value = c, y) {
+        const d = ue(y, n);
+        v.value = d, S.value = null;
+        const I = Q(d, l.format, K.value);
+        I !== c && (_.value = I, await Oe(t, c, I, a)), P.value = !1;
       }
     }
-    function Ve(e, t) {
+    function Be(e, t) {
       const a = e.split(" - ");
       if (a.length !== 2) return null;
       const n = (c) => {
-        const y = c.trim(), B = L(y, l.format, E.value);
-        return B || (t != null && t.complete ? ze(y, l.format, E.value) : null);
+        const y = c.trim(), L = O(y, l.format, q.value);
+        return L || (t != null && t.complete ? Qe(y, l.format, q.value) : null);
       }, r = n(a[0] ?? ""), u = n(a[1] ?? "");
       return !r || !u ? null : u < r ? [u, r] : [r, u];
     }
-    function an() {
+    function pn() {
       if (l.readonly || l.disabled) return !1;
-      const e = I.value ?? _.value;
+      const e = S.value ?? _.value;
       if (!e) return !1;
       if (l.range) {
-        const c = we(e, qe.value), y = Ve(c, { complete: !0 });
-        return y ? (v.value = y, I.value = null, Y.value = !1, _.value = y.map((B) => j(B, l.format, $.value)).join(" - "), !0) : (I.value = null, v.value = void 0, Y.value = !0, _.value = "", !1);
+        const c = xe(e, Ve.value), y = Be(c, { complete: !0 });
+        return y ? (v.value = y, S.value = null, P.value = !1, _.value = y.map((L) => Q(L, l.format, K.value)).join(" - "), !0) : (S.value = null, v.value = void 0, P.value = !0, _.value = "", !1);
       }
-      const t = we(e, ve.value), a = ht(t, l.format), n = ze(
+      const t = xe(e, ve.value), a = _t(t, l.format), n = Qe(
         a,
         l.format,
-        E.value
+        q.value
       );
       if (!n)
-        return I.value = null, v.value = void 0, Y.value = !0, _.value = "", !1;
-      const u = !!L(a, l.format, E.value) || kt(a, l.format) ? n : oe(n, a);
-      return v.value = u, I.value = null, Y.value = !1, _.value = j(u, l.format, $.value), !0;
+        return S.value = null, v.value = void 0, P.value = !0, _.value = "", !1;
+      const u = !!O(a, l.format, q.value) || Mt(a, l.format) ? n : ue(n, a);
+      return v.value = u, S.value = null, P.value = !1, _.value = Q(u, l.format, K.value), !0;
     }
-    function ln(e) {
+    function gn(e) {
       const t = e.replace(/[\sT]+(?:'[^']*'|HH|H|hh|h|mm|m|ss|s|SSS|S|a).*$/i, "").trim();
       return t && t !== e ? t : null;
     }
-    function rn(e) {
-      return !ae.value || L(e, l.format, E.value) || kt(e, l.format) ? !0 : /\dT\d|\d{1,2}:\d{2}/.test(e);
+    function yn(e) {
+      return !ne.value || O(e, l.format, q.value) || Mt(e, l.format) ? !0 : /\dT\d|\d{1,2}:\d{2}/.test(e);
     }
-    function un(e) {
+    function hn(e) {
       return e.getHours() === 0 && e.getMinutes() === 0 && e.getSeconds() === 0 && e.getMilliseconds() === 0;
     }
-    function ct(e) {
+    function vt(e) {
       const t = /* @__PURE__ */ new Date();
       e.setHours(
         t.getHours(),
@@ -515,41 +540,41 @@ const Kn = {
         ye.value ? t.getMilliseconds() : 0
       );
     }
-    function oe(e, t) {
-      if (l.range || !ae.value || t !== void 0 && rn(t)) return e;
+    function ue(e, t) {
+      if (l.range || !ne.value || t !== void 0 && yn(t)) return e;
       const a = new Date(e);
-      return ct(a), a;
+      return vt(a), a;
     }
-    function on(e) {
+    function bn(e) {
       if (l.range)
-        return Ve(e);
-      const t = L(e, l.format, E.value);
-      if (t) return oe(t, e);
-      const a = bn(e);
-      if (a) return oe(a, e);
-      const n = ze(e, l.format, E.value);
-      if (n) return oe(n, e);
-      const r = ln(l.format);
+        return Be(e);
+      const t = O(e, l.format, q.value);
+      if (t) return ue(t, e);
+      const a = In(e);
+      if (a) return ue(a, e);
+      const n = Qe(e, l.format, q.value);
+      if (n) return ue(n, e);
+      const r = gn(l.format);
       if (r) {
-        const u = L(e, r, E.value);
-        if (u) return oe(u, e);
+        const u = O(e, r, q.value);
+        if (u) return ue(u, e);
       }
       return null;
     }
-    function sn(e) {
-      if (Y.value = !1, I.value = null, Array.isArray(e)) {
-        const a = e.map((n) => j(n, l.format, $.value)).join(" - ");
+    function kn(e) {
+      if (P.value = !1, S.value = null, Array.isArray(e)) {
+        const a = e.map((n) => Q(n, l.format, K.value)).join(" - ");
         de += 1, v.value = e, _.value = a, F(() => {
           de -= 1;
         });
         return;
       }
-      const t = j(e, l.format, $.value);
+      const t = Q(e, l.format, K.value);
       de += 1, v.value = e, _.value = t, F(() => {
         de -= 1;
       });
     }
-    function dt(e) {
+    function mt(e) {
       var n, r, u, c;
       if (l.readonly || l.disabled) {
         e.preventDefault();
@@ -560,97 +585,97 @@ const Kn = {
         e.preventDefault();
         return;
       }
-      const a = on(t);
+      const a = bn(t);
       if (!a) {
         e.preventDefault();
         return;
       }
-      e.preventDefault(), sn(a);
+      e.preventDefault(), kn(a);
     }
-    function cn(e) {
+    function _n(e) {
       const t = e.target;
-      if (!(t instanceof Element) || !N.value) return null;
+      if (!(t instanceof Element) || !E.value) return null;
       const a = t.closest(
         "button, input, select, textarea, a[href], [tabindex], [contenteditable]"
       );
-      return a && N.value.contains(a) ? a : null;
+      return a && E.value.contains(a) ? a : null;
     }
-    function dn(e) {
+    function Dn(e) {
       return !(e.matches(":disabled") || e.getAttribute("aria-disabled") === "true" || e.getAttribute("tabindex") === "-1");
     }
-    function fn(e) {
+    function Mn(e) {
       var a;
-      if (!(e.target instanceof Node) || !((a = N.value) != null && a.contains(e.target))) return;
+      if (!(e.target instanceof Node) || !((a = E.value) != null && a.contains(e.target))) return;
       fe = !0;
-      const t = cn(e);
-      t && !dn(t) && e.preventDefault();
+      const t = _n(e);
+      t && !Dn(t) && e.preventDefault();
     }
-    function ft() {
-      return N.value ? Array.from(N.value.querySelectorAll(_t)).filter(
+    function pt() {
+      return E.value ? Array.from(E.value.querySelectorAll(wt)).filter(
         (e) => e.offsetWidth > 0 || e.offsetHeight > 0 || e.getClientRects().length > 0
       ) : [];
     }
-    function vn() {
+    function wn() {
       var n, r;
-      const e = ie((n = C.value) == null ? void 0 : n.inputRef);
+      const e = oe((n = C.value) == null ? void 0 : n.inputRef);
       if (!e) return;
       const t = Array.from(
-        document.querySelectorAll(_t)
+        document.querySelectorAll(wt)
       ).filter(
         (u) => u.offsetWidth > 0 || u.offsetHeight > 0 || u.getClientRects().length > 0
       ), a = t.indexOf(e);
       a >= 0 && a < t.length - 1 && ((r = t[a + 1]) == null || r.focus());
     }
-    function mn(e) {
-      if (e.key !== "Tab" || !x.value || l.readonly || l.disabled) return;
+    function Tn(e) {
+      if (e.key !== "Tab" || !T.value || l.readonly || l.disabled) return;
       if (e.shiftKey) {
-        O = !1, x.value = !1;
+        B = !1, T.value = !1;
         return;
       }
-      const [t] = ft();
+      const [t] = pt();
       t && (e.preventDefault(), fe = !0, t.focus());
     }
-    async function pn(e) {
+    async function xn(e) {
       if (e.key !== "Tab") return;
-      const t = ft();
+      const t = pt();
       if (!t.length) return;
       const a = t[0], n = t[t.length - 1], r = document.activeElement;
       if (e.shiftKey) {
         if (r !== a) return;
-        e.preventDefault(), fe = !0, De();
+        e.preventDefault(), fe = !0, we();
         return;
       }
-      r === n && (e.preventDefault(), Se = !0, x.value = !1, await F(), vn());
+      r === n && (e.preventDefault(), Ce = !0, T.value = !1, await F(), wn());
     }
-    async function gn(e) {
+    async function Hn(e) {
       var r, u, c;
-      if (an(), fe) {
+      if (pn(), fe) {
         fe = !1;
         return;
       }
       const t = e == null ? void 0 : e.relatedTarget;
-      if (t instanceof Node && ((r = N.value) != null && r.contains(t)))
+      if (t instanceof Node && ((r = E.value) != null && r.contains(t)))
         return;
       await F();
-      const a = ie((u = C.value) == null ? void 0 : u.inputRef), n = document.activeElement;
-      a !== n && (n instanceof Node && ((c = N.value) != null && c.contains(n)) || (O = !1, x.value = !1, Te.value = !1, he()));
+      const a = oe((u = C.value) == null ? void 0 : u.inputRef), n = document.activeElement;
+      a !== n && (n instanceof Node && ((c = E.value) != null && c.contains(n)) || (B = !1, T.value = !1, Se.value = !1, he()));
     }
-    function yn() {
+    function Sn() {
       if (!(l.readonly || l.disabled)) {
-        if (Te.value = !0, O) {
-          O = !1;
+        if (Se.value = !0, B) {
+          B = !1;
           return;
         }
-        x.value || (x.value = !0);
+        T.value || (T.value = !0);
       }
     }
-    function vt() {
-      l.readonly || l.disabled || (O = !1, x.value = !0);
+    function gt() {
+      l.readonly || l.disabled || (B = !1, T.value = !0);
     }
-    function hn(e) {
-      e || Qe(), x.value = e;
+    function Cn(e) {
+      e || Ze(), T.value = e;
     }
-    function bn(e) {
+    function In(e) {
       const t = /[A-Za-z]/.test(e), a = /^\d{4}[-/]\d{1,2}[-/]\d{1,2}(?:[ T]\d{1,2}:\d{2}(?::\d{2})?)?$/.test(
         e
       );
@@ -658,123 +683,131 @@ const Kn = {
       const n = new Date(e);
       return Number.isNaN(n.getTime()) ? null : n;
     }
-    function ie(e) {
+    function oe(e) {
       return e instanceof HTMLInputElement ? e : typeof e == "object" && e !== null && "value" in e && e.value instanceof HTMLInputElement ? e.value : null;
     }
-    function kn(e) {
+    function Rn(e) {
       return e.isSelected || e.isRangeStart || e.isRangeEnd ? "bold" : e.isInRange ? "tonal" : "ghost";
     }
     function pe(e) {
       var t;
-      (t = N.value) == null || t.style.setProperty("--q-date-view-height", `${Math.max(0, e)}px`);
+      (t = E.value) == null || t.style.setProperty("--q-date-view-height", `${Math.max(0, e)}px`);
     }
-    async function mt() {
+    async function yt() {
       var e;
-      if (!x.value || J.value) {
+      if (!T.value || J.value) {
         pe(0);
         return;
       }
       D.value === "date" && (await F(), pe(((e = Ie.value) == null ? void 0 : e.getBoundingClientRect().height) ?? 0));
     }
     function z() {
-      re == null || re.disconnect(), re = null;
+      le == null || le.disconnect(), le = null;
     }
-    async function pt() {
-      !x.value || J.value || D.value !== "date" || (await F(), Ie.value && (z(), re = new MutationObserver(() => {
-        mt();
-      }), re.observe(Ie.value, {
+    async function ht() {
+      !T.value || J.value || D.value !== "date" || (await F(), Ie.value && (z(), le = new MutationObserver(() => {
+        yt();
+      }), le.observe(Ie.value, {
         childList: !0,
         subtree: !0,
         attributes: !0,
         characterData: !0
-      }), mt()));
+      }), yt()));
     }
-    function gt() {
+    function bt() {
       D.value = "time", z();
     }
-    function te() {
-      D.value = "date", pt();
+    function De() {
+      D.value = "date", ht();
     }
-    async function _n() {
+    async function Me(e) {
       var a;
+      (a = E.value) == null || a.focus(), De(), await F();
+      const t = e === "year" ? St.value : e === "month" ? Ht.value : e === "time" ? Ct.value : null;
+      qt(t);
+    }
+    function qn() {
+      const e = D.value;
+      e !== "date" && Me(e);
+    }
+    async function En() {
       z(), D.value = "month", await F();
-      const e = Xe.value.findIndex((n, r) => r !== g.value), t = e >= 0 ? e : 0;
-      (a = document.getElementById(`q-date-time-month-option-${t}`)) == null || a.focus();
+      const e = Re.get(g.value);
+      e == null || e.scrollIntoView({ block: "center" }), e == null || e.focus();
     }
-    async function Dn() {
-      z(), le.value = h.value, D.value = "year", await F();
-      const e = document.getElementById(`q-date-time-year-${le.value}`);
-      e == null || e.scrollIntoView({ block: "center" });
+    async function Fn() {
+      var e;
+      z(), ae.value = h.value, D.value = "year", await F(), (e = qe.get(ae.value)) == null || e.scrollIntoView({ block: "center" });
     }
-    async function Ye(e) {
-      var a;
+    async function Ke(e) {
       if (e.key !== "Escape") return;
-      if (O = !0, D.value === "date") {
-        e.preventDefault(), x.value = !1;
+      if (B = !0, D.value === "date") {
+        e.preventDefault(), T.value = !1;
         return;
       }
-      const t = D.value === "year" ? "q-date-time-year" : D.value === "month" ? "q-date-time-month" : D.value === "time" ? "q-date-time-toggle-time" : "";
-      e.preventDefault(), te(), await F(), t && ((a = document.getElementById(t)) == null || a.focus());
+      e.preventDefault();
+      const t = D.value;
+      await Me(t);
     }
-    function De() {
+    function we() {
       var e, t;
       (t = (e = C.value) == null ? void 0 : e.inputRef) == null || t.focus();
     }
-    function Mn() {
+    function Nn() {
       var a, n;
-      if (Se) {
-        Se = !1;
+      if (Ce) {
+        Ce = !1;
         return;
       }
-      const e = ie((a = C.value) == null ? void 0 : a.inputRef), t = document.activeElement;
-      e && t !== e && !(t instanceof Node && ((n = N.value) != null && n.contains(t))) || De();
+      const e = oe((a = C.value) == null ? void 0 : a.inputRef), t = document.activeElement;
+      e && t !== e && !(t instanceof Node && ((n = E.value) != null && n.contains(t))) || we();
     }
     return se(v, () => {
-      T.value && (K(T.value.getMonth()), ue(T.value.getFullYear()));
-    }), se(x, (e, t) => {
+      x.value && ($(x.value.getMonth()), re(x.value.getFullYear()));
+    }), se(T, (e, t) => {
       if (J.value) {
         z(), pe(0);
         return;
       }
-      m.value = null, ee.value = null, R.value = null, A.value = !1, e ? (document.addEventListener("keydown", Ye), Lt(), pt()) : (t && Qe(), document.removeEventListener("keydown", Ye), z(), pe(0));
+      m.value = null, ee.value = null, N.value = null, A.value = !1, e ? (document.addEventListener("keydown", Ke, { capture: !0 }), Zt(), ht()) : (t && Ze(), document.removeEventListener("keydown", Ke, { capture: !0 }), z(), pe(0));
     }), se(
       J,
       (e) => {
-        e && z(), x.value = !1, e && pe(0), e ? gt() : te();
+        e && z(), T.value = !1, e && pe(0), e ? bt() : De();
       },
       { immediate: !0 }
-    ), In(() => {
-      z(), document.removeEventListener("keydown", Ye);
+    ), Ln(() => {
+      z(), document.removeEventListener("keydown", Ke, { capture: !0 });
     }), (e, t) => {
       var a;
-      return f(), S(
-        V,
+      return f(), H(
+        Y,
         null,
         [
-          i(o(Me), {
+          i(o(Te), {
             id: l.id,
             ref: "field",
             "model-value": _.value,
-            class: yt(["q-date-time-picker", l.class]),
-            clearable: Ee.value,
+            class: kt(["q-date-time-picker", l.class]),
+            clearable: Ye.value,
             label: l.label,
             "label-position": l.labelPosition,
             readonly: l.readonly,
             disabled: l.disabled,
-            placeholder: Dt.value,
+            placeholder: Tt.value,
             required: l.required,
             size: l.size,
-            invalid: l.invalid || Y.value,
-            "onClick:clear": De,
-            onFocusin: yn,
-            onKeydown: mn,
-            onBlur: gn,
-            "onUpdate:modelValue": nn
-          }, Cn({
+            invalid: l.invalid || P.value,
+            "onClick:clear": we,
+            onFocusin: Sn,
+            onKeydown: Tn,
+            onBlur: Hn,
+            "onUpdate:modelValue": mn
+          }, On({
             prepend: b(() => [
               i(
                 o(w),
-                ne({ class: "q-date-time-picker__input-icon" }, Nt.value),
+                te({ class: "q-date-time-picker__input-icon" }, $t.value),
                 null,
                 16
                 /* FULL_PROPS */
@@ -786,14 +819,14 @@ const Kn = {
             e.$slots.extras ? {
               name: "extras",
               fn: b(() => [
-                Hn(e.$slots, "extras")
+                Bn(e.$slots, "extras")
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["id", "model-value", "class", "clearable", "label", "label-position", "readonly", "disabled", "placeholder", "required", "size", "invalid"]),
-          !l.readonly && !l.disabled ? (f(), U(o(Fn), {
+          !l.readonly && !l.disabled ? (f(), U(o(zn), {
             key: 0,
-            "model-value": x.value,
+            "model-value": T.value,
             anchor: (a = C.value) == null ? void 0 : a.fieldRef,
             inline: l.inline,
             offset: 8,
@@ -802,8 +835,8 @@ const Kn = {
             arrow: "",
             "non-modal": "",
             spy: "",
-            onLeave: Mn,
-            "onUpdate:modelValue": hn
+            onLeave: Nn,
+            "onUpdate:modelValue": Cn
           }, {
             default: b(() => [
               k(
@@ -811,27 +844,28 @@ const Kn = {
                 {
                   ref: "menu",
                   class: "q-date-time-picker__menu",
-                  onPointerdownCapture: fn,
-                  onKeydown: pn
+                  tabindex: "-1",
+                  onPointerdownCapture: Mn,
+                  onKeydown: xn
                 },
                 [
                   M(" Calendar View "),
-                  D.value === "date" ? (f(), S(
+                  D.value === "date" ? (f(), H(
                     "div",
-                    Kn,
+                    na,
                     [
                       M(" Header "),
-                      k("div", zn, [
+                      k("div", aa, [
                         i(o(p), {
                           variant: "ghost",
-                          disabled: !tt.value,
+                          disabled: !lt.value,
                           title: l.texts.previousMonth,
-                          onClick: Yt
+                          onClick: Qt
                         }, {
                           default: b(() => [
                             i(
                               o(w),
-                              W(Q(l.icons.back)),
+                              W(j(l.icons.back)),
                               null,
                               16
                               /* FULL_PROPS */
@@ -841,29 +875,31 @@ const Kn = {
                           /* STABLE */
                         }, 8, ["disabled", "title"]),
                         i(o(p), {
-                          id: "q-date-time-month",
+                          ref: "monthHeader",
+                          "data-testid": "q-date-time-picker-month-header",
                           variant: "ghost",
                           label: be(g.value, 3),
                           title: l.texts.pickMonth,
-                          onClick: _n
+                          onClick: En
                         }, null, 8, ["label", "title"]),
                         i(o(p), {
-                          id: "q-date-time-year",
+                          ref: "yearHeader",
+                          "data-testid": "q-date-time-picker-year-header",
                           variant: "ghost",
                           label: h.value.toString(),
                           title: l.texts.pickYear,
-                          onClick: Dn
+                          onClick: Fn
                         }, null, 8, ["label", "title"]),
                         i(o(p), {
                           variant: "ghost",
-                          disabled: !nt.value,
+                          disabled: !rt.value,
                           title: l.texts.nextMonth,
-                          onClick: At
+                          onClick: Gt
                         }, {
                           default: b(() => [
                             i(
                               o(w),
-                              W(Q(l.icons.forward)),
+                              W(j(l.icons.forward)),
                               null,
                               16
                               /* FULL_PROPS */
@@ -874,17 +910,17 @@ const Kn = {
                         }, 8, ["disabled", "title"])
                       ]),
                       M(" Weekday Headers "),
-                      k("div", Un, [
-                        (f(!0), S(
-                          V,
+                      k("div", la, [
+                        (f(!0), H(
+                          Y,
                           null,
-                          ge(St.value, (n) => (f(), S(
+                          ge(Vt.value, (n) => (f(), H(
                             "div",
                             {
                               key: n,
                               class: "q-date-time-picker__weekday"
                             },
-                            Le(n),
+                            ze(n),
                             1
                             /* TEXT */
                           ))),
@@ -897,19 +933,19 @@ const Kn = {
                         "div",
                         {
                           class: "q-date-time-picker__days",
-                          onMouseleave: at,
-                          onFocusout: Pt,
-                          onTouchstartPassive: lt,
-                          onTouchmovePassive: lt
+                          onMouseleave: ut,
+                          onFocusout: Wt,
+                          onTouchstartPassive: ot,
+                          onTouchmovePassive: ot
                         },
                         [
-                          (f(!0), S(
-                            V,
+                          (f(!0), H(
+                            Y,
                             null,
-                            ge(Ge.value, (n, r) => (f(), U(o(p), {
+                            ge(et.value, (n, r) => (f(), U(o(p), {
                               key: r,
                               "data-day-index": r,
-                              class: yt([
+                              class: kt([
                                 "q-date-time-picker__day",
                                 {
                                   "q-date-time-picker__day--other-month": !n.isCurrentMonth,
@@ -921,11 +957,11 @@ const Kn = {
                                 }
                               ]),
                               label: n.date.getDate().toString(),
-                              variant: kn(n),
+                              variant: Rn(n),
                               disabled: n.isDisabled,
-                              onMouseenter: () => Fe(n.date),
-                              onFocus: () => Fe(n.date),
-                              onClick: () => Vt(n.date)
+                              onMouseenter: () => Pe(n.date),
+                              onFocus: () => Pe(n.date),
+                              onClick: () => jt(n.date)
                             }, null, 8, ["data-day-index", "class", "label", "variant", "disabled", "onMouseenter", "onFocus", "onClick"]))),
                             128
                             /* KEYED_FRAGMENT */
@@ -937,41 +973,41 @@ const Kn = {
                     ],
                     512
                     /* NEED_PATCH */
-                  )) : D.value === "time" ? (f(), S(
-                    V,
+                  )) : D.value === "time" ? (f(), H(
+                    Y,
                     { key: 1 },
                     [
                       M(" Time View "),
-                      k("div", Wn, [
-                        (f(!0), S(
-                          V,
+                      k("div", ra, [
+                        (f(!0), H(
+                          Y,
                           null,
-                          ge(l.range ? 2 : 1, (n) => (f(), S("div", {
+                          ge(l.range ? 2 : 1, (n) => (f(), H("div", {
                             key: n,
                             class: "q-date-time-picker__time-group"
                           }, [
-                            Z.value ? (f(), S("div", Qn, [
-                              i(o(Nn), {
-                                "model-value": Ut(n - 1),
+                            Z.value ? (f(), H("div", ua, [
+                              i(o(Un), {
+                                "model-value": an(n - 1),
                                 "show-state-labels": "",
                                 size: "small",
                                 "false-label": l.texts.am,
                                 "true-label": l.texts.pm,
-                                "onUpdate:modelValue": (r) => tn(r ?? !1, n - 1)
+                                "onUpdate:modelValue": (r) => vn(r ?? !1, n - 1)
                               }, null, 8, ["model-value", "false-label", "true-label", "onUpdate:modelValue"])
                             ])) : M("v-if", !0),
                             M(" Time Inputs "),
-                            k("div", jn, [
-                              k("div", Gn, [
+                            k("div", oa, [
+                              k("div", ia, [
                                 i(o(p), {
                                   variant: "ghost",
                                   title: l.texts.increaseHour,
-                                  onClick: (r) => Wt(n - 1)
+                                  onClick: (r) => ln(n - 1)
                                 }, {
                                   default: b(() => [
                                     i(
                                       o(w),
-                                      ne({ ref_for: !0 }, l.icons.up),
+                                      te({ ref_for: !0 }, l.icons.up),
                                       null,
                                       16
                                       /* FULL_PROPS */
@@ -980,24 +1016,24 @@ const Kn = {
                                   _: 1
                                   /* STABLE */
                                 }, 8, ["title", "onClick"]),
-                                i(o(Me), {
+                                i(o(Te), {
                                   class: "q-date-time-picker__time-number",
                                   size: "small",
                                   inputmode: "numeric",
                                   "max-length": 2,
-                                  "model-value": o(Ke)($t(n - 1)),
-                                  onKeydown: (r) => Re(r, "hours", n - 1),
-                                  "onUpdate:modelValue": (r) => ut(r, n - 1)
+                                  "model-value": o(je)(en(n - 1)),
+                                  onKeydown: (r) => Le(r, "hours", n - 1),
+                                  "onUpdate:modelValue": (r) => st(r, n - 1)
                                 }, null, 8, ["model-value", "onKeydown", "onUpdate:modelValue"]),
                                 i(o(p), {
                                   variant: "ghost",
                                   title: l.texts.decreaseHour,
-                                  onClick: (r) => Qt(n - 1)
+                                  onClick: (r) => rn(n - 1)
                                 }, {
                                   default: b(() => [
                                     i(
                                       o(w),
-                                      ne({ ref_for: !0 }, l.icons.down),
+                                      te({ ref_for: !0 }, l.icons.down),
                                       null,
                                       16
                                       /* FULL_PROPS */
@@ -1014,16 +1050,16 @@ const Kn = {
                                 -1
                                 /* CACHED */
                               )),
-                              k("div", Xn, [
+                              k("div", sa, [
                                 i(o(p), {
                                   variant: "ghost",
                                   title: l.texts.increaseMinute,
-                                  onClick: (r) => jt(n - 1)
+                                  onClick: (r) => un(n - 1)
                                 }, {
                                   default: b(() => [
                                     i(
                                       o(w),
-                                      ne({ ref_for: !0 }, l.icons.up),
+                                      te({ ref_for: !0 }, l.icons.up),
                                       null,
                                       16
                                       /* FULL_PROPS */
@@ -1032,24 +1068,24 @@ const Kn = {
                                   _: 1
                                   /* STABLE */
                                 }, 8, ["title", "onClick"]),
-                                i(o(Me), {
+                                i(o(Te), {
                                   class: "q-date-time-picker__time-number",
                                   size: "small",
                                   inputmode: "numeric",
                                   "max-length": 2,
-                                  "model-value": o(Ke)(Kt(n - 1)),
-                                  onKeydown: (r) => Re(r, "minutes", n - 1),
-                                  "onUpdate:modelValue": (r) => ot(r, n - 1)
+                                  "model-value": o(je)(tn(n - 1)),
+                                  onKeydown: (r) => Le(r, "minutes", n - 1),
+                                  "onUpdate:modelValue": (r) => ct(r, n - 1)
                                 }, null, 8, ["model-value", "onKeydown", "onUpdate:modelValue"]),
                                 i(o(p), {
                                   variant: "ghost",
                                   title: l.texts.decreaseMinute,
-                                  onClick: (r) => Gt(n - 1)
+                                  onClick: (r) => on(n - 1)
                                 }, {
                                   default: b(() => [
                                     i(
                                       o(w),
-                                      ne({ ref_for: !0 }, l.icons.down),
+                                      te({ ref_for: !0 }, l.icons.down),
                                       null,
                                       16
                                       /* FULL_PROPS */
@@ -1059,8 +1095,8 @@ const Kn = {
                                   /* STABLE */
                                 }, 8, ["title", "onClick"])
                               ]),
-                              ye.value ? (f(), S(
-                                V,
+                              ye.value ? (f(), H(
+                                Y,
                                 { key: 0 },
                                 [
                                   t[0] || (t[0] = k(
@@ -1070,16 +1106,16 @@ const Kn = {
                                     -1
                                     /* CACHED */
                                   )),
-                                  k("div", Zn, [
+                                  k("div", ca, [
                                     i(o(p), {
                                       variant: "ghost",
                                       title: l.texts.increaseSecond,
-                                      onClick: (r) => Xt(n - 1)
+                                      onClick: (r) => sn(n - 1)
                                     }, {
                                       default: b(() => [
                                         i(
                                           o(w),
-                                          ne({ ref_for: !0 }, l.icons.up),
+                                          te({ ref_for: !0 }, l.icons.up),
                                           null,
                                           16
                                           /* FULL_PROPS */
@@ -1088,24 +1124,24 @@ const Kn = {
                                       _: 1
                                       /* STABLE */
                                     }, 8, ["title", "onClick"]),
-                                    i(o(Me), {
+                                    i(o(Te), {
                                       class: "q-date-time-picker__time-number",
                                       size: "small",
                                       inputmode: "numeric",
                                       "max-length": 2,
-                                      "model-value": o(Ke)(zt(n - 1)),
-                                      onKeydown: (r) => Re(r, "seconds", n - 1),
-                                      "onUpdate:modelValue": (r) => it(r, n - 1)
+                                      "model-value": o(je)(nn(n - 1)),
+                                      onKeydown: (r) => Le(r, "seconds", n - 1),
+                                      "onUpdate:modelValue": (r) => dt(r, n - 1)
                                     }, null, 8, ["model-value", "onKeydown", "onUpdate:modelValue"]),
                                     i(o(p), {
                                       variant: "ghost",
                                       title: l.texts.decreaseSecond,
-                                      onClick: (r) => Zt(n - 1)
+                                      onClick: (r) => cn(n - 1)
                                     }, {
                                       default: b(() => [
                                         i(
                                           o(w),
-                                          ne({ ref_for: !0 }, l.icons.down),
+                                          te({ ref_for: !0 }, l.icons.down),
                                           null,
                                           16
                                           /* FULL_PROPS */
@@ -1128,24 +1164,27 @@ const Kn = {
                     ],
                     2112
                     /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                  )) : D.value === "month" ? (f(), S(
-                    V,
+                  )) : D.value === "month" ? (f(), H(
+                    Y,
                     { key: 2 },
                     [
                       M(" Month View "),
-                      k("div", Jn, [
-                        (f(!0), S(
-                          V,
+                      k("div", da, [
+                        (f(!0), H(
+                          Y,
                           null,
-                          ge(Xe.value, (n, r) => (f(), U(o(p), {
-                            id: `q-date-time-month-option-${r}`,
+                          ge(Yt.value, (n, r) => (f(), U(o(p), {
                             key: r,
+                            ref_for: !0,
+                            ref: (u) => It(u, r),
+                            "data-testid": "q-date-time-picker-month-option",
+                            "data-month-index": r,
                             disabled: g.value === r,
                             label: n,
                             title: be(r),
                             variant: "ghost",
-                            onClick: () => K(r, !0)
-                          }, null, 8, ["id", "disabled", "label", "title", "onClick"]))),
+                            onClick: () => $(r, !0)
+                          }, null, 8, ["data-month-index", "disabled", "label", "title", "onClick"]))),
                           128
                           /* KEYED_FRAGMENT */
                         ))
@@ -1153,23 +1192,23 @@ const Kn = {
                     ],
                     2112
                     /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                  )) : D.value === "year" ? (f(), S(
-                    V,
+                  )) : D.value === "year" ? (f(), H(
+                    Y,
                     { key: 3 },
                     [
                       M(" Year View "),
-                      k("div", ea, [
-                        k("div", ta, [
+                      k("div", fa, [
+                        k("div", va, [
                           i(o(p), {
                             variant: "ghost",
-                            disabled: !Je.value,
+                            disabled: !nt.value,
                             title: l.texts.previousYears,
-                            onClick: Ct
+                            onClick: At
                           }, {
                             default: b(() => [
                               i(
                                 o(w),
-                                W(Q(l.icons.back)),
+                                W(j(l.icons.back)),
                                 null,
                                 16
                                 /* FULL_PROPS */
@@ -1180,21 +1219,21 @@ const Kn = {
                           }, 8, ["disabled", "title"]),
                           k(
                             "div",
-                            na,
-                            Le(ke.value.startYear) + " - " + Le(ke.value.endYear),
+                            ma,
+                            ze(ke.value.startYear) + " - " + ze(ke.value.endYear),
                             1
                             /* TEXT */
                           ),
                           i(o(p), {
                             variant: "ghost",
-                            disabled: !et.value,
+                            disabled: !at.value,
                             title: l.texts.nextYears,
-                            onClick: Ht
+                            onClick: Lt
                           }, {
                             default: b(() => [
                               i(
                                 o(w),
-                                W(Q(l.icons.forward)),
+                                W(j(l.icons.forward)),
                                 null,
                                 16
                                 /* FULL_PROPS */
@@ -1204,19 +1243,22 @@ const Kn = {
                             /* STABLE */
                           }, 8, ["disabled", "title"])
                         ]),
-                        k("div", aa, [
-                          (f(!0), S(
-                            V,
+                        k("div", pa, [
+                          (f(!0), H(
+                            Y,
                             null,
-                            ge(Ft.value, (n, r) => (f(), U(o(p), {
-                              id: `q-date-time-year-${n}`,
+                            ge(Kt.value, (n, r) => (f(), U(o(p), {
                               key: r,
+                              ref_for: !0,
+                              ref: (u) => Rt(u, n),
+                              "data-testid": "q-date-time-picker-year-option",
+                              "data-year": n,
                               disabled: h.value === n,
                               label: n.toString(),
                               title: n,
                               variant: "ghost",
-                              onClick: () => ue(n, !0)
-                            }, null, 8, ["id", "disabled", "label", "title", "onClick"]))),
+                              onClick: () => re(n, !0)
+                            }, null, 8, ["data-year", "disabled", "label", "title", "onClick"]))),
                             128
                             /* KEYED_FRAGMENT */
                           ))
@@ -1226,18 +1268,18 @@ const Kn = {
                     2112
                     /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                   )) : M("v-if", !0),
-                  k("div", la, [
+                  k("div", ga, [
                     J.value ? M("v-if", !0) : (f(), U(o(p), {
                       key: 0,
                       variant: "ghost",
-                      disabled: Mt.value,
+                      disabled: xt.value,
                       title: l.texts.today,
-                      onClick: Bt
+                      onClick: Xt
                     }, {
                       default: b(() => [
                         i(
                           o(w),
-                          W(Q(l.icons.today)),
+                          W(j(l.icons.today)),
                           null,
                           16
                           /* FULL_PROPS */
@@ -1246,17 +1288,18 @@ const Kn = {
                       _: 1
                       /* STABLE */
                     }, 8, ["disabled", "title"])),
-                    ae.value && D.value === "date" ? (f(), U(o(p), {
+                    ne.value && D.value === "date" ? (f(), U(o(p), {
                       key: 1,
-                      id: "q-date-time-toggle-time",
+                      ref: "toggleTime",
+                      "data-testid": "q-date-time-picker-toggle-time",
                       variant: "ghost",
                       title: l.texts.toggleMode,
-                      onClick: gt
+                      onClick: bt
                     }, {
                       default: b(() => [
                         i(
                           o(w),
-                          W(Q(l.icons.clock)),
+                          W(j(l.icons.clock)),
                           null,
                           16
                           /* FULL_PROPS */
@@ -1266,15 +1309,15 @@ const Kn = {
                       /* STABLE */
                     }, 8, ["title"])) : D.value !== "date" && !J.value ? (f(), U(o(p), {
                       key: 2,
-                      id: "q-date-time-toggle-date",
+                      "data-testid": "q-date-time-picker-toggle-date",
                       variant: "ghost",
                       title: l.texts.toggleMode,
-                      onClick: te
+                      onClick: qn
                     }, {
                       default: b(() => [
                         i(
                           o(w),
-                          W(Q(l.icons.calendar)),
+                          W(j(l.icons.calendar)),
                           null,
                           16
                           /* FULL_PROPS */
@@ -1285,15 +1328,16 @@ const Kn = {
                     }, 8, ["title"])) : M("v-if", !0),
                     l.clearable ? (f(), U(o(p), {
                       key: 3,
+                      "data-testid": "q-date-time-picker-clear",
                       variant: "ghost",
-                      disabled: !Ee.value,
+                      disabled: !Ye.value,
                       title: l.texts.clearValue,
-                      onClick: Rt
+                      onClick: Ut
                     }, {
                       default: b(() => [
                         i(
                           o(w),
-                          W(Q(l.icons.delete)),
+                          W(j(l.icons.delete)),
                           null,
                           16
                           /* FULL_PROPS */
@@ -1319,5 +1363,5 @@ const Kn = {
   }
 });
 export {
-  ma as default
+  xa as default
 };