@quidgest/ui 0.17.0 → 0.17.2

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 Gn, mergeModels as Xn, useModel as Zn, computed as s, ref as C, useTemplateRef as ce, watch as fe, onBeforeUnmount as Jn, createElementBlock as S, openBlock as m, Fragment as Y, createVNode as i, createBlock as W, createCommentVNode as x, unref as o, mergeProps as Q, createSlots as ea, withCtx as b, renderSlot as ta, createElementVNode as k, normalizeProps as G, guardReactiveProps as X, renderList as _e, toDisplayString as Xe, normalizeClass as na, nextTick as q } from "vue";
+import { WEEKDAY_NAMES as Ze, MONTH_NAMES as Je, DEFAULT_TEXTS as aa, DEFAULT_ICONS as ra } 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 { QIcon as I } from "../QIcon/index.js";
+import { QOverlay as la } from "../QOverlay/index.js";
+import { QSwitch as ua } from "../QSwitch/index.js";
+import { QTextField as Fe } from "../QTextField/index.js";
+import { useInputMask as oa, applyMask as Re, clampNumericSegments as St, resolveCursorPosition as ia } from "../../composables/useInputMask/index.js";
+import { formatUsesTime as sa, formatUsesSeconds as ca, uses12HourFormat as fa, isTimeOnlyFormat as da, formatDate as V, getFirstDayOfMonth as va, getDaysInMonth as Ct, isBetween as ma, isSameDay as Ne, convertDatePatternToMask as pa, parseDate as de, parseIsoDate as et, padNumber as tt, parseDateWithCompletion as nt, inputIncludesTimePortion as qt } from "../../utils/date.js";
+const ga = {
   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 = {
+}, ya = { class: "q-date-time-picker__header" }, ha = { class: "q-date-time-picker__weekdays" }, ba = { class: "q-date-time-picker__time" }, ka = {
   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({
+}, _a = { class: "q-date-time-picker__time-inputs" }, Da = { class: "q-date-time-picker__time-input-group" }, wa = { class: "q-date-time-picker__time-input-group" }, Ma = { class: "q-date-time-picker__time-input-group" }, Ta = { class: "q-date-time-picker__month-grid" }, xa = { class: "q-date-time-picker__year" }, Ia = { class: "q-date-time-picker__year-change" }, Ha = { class: "q-date-time-picker__year-interval" }, Sa = { class: "q-date-time-picker__year-grid" }, Ca = { class: "q-date-time-picker__bottom-bar" }, Z = 1001, J = 9999, ve = 26, Ft = 'a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable]', La = /* @__PURE__ */ Gn({
   inheritAttrs: !1,
   __name: "QDateTimePicker",
-  props: /* @__PURE__ */ Tn({
+  props: /* @__PURE__ */ Xn({
     id: {},
     class: {},
     label: {},
@@ -33,748 +33,864 @@ const Kn = {
     clearable: { type: Boolean },
     format: { default: "dd/MM/yyyy HH:mm" },
     range: { type: Boolean },
-    icons: { default: () => En },
-    texts: { default: () => qn }
+    icons: { default: () => ra },
+    texts: { default: () => aa }
   }, {
     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(
-      () => 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(
-      () => 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);
-    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() {
+  setup(at) {
+    const r = at, rt = Zn(at, "modelValue"), c = s({
+      get: () => rt.value,
+      set: (e) => rt.value = e || void 0
+    }), Rt = s(
+      () => r.readonly || r.disabled ? void 0 : r.placeholder
+    ), re = s(() => sa(r.format)), De = s(() => ca(r.format)), ee = s(() => fa(r.format)), E = s(() => da(r.format)), Nt = s(
+      () => y.value === (/* @__PURE__ */ new Date()).getMonth() && h.value === (/* @__PURE__ */ new Date()).getFullYear()
+    ), H = C(!1), Ve = C(!1), g = C(""), D = C(null), F = C(!1);
+    let me = 0;
+    const w = C("date"), y = C((/* @__PURE__ */ new Date()).getMonth()), h = C((/* @__PURE__ */ new Date()).getFullYear()), le = C((/* @__PURE__ */ new Date()).getFullYear());
+    let ue = null, A = !1, pe = !1, te = !1, oe = null;
+    function lt() {
       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;
-            return;
-          }
-          O = !1;
+          var a;
+          const e = ae(), t = document.activeElement;
+          e && (t === e || t instanceof Node && ((a = R.value) != null && a.contains(t))) && (A = !0);
         });
       });
     }
-    const C = Be("field"), N = Be("menu"), Ie = Be("calendar"), E = s(() => ({
+    const L = ce("field"), R = ce("menu"), Ee = ce("calendar"), Vt = ce("monthHeader"), Et = ce("yearHeader"), Pt = ce("toggleTime"), Pe = /* @__PURE__ */ new Map(), Ye = /* @__PURE__ */ new Map();
+    function we(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 Yt(e, t) {
+      const a = we(e);
+      a ? Pe.set(t, a) : Pe.delete(t);
+    }
+    function At(e, t) {
+      const a = we(e);
+      a ? Ye.set(t, a) : Ye.delete(t);
+    }
+    function Lt(e) {
+      var t;
+      (t = we(e)) == null || t.focus();
+    }
+    const O = s(() => ({
       getMonthIndex: (e, t) => {
         const a = e.toLowerCase();
-        return $e.findIndex((n) => {
-          const r = l.texts[n] ?? n;
-          return (t ? r.substring(0, 3) : r).toLowerCase() === a;
+        return Je.findIndex((n) => {
+          const l = r.texts[n] ?? n;
+          return (t ? l.substring(0, 3) : l).toLowerCase() === a;
         });
       },
       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;
-          if ((t ? c.substring(0, 3) : c).toLowerCase() === a) return n;
+          const l = (n + 6) % 7, u = Ze[l], f = r.texts[u] ?? u;
+          if ((t ? f.substring(0, 3) : f).toLowerCase() === a) return n;
         }
         return null;
       }
-    })), T = 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(() => {
-      const e = v.value;
+    })), M = s(() => {
+      const e = c.value;
+      return e ? e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? e[0] : typeof e == "string" ? ne(e) : null : null;
+    }), Me = s(() => {
+      const e = c.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;
-      if (!A.value || !m.value)
-        return Ce.value;
-      const e = R.value ?? ee.value;
-      return e ? e < m.value ? m.value : e : null;
-    }), $ = s(() => ({
+    }), v = C(null), ie = C(null), B = C(null), $ = C(!1), Ot = s(() => !$.value || !v.value ? M.value : B.value && B.value < v.value ? B.value : v.value), Bt = s(() => {
+      if (!r.range) return M.value;
+      if (!$.value || !v.value)
+        return Me.value;
+      const e = B.value ?? ie.value;
+      return e ? e < v.value ? v.value : e : null;
+    }), N = s(() => ({
       getMonthName: (e, t) => {
-        const a = be(e);
+        const a = xe(e);
         return t ? a.substring(0, 3) : a;
       },
       getWeekdayName: (e, t) => {
-        const a = (e + 6) % 7, n = Oe[a], r = l.texts[n] ?? n;
-        return t ? r.substring(0, 3) : r;
+        const a = (e + 6) % 7, n = Ze[a], l = r.texts[n] ?? n;
+        return t ? l.substring(0, 3) : l;
       }
-    })), Tt = 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);
-    function he() {
-      _.value = je.value;
-    }
-    se(
-      je,
+    })), $t = s(() => {
+      const e = c.value;
+      if (!e) return "";
+      if (Array.isArray(e))
+        return e.map(
+          (t) => t instanceof Date ? V(t, r.format, N.value) : t
+        ).join(" - ");
+      if (e instanceof Date)
+        return V(e, r.format, N.value);
+      if (typeof e == "string") {
+        const t = ne(e);
+        return t ? V(t, r.format, N.value) : String(e);
+      }
+      return String(e);
+    }), ut = s(() => D.value ?? $t.value);
+    function Te() {
+      g.value = ut.value;
+    }
+    fe(
+      ut,
       () => {
-        Te.value || he();
+        Ve.value || Te();
       },
       { 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 ot = s(() => {
+      const e = va(new Date(h.value, y.value, 1)), t = Ct(y.value, h.value), a = (e.getDay() + 6) % 7, n = [], l = y.value === 0 ? 11 : y.value - 1, u = y.value === 0 ? h.value - 1 : h.value, f = Ct(l, u);
       for (let d = a - 1; d >= 0; d--) {
-        const H = new Date(u, r, c - d);
-        He(n, H, !1);
+        const T = new Date(u, l, f - d);
+        Ae(n, T, !1);
       }
       for (let d = 1; d <= t; d++) {
-        const H = new Date(h.value, g.value, d);
-        He(n, H, !0);
+        const T = new Date(h.value, y.value, d);
+        Ae(n, T, !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 _ = 7 - n.length % 7, j = _ === 7 ? 0 : _;
+      for (let d = 1; d <= j; d++) {
+        const T = new Date(h.value, y.value + 1, d);
+        Ae(n, T, !1);
       }
       return n;
     });
-    function He(e, t, a) {
-      const n = wt.value, r = xt.value, u = t.getFullYear(), c = u < G || u > X;
+    function Ae(e, t, a) {
+      const n = Ot.value, l = Bt.value, u = t.getFullYear(), f = u < Z || u > J;
       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,
-        isDisabled: c
+        isToday: Ne(t, /* @__PURE__ */ new Date()),
+        isSelected: n ? Ne(t, n) : !1,
+        isRangeStart: !!n && Ne(t, n),
+        isRangeEnd: !!l && Ne(t, l),
+        isInRange: n && l ? ma(t, n, l) : !1,
+        isDisabled: f
       });
     }
-    const St = s(() => Oe.map((e) => {
+    const zt = s(() => Ze.map((e) => {
       var a;
       const t = e;
-      return ((a = l.texts[t]) == null ? void 0 : a.substring(0, 2)) ?? e;
-    })), Xe = s(
-      () => Array.from({ length: 12 }, (e, t) => be(t, 3))
+      return ((a = r.texts[t]) == null ? void 0 : a.substring(0, 2)) ?? e;
+    })), Kt = s(
+      () => Array.from({ length: 12 }, (e, t) => xe(t, 3))
     );
-    function be(e, t = 0) {
-      const a = $e[e], n = l.texts[a] ?? $e[e];
+    function xe(e, t = 0) {
+      const a = Je[e], n = r.texts[a] ?? Je[e];
       return t <= 0 ? n : n.substring(0, t);
     }
-    function Ze(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 t = Math.floor(ve / 2);
+      let a = e - t, n = a + ve;
+      return a < Z && (a = Z, n = Math.min(a + ve, J)), n > J && (n = J, a = Math.max(Z, n - ve)), { startYear: a, endYear: n };
     }
-    function It(e) {
-      const { startYear: t, endYear: a } = Ze(e);
-      return Array.from({ length: a - t + 1 }, (n, r) => t + r);
+    function Ut(e) {
+      const { startYear: t, endYear: a } = it(e);
+      return Array.from({ length: a - t + 1 }, (n, l) => t + l);
     }
-    function Ct() {
-      Je.value && (le.value -= ce);
+    function jt() {
+      st.value && (le.value -= ve);
     }
-    function Ht() {
-      et.value && (le.value += ce);
+    function Wt() {
+      ct.value && (le.value += ve);
     }
-    const ke = s(() => Ze(le.value)), Je = 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(
-      () => `${ve.value} - ${ve.value}`
+    const Ie = s(() => it(le.value)), st = s(
+      () => Ie.value.startYear > Z
+    ), ct = s(() => Ie.value.endYear < J), Qt = s(() => y.value === 0 ? h.value - 1 : h.value), Gt = s(() => y.value === 11 ? h.value + 1 : h.value), ft = s(() => Qt.value >= Z), dt = s(() => Gt.value <= J), Xt = s(() => Ut(le.value)), Zt = s(() => E.value ? r.icons.clock : r.icons.calendar), ge = s(() => pa(r.format)), Le = s(
+      () => `${ge.value} - ${ge.value}`
     );
-    Rn(
+    oa(
       () => {
         var e;
-        return (e = C == null ? void 0 : C.value) == null ? void 0 : e.inputRef;
+        return (e = L == null ? void 0 : L.value) == null ? void 0 : e.inputRef;
       },
-      () => l.range ? qe.value : ve.value
-    ), se(
+      () => r.range ? Le.value : ge.value
+    ), fe(
       () => {
         var e;
-        return (e = C == null ? void 0 : C.value) == null ? void 0 : e.inputRef;
+        return (e = L == null ? void 0 : L.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 = Tt(e);
+        oe = n, n && (n.addEventListener("click", wt), n.addEventListener("paste", _t, !0), a(() => {
+          oe = null, n.removeEventListener("click", wt), n.removeEventListener("paste", _t, !0);
         }));
       },
       { flush: "post" }
-    ), se(v, () => {
-      I.value = null, he();
+    ), fe(c, () => {
+      D.value = null, Te();
     });
-    const Ee = s(
-      () => l.clearable && !l.readonly && !l.disabled && !!v.value
+    function Jt(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 Oe = s(
+      () => r.clearable && !r.readonly && !r.disabled && Jt(c.value)
     );
-    function Rt() {
-      Ee.value && (m.value = null, ee.value = null, R.value = null, A.value = !1, v.value = void 0, _.value = "", De());
+    function en() {
+      Oe.value && ($e(), c.value = void 0, g.value = "", We());
     }
-    function Fe(e) {
-      !l.range || !A.value || !m.value || e.getFullYear() < G || e.getFullYear() > X || (R.value = new Date(e));
+    function Be(e) {
+      !r.range || !$.value || !v.value || e.getFullYear() < Z || e.getFullYear() > J || (B.value = new Date(e));
     }
-    function at() {
-      R.value = null;
+    function vt() {
+      B.value = null;
     }
-    function Pt(e) {
+    function tn(e) {
       const t = e.currentTarget, a = e.relatedTarget;
-      !t || a && t.contains(a) || at();
+      !t || a && t.contains(a) || vt();
     }
-    function lt(e) {
-      if (!l.range || !A.value || !m.value) return;
+    function mt(e) {
+      if (!r.range || !$.value || !v.value) return;
       const t = e.touches.item(0);
       if (!t) return;
       const a = document.elementFromPoint(t.clientX, t.clientY), n = a == null ? void 0 : a.closest("[data-day-index]");
       if (!n) return;
-      const r = Number(n.dataset.dayIndex);
-      if (Number.isNaN(r)) return;
-      const u = Ge.value[r];
-      u && Fe(u.date);
-    }
-    function Vt(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;
+      const l = Number(n.dataset.dayIndex);
+      if (Number.isNaN(l)) return;
+      const u = ot.value[l];
+      u && Be(u.date);
+    }
+    function nn(e) {
+      if (!(r.readonly || r.disabled) && !(e.getFullYear() < Z || e.getFullYear() > J))
+        if (r.range)
+          if ($.value) {
+            const t = v.value ?? new Date(e), a = new Date(e), [n, l] = a < t ? [a, t] : [t, a];
+            re.value && l.setHours(23, 59, De.value ? 59 : 0, 0), c.value = [n, l], v.value = null, ie.value = null, B.value = null, $.value = !1;
           } else {
             const t = new Date(e);
-            ae.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;
+            re.value && v.value && t.setHours(
+              v.value.getHours(),
+              v.value.getMinutes(),
+              v.value.getSeconds(),
+              v.value.getMilliseconds()
+            ), v.value = t, ie.value = null, B.value = null, $.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;
+          M.value && !Hn(M.value) ? t.setHours(
+            M.value.getHours(),
+            M.value.getMinutes(),
+            M.value.getSeconds()
+          ) : re.value && kt(t), c.value = t;
         }
     }
-    function ue(e, t) {
-      h.value = e, t && te();
+    function se(e, t) {
+      h.value = e, t && qe("year");
     }
-    function K(e, t) {
-      g.value = e, t && te();
+    function z(e, t) {
+      y.value = e, t && qe("month");
     }
-    function Yt() {
-      tt.value && (g.value === 0 ? (K(11), ue(h.value - 1)) : K(g.value - 1));
+    function an() {
+      ft.value && (y.value === 0 ? (z(11), se(h.value - 1)) : z(y.value - 1));
     }
-    function At() {
-      nt.value && (g.value === 11 ? (K(0), ue(h.value + 1)) : K(g.value + 1));
+    function rn() {
+      dt.value && (y.value === 11 ? (z(0), se(h.value + 1)) : z(y.value + 1));
     }
-    function Bt() {
-      K((/* @__PURE__ */ new Date()).getMonth()), ue((/* @__PURE__ */ new Date()).getFullYear()), te();
+    function ln() {
+      z((/* @__PURE__ */ new Date()).getMonth()), se((/* @__PURE__ */ new Date()).getFullYear()), Ce();
     }
-    function Lt() {
-      let e = T.value;
-      const t = v.value;
-      if (l.range && Array.isArray(t) && t.length > 0) {
+    function un() {
+      let e = M.value;
+      const t = c.value;
+      if (r.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 = de(a, r.format, O.value));
       }
-      e = e ?? /* @__PURE__ */ new Date(), K(e.getMonth()), ue(e.getFullYear()), te();
+      e = e ?? /* @__PURE__ */ new Date(), z(e.getMonth()), se(e.getFullYear()), Ce();
+    }
+    function ye(e) {
+      return r.range ? e === 1 ? Me.value ?? ie.value : M.value ?? v.value : M.value;
+    }
+    function $e() {
+      v.value = null, ie.value = null, B.value = null, $.value = !1;
     }
-    function me(e) {
-      return l.range ? e === 1 ? Ce.value ?? ee.value : T.value ?? m.value : T.value;
+    function on(e, t) {
+      return t < e ? [new Date(t), new Date(e)] : [new Date(e), new Date(t)];
     }
-    function Ot(e, t) {
-      if (!l.range) {
-        v.value = t;
+    function sn() {
+      if (!r.range || !E.value) return;
+      const e = c.value;
+      if (!Array.isArray(e) || e.length < 2) return;
+      const t = e[0], a = e[1];
+      !(t instanceof Date) || !(a instanceof Date) || a >= t || (c.value = on(t, a));
+    }
+    function cn(e, t) {
+      if (!r.range) {
+        c.value = t;
         return;
       }
-      const a = T.value, n = Ce.value;
-      if (!a || !n) {
-        e === 1 ? ee.value = t : m.value = t;
+      if (E.value) {
+        e === 0 ? v.value = t : ie.value = t;
+        const l = e === 0 ? t : M.value ?? v.value, u = e === 1 ? t : Me.value;
+        if (!l || !u) return;
+        c.value = [new Date(l), new Date(u)], $e();
         return;
       }
-      v.value = e === 1 ? [a, t] : [t, n];
+      if ($.value) {
+        e === 0 && (v.value = t);
+        return;
+      }
+      const a = M.value, n = Me.value;
+      !a || !n || (c.value = e === 1 ? [a, t] : [t, n]);
     }
     function P(e, t) {
-      const a = me(e) ?? (() => {
-        const r = /* @__PURE__ */ new Date();
-        return r.setHours(0, 0, 0, 0), r;
+      const a = ye(e) ?? (() => {
+        const l = /* @__PURE__ */ new Date();
+        return l.setHours(0, 0, 0, 0), l;
       })(), n = new Date(a);
-      t(n), Ot(e, n);
+      t(n), cn(e, n);
     }
-    function $t(e) {
-      const t = me(e);
-      if (!t) return Z.value ? 12 : 0;
+    function fn(e) {
+      const t = ye(e);
+      if (!t) return ee.value ? 12 : 0;
       const a = t.getHours();
-      return Z.value ? a % 12 || 12 : a;
+      return ee.value ? a % 12 || 12 : a;
     }
-    function Kt(e) {
+    function dn(e) {
       var t;
-      return ((t = me(e)) == null ? void 0 : t.getMinutes()) ?? 0;
+      return ((t = ye(e)) == null ? void 0 : t.getMinutes()) ?? 0;
     }
-    function zt(e) {
+    function vn(e) {
       var t;
-      return ((t = me(e)) == null ? void 0 : t.getSeconds()) ?? 0;
+      return ((t = ye(e)) == null ? void 0 : t.getSeconds()) ?? 0;
     }
-    function Ut(e) {
-      const t = me(e);
+    function mn(e) {
+      const t = ye(e);
       return t ? t.getHours() >= 12 : !1;
     }
-    function _e(e, t) {
+    function He(e, t) {
       return t ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e;
     }
-    function Wt(e) {
+    function pn(e) {
       P(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));
+        if (ee.value) {
+          const a = t.getHours() % 12 || 12, n = a >= 12 ? 1 : a + 1, l = t.getHours() >= 12;
+          t.setHours(He(n, l));
         } else
           t.setHours(t.getHours() >= 23 ? 0 : t.getHours() + 1);
       });
     }
-    function Qt(e) {
+    function gn(e) {
       P(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));
+        if (ee.value) {
+          const a = t.getHours() % 12 || 12, n = a <= 1 ? 12 : a - 1, l = t.getHours() >= 12;
+          t.setHours(He(n, l));
         } else
           t.setHours(t.getHours() <= 0 ? 23 : t.getHours() - 1);
       });
     }
-    function jt(e) {
+    function yn(e) {
       P(e, (t) => {
         t.setMinutes(t.getMinutes() >= 59 ? 0 : t.getMinutes() + 1);
       });
     }
-    function Gt(e) {
+    function hn(e) {
       P(e, (t) => {
         t.setMinutes(t.getMinutes() <= 0 ? 59 : t.getMinutes() - 1);
       });
     }
-    function Xt(e) {
+    function bn(e) {
       P(e, (t) => {
         t.setSeconds(t.getSeconds() >= 59 ? 0 : t.getSeconds() + 1);
       });
     }
-    function Zt(e) {
+    function kn(e) {
       P(e, (t) => {
         t.setSeconds(t.getSeconds() <= 0 ? 59 : t.getSeconds() - 1);
       });
     }
-    function Ne(e) {
+    function ze(e) {
       return (e ?? "").replace(/\D/g, "");
     }
-    function Jt(e) {
+    function _n(e) {
       return Math.min(23, Math.max(0, e));
     }
-    function en(e) {
+    function Dn(e) {
       return Math.min(12, Math.max(1, e));
     }
-    function rt(e) {
+    function pt(e) {
       return Math.min(59, Math.max(0, e));
     }
-    function ut(e, t) {
-      const a = Ne(e).slice(0, 2);
+    function gt(e, t) {
+      const a = ze(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);
+      const l = ee.value ? Dn(n) : _n(n);
       P(t, (u) => {
-        Z.value ? u.setHours(_e(r, u.getHours() >= 12)) : u.setHours(r);
+        ee.value ? u.setHours(He(l, u.getHours() >= 12)) : u.setHours(l);
       });
     }
-    function ot(e, t) {
-      const a = Ne(e).slice(0, 2);
+    function yt(e, t) {
+      const a = ze(e).slice(0, 2);
       if (a === "") return;
       const n = Number.parseInt(a, 10);
       if (Number.isNaN(n)) return;
-      const r = rt(n);
+      const l = pt(n);
       P(t, (u) => {
-        u.setMinutes(r);
+        u.setMinutes(l);
       });
     }
-    function it(e, t) {
-      const a = Ne(e).slice(0, 2);
+    function ht(e, t) {
+      const a = ze(e).slice(0, 2);
       if (a === "") return;
       const n = Number.parseInt(a, 10);
       if (Number.isNaN(n)) return;
-      const r = rt(n);
+      const l = pt(n);
       P(t, (u) => {
-        u.setSeconds(r);
+        u.setSeconds(l);
       });
     }
-    async function Re(e, t, a) {
+    async function Ke(e, t, a) {
       if (e.ctrlKey || e.altKey || e.metaKey || !/^\d$/.test(e.key)) return;
       const n = e.target;
       if (!n) return;
-      const r = n.selectionStart, u = n.selectionEnd;
-      if (r === null || u === null || r !== u || n.maxLength <= 0 || n.value.length < n.maxLength || r >= n.value.length)
+      const l = n.selectionStart, u = n.selectionEnd;
+      if (l === null || u === null || l !== u || n.maxLength <= 0 || n.value.length < n.maxLength || l >= n.value.length)
         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);
-      const y = Math.min(r + 1, n.maxLength);
-      await F(), n.setSelectionRange(y, y);
+      const f = `${n.value.slice(0, l)}${e.key}${n.value.slice(l + 1)}`;
+      t === "hours" ? gt(f, a) : t === "minutes" ? yt(f, a) : ht(f, a);
+      const _ = Math.min(l + 1, n.maxLength);
+      await q(), n.setSelectionRange(_, _);
     }
-    function tn(e, t) {
+    function wn(e, t) {
       P(t, (a) => {
         const n = a.getHours() % 12 || 12;
-        a.setHours(_e(n, e));
+        a.setHours(He(n, e));
       });
     }
-    async function Pe(e, t, a, n) {
+    async function Ue(e, t, a, n) {
       if (!e) return;
-      const r = Pn(t, a, n), u = () => e.setSelectionRange(r, r);
-      u(), await F(), u(), await new Promise((c) => {
+      const l = ia(t, a, n), u = () => e.setSelectionRange(l, l);
+      u(), await q(), u(), await new Promise((f) => {
         requestAnimationFrame(() => {
-          u(), c();
+          u(), f();
         });
       });
     }
-    async function st(e, t, a, n) {
+    async function bt(e, t, a, n) {
       if (a === t) {
-        _.value !== a && (_.value = a);
+        g.value !== a && (g.value = a);
         return;
       }
-      _.value = a, await Pe(e, t, a, n);
-    }
-    async function nn(e) {
-      var B;
-      if (de > 0) return;
-      if (l.readonly || l.disabled) {
-        he();
+      g.value = a, await Ue(e, t, a, n);
+    }
+    function ne(e, t) {
+      const a = e.trim();
+      if (!a) return null;
+      const n = de(a, r.format, O.value);
+      if (n) return n;
+      const l = et(a);
+      if (l) return l;
+      const u = Mt(a);
+      return u || (t != null && t.complete ? nt(a, r.format, O.value) : null);
+    }
+    async function Mn(e) {
+      if (me > 0) return;
+      if (r.readonly || r.disabled) {
+        Te();
         return;
       }
-      const t = ie((B = C.value) == null ? void 0 : B.inputRef), a = (t == null ? void 0 : t.selectionStart) ?? 0, n = e ?? "";
+      const t = ae(), a = (t == null ? void 0 : t.selectionStart) ?? 0, n = e ?? "";
       if (!n) {
-        v.value = void 0, I.value = null, _.value = "", Y.value = !1;
+        c.value = void 0, D.value = null, g.value = "", F.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;
+      if (r.range) {
+        const d = Se(n);
+        if (d) {
+          c.value = d, D.value = null, g.value = d.map((ke) => V(ke, r.format, N.value)).join(" - "), F.value = !1;
+          return;
+        }
+        const T = Re(n, Le.value);
+        await bt(t, n, T, a), D.value = T;
+        const Ge = Se(T);
+        if (Ge) {
+          c.value = Ge, D.value = null;
+          const ke = Ge.map((Qn) => V(Qn, r.format, N.value)).join(" - ");
+          ke !== T && (g.value = ke, await Ue(t, T, ke, a)), F.value = !1;
         }
         return;
       }
-      const r = we(n, ve.value), u = ht(r, l.format);
-      let c = u, y = L(u, l.format, E.value);
-      if (!y) {
-        const d = L(n, l.format, E.value);
-        d && (c = n, y = d);
+      const l = ne(n);
+      if (l) {
+        const d = K(l, n);
+        c.value = d, D.value = null, g.value = V(d, r.format, N.value), F.value = !1;
+        return;
+      }
+      const u = Re(n, ge.value), f = St(u, r.format);
+      let _ = f, j = de(f, r.format, O.value);
+      if (!j) {
+        const d = de(n, r.format, O.value);
+        d && (_ = n, j = 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 bt(t, n, _, a), D.value = _, j) {
+        const d = K(j, n);
+        c.value = d, D.value = null;
+        const T = V(d, r.format, N.value);
+        T !== _ && (g.value = T, await Ue(t, _, T, a)), F.value = !1;
       }
     }
-    function Ve(e, t) {
+    function Se(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);
-      }, r = n(a[0] ?? ""), u = n(a[1] ?? "");
-      return !r || !u ? null : u < r ? [u, r] : [r, u];
+      const n = (f) => ne(f, t), l = n(a[0] ?? ""), u = n(a[1] ?? "");
+      return !l || !u ? null : u < l ? [u, l] : [l, u];
     }
-    function an() {
-      if (l.readonly || l.disabled) return !1;
-      const e = I.value ?? _.value;
+    function Tn() {
+      if (r.readonly || r.disabled) return !1;
+      const e = D.value ?? g.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);
+      if (r.range) {
+        const f = Re(e, Le.value), _ = Se(f, { complete: !0 });
+        return _ ? (c.value = _, D.value = null, F.value = !1, g.value = _.map((j) => V(j, r.format, N.value)).join(" - "), !0) : (D.value = null, c.value = void 0, F.value = !0, g.value = "", !1);
       }
-      const t = we(e, ve.value), a = ht(t, l.format), n = ze(
-        a,
-        l.format,
-        E.value
-      );
+      const t = Re(e, ge.value), a = St(t, r.format), n = ne(e, { complete: !0 }) ?? nt(a, r.format, O.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 D.value = null, c.value = void 0, F.value = !0, g.value = "", !1;
+      const u = !!ne(e) || qt(a, r.format) ? n : K(n, a);
+      return c.value = u, D.value = null, F.value = !1, g.value = V(u, r.format, N.value), !0;
     }
-    function ln(e) {
+    function xn(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 In(e) {
+      return !re.value || ne(e) || qt(e, r.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 kt(e) {
       const t = /* @__PURE__ */ new Date();
       e.setHours(
         t.getHours(),
         t.getMinutes(),
-        ye.value ? t.getSeconds() : 0,
-        ye.value ? t.getMilliseconds() : 0
+        De.value ? t.getSeconds() : 0,
+        De.value ? t.getMilliseconds() : 0
       );
     }
-    function oe(e, t) {
-      if (l.range || !ae.value || t !== void 0 && rn(t)) return e;
+    function K(e, t) {
+      if (r.range || !re.value || t !== void 0 && In(t)) return e;
       const a = new Date(e);
-      return ct(a), a;
-    }
-    function on(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);
-      if (r) {
-        const u = L(e, r, E.value);
-        if (u) return oe(u, e);
+      return kt(a), a;
+    }
+    function Sn(e) {
+      if (r.range)
+        return Se(e);
+      const t = de(e, r.format, O.value);
+      if (t) return K(t, e);
+      const a = et(e);
+      if (a) return K(a, e);
+      const n = Mt(e);
+      if (n) return K(n, e);
+      const l = nt(e, r.format, O.value);
+      if (l) return K(l, e);
+      const u = xn(r.format);
+      if (u) {
+        const f = de(e, u, O.value);
+        if (f) return K(f, 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(" - ");
-        de += 1, v.value = e, _.value = a, F(() => {
-          de -= 1;
-        });
+    async function Cn(e) {
+      if (F.value = !1, D.value = null, Array.isArray(e)) {
+        const a = e.map((n) => V(n, r.format, N.value)).join(" - ");
+        me += 1, c.value = e, g.value = a, await q(), me -= 1;
         return;
       }
-      const t = j(e, l.format, $.value);
-      de += 1, v.value = e, _.value = t, F(() => {
-        de -= 1;
-      });
+      const t = V(e, r.format, N.value);
+      me += 1, c.value = e, g.value = t, await q(), me -= 1;
     }
-    function dt(e) {
-      var n, r, u, c;
-      if (l.readonly || l.disabled) {
+    function _t(e) {
+      var n, l, u, f;
+      if (r.readonly || r.disabled) {
         e.preventDefault();
         return;
       }
-      const t = ((r = (n = e.clipboardData) == null ? void 0 : n.getData("text/plain")) == null ? void 0 : r.trim()) || ((c = (u = e.clipboardData) == null ? void 0 : u.getData("text")) == null ? void 0 : c.trim()) || "";
+      const t = ((l = (n = e.clipboardData) == null ? void 0 : n.getData("text/plain")) == null ? void 0 : l.trim()) || ((f = (u = e.clipboardData) == null ? void 0 : u.getData("text")) == null ? void 0 : f.trim()) || "";
       if (!t) {
         e.preventDefault();
         return;
       }
-      const a = on(t);
+      const a = Sn(t);
       if (!a) {
         e.preventDefault();
         return;
       }
-      e.preventDefault(), sn(a);
+      e.preventDefault(), Cn(a);
     }
-    function cn(e) {
+    function qn(e) {
       const t = e.target;
-      if (!(t instanceof Element) || !N.value) return null;
+      if (!(t instanceof Element) || !R.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 && R.value.contains(a) ? a : null;
     }
-    function dn(e) {
+    function Fn(e) {
       return !(e.matches(":disabled") || e.getAttribute("aria-disabled") === "true" || e.getAttribute("tabindex") === "-1");
     }
-    function fn(e) {
+    function Rn(e) {
       var a;
-      if (!(e.target instanceof Node) || !((a = N.value) != null && a.contains(e.target))) return;
-      fe = !0;
-      const t = cn(e);
-      t && !dn(t) && e.preventDefault();
+      if (!(e.target instanceof Node) || !((a = R.value) != null && a.contains(e.target))) return;
+      pe = !0;
+      const t = qn(e);
+      t && !Fn(t) && e.preventDefault();
     }
-    function ft() {
-      return N.value ? Array.from(N.value.querySelectorAll(_t)).filter(
+    function Dt() {
+      return R.value ? Array.from(R.value.querySelectorAll(Ft)).filter(
         (e) => e.offsetWidth > 0 || e.offsetHeight > 0 || e.getClientRects().length > 0
       ) : [];
     }
-    function vn() {
-      var n, r;
-      const e = ie((n = C.value) == null ? void 0 : n.inputRef);
+    function Nn() {
+      var n;
+      const e = ae();
       if (!e) return;
       const t = Array.from(
-        document.querySelectorAll(_t)
+        document.querySelectorAll(Ft)
       ).filter(
-        (u) => u.offsetWidth > 0 || u.offsetHeight > 0 || u.getClientRects().length > 0
+        (l) => l.offsetWidth > 0 || l.offsetHeight > 0 || l.getClientRects().length > 0
       ), a = t.indexOf(e);
-      a >= 0 && a < t.length - 1 && ((r = t[a + 1]) == null || r.focus());
+      a >= 0 && a < t.length - 1 && ((n = t[a + 1]) == null || n.focus());
     }
-    function mn(e) {
-      if (e.key !== "Tab" || !x.value || l.readonly || l.disabled) return;
+    function Vn(e) {
+      if (e.key !== "Tab" || !H.value || r.readonly || r.disabled) return;
       if (e.shiftKey) {
-        O = !1, x.value = !1;
+        A = !1, H.value = !1;
         return;
       }
-      const [t] = ft();
-      t && (e.preventDefault(), fe = !0, t.focus());
+      const [t] = Dt();
+      t && (e.preventDefault(), pe = !0, t.focus());
     }
-    async function pn(e) {
+    async function En(e) {
       if (e.key !== "Tab") return;
-      const t = ft();
+      const t = Dt();
       if (!t.length) return;
-      const a = t[0], n = t[t.length - 1], r = document.activeElement;
+      const a = t[0], n = t[t.length - 1], l = document.activeElement;
       if (e.shiftKey) {
-        if (r !== a) return;
-        e.preventDefault(), fe = !0, De();
+        if (l !== a) return;
+        e.preventDefault(), pe = !0, We();
         return;
       }
-      r === n && (e.preventDefault(), Se = !0, x.value = !1, await F(), vn());
+      l === n && (e.preventDefault(), te = !0, H.value = !1, await q(), Nn());
     }
-    async function gn(e) {
-      var r, u, c;
-      if (an(), fe) {
-        fe = !1;
+    async function Pn(e) {
+      var l, u;
+      if (Tn(), pe) {
+        pe = !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 && ((l = R.value) != null && l.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()));
-    }
-    function yn() {
-      if (!(l.readonly || l.disabled)) {
-        if (Te.value = !0, O) {
-          O = !1;
+      await q();
+      const a = ae(), n = document.activeElement;
+      a !== n && (n instanceof Node && ((u = R.value) != null && u.contains(n)) || (A = !1, H.value = !1, Ve.value = !1, Te()));
+    }
+    function Yn() {
+      if (!(r.readonly || r.disabled)) {
+        if (Ve.value = !0, A) {
+          A = !1;
           return;
         }
-        x.value || (x.value = !0);
+        H.value || (H.value = !0);
       }
     }
-    function vt() {
-      l.readonly || l.disabled || (O = !1, x.value = !0);
+    function wt() {
+      r.readonly || r.disabled || (A = !1, H.value = !0);
     }
-    function hn(e) {
-      e || Qe(), x.value = e;
+    function An(e) {
+      e || lt(), H.value = e;
     }
-    function bn(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(
+    function Mt(e) {
+      const t = et(e);
+      if (t) return t;
+      const a = /[A-Za-z]/.test(e), n = /^\d{4}[-/]\d{1,2}[-/]\d{1,2}(?:[ T]\d{1,2}:\d{2}(?::\d{2})?)?$/.test(
         e
       );
-      if (!t && !a) return null;
-      const n = new Date(e);
-      return Number.isNaN(n.getTime()) ? null : n;
+      if (!a && !n) return null;
+      const l = new Date(e);
+      return Number.isNaN(l.getTime()) ? null : l;
     }
-    function ie(e) {
+    function Tt(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 ae() {
+      var n, l;
+      if (oe) return oe;
+      const e = Tt((n = L.value) == null ? void 0 : n.inputRef);
+      if (e)
+        return oe = e, e;
+      const t = we(
+        (l = L.value) == null ? void 0 : l.fieldRef
+      ), a = (t == null ? void 0 : t.querySelector(".q-text-field__input")) ?? null;
+      return a ? (oe = a, a) : null;
+    }
+    function Ln(e) {
       return e.isSelected || e.isRangeStart || e.isRangeEnd ? "bold" : e.isInRange ? "tonal" : "ghost";
     }
-    function pe(e) {
+    function he(e) {
       var t;
-      (t = N.value) == null || t.style.setProperty("--q-date-view-height", `${Math.max(0, e)}px`);
+      (t = R.value) == null || t.style.setProperty("--q-date-view-height", `${Math.max(0, e)}px`);
     }
-    async function mt() {
+    async function xt() {
       var e;
-      if (!x.value || J.value) {
-        pe(0);
+      if (!H.value || E.value) {
+        he(0);
         return;
       }
-      D.value === "date" && (await F(), pe(((e = Ie.value) == null ? void 0 : e.getBoundingClientRect().height) ?? 0));
+      w.value === "date" && (await q(), he(((e = Ee.value) == null ? void 0 : e.getBoundingClientRect().height) ?? 0));
     }
-    function z() {
-      re == null || re.disconnect(), re = null;
+    function U() {
+      ue == null || ue.disconnect(), ue = 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 It() {
+      !H.value || E.value || w.value !== "date" || (await q(), Ee.value && (U(), ue = new MutationObserver(() => {
+        xt();
+      }), ue.observe(Ee.value, {
         childList: !0,
         subtree: !0,
         attributes: !0,
         characterData: !0
-      }), mt()));
+      }), xt()));
     }
-    function gt() {
-      D.value = "time", z();
+    function je() {
+      w.value = "time", U();
     }
-    function te() {
-      D.value = "date", pt();
+    function Ce() {
+      w.value = "date", It();
     }
-    async function _n() {
+    async function qe(e) {
       var a;
-      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();
+      (a = R.value) == null || a.focus(), Ce(), await q();
+      const t = e === "year" ? Et.value : e === "month" ? Vt.value : e === "time" ? Pt.value : null;
+      Lt(t);
     }
-    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" });
+    function On() {
+      const e = w.value;
+      e !== "date" && qe(e);
     }
-    async function Ye(e) {
-      var a;
+    async function Bn() {
+      U(), w.value = "month", await q();
+      const e = Pe.get(y.value);
+      e == null || e.scrollIntoView({ block: "center" }), e == null || e.focus();
+    }
+    async function $n() {
+      var e;
+      U(), le.value = h.value, w.value = "year", await q(), (e = Ye.get(le.value)) == null || e.scrollIntoView({ block: "center" });
+    }
+    async function be(e) {
       if (e.key !== "Escape") return;
-      if (O = !0, D.value === "date") {
-        e.preventDefault(), x.value = !1;
+      if (A = !0, w.value === "date" || E.value) {
+        e.preventDefault(), H.value = !1, await q(), Qe();
         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 = w.value;
+      await qe(t);
+    }
+    function We() {
+      var e;
+      (e = ae()) == null || e.focus();
+    }
+    function zn(e) {
+      return !e || e === document.body || e === document.documentElement;
+    }
+    function Kn(e, t) {
+      if (e.closest(".q-date-time-picker__menu")) return !1;
+      const a = t.closest(".q-date-time-picker");
+      return a != null && a.contains(e) || !(e instanceof HTMLElement) ? !1 : e.tabIndex >= 0 || e.matches(
+        'input, select, textarea, button, a[href], [tabindex]:not([tabindex="-1"])'
+      );
+    }
+    function Un(e) {
+      var a;
+      const t = ae();
+      return t ? e === t || !e || !e.isConnected || zn(e) || (a = R.value) != null && a.contains(e) ? !0 : !Kn(e, t) : !1;
+    }
+    function jn() {
+      if (te) return;
+      const e = ae();
+      !e || !Un(document.activeElement) || (A = !0, e.focus());
     }
-    function De() {
-      var e, t;
-      (t = (e = C.value) == null ? void 0 : e.inputRef) == null || t.focus();
+    function Qe() {
+      q().then(() => {
+        requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            jn();
+          });
+        });
+      });
     }
-    function Mn() {
-      var a, n;
-      if (Se) {
-        Se = !1;
+    function Wn() {
+      if (te) {
+        te = !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();
-    }
-    return se(v, () => {
-      T.value && (K(T.value.getMonth()), ue(T.value.getFullYear()));
-    }), se(x, (e, t) => {
-      if (J.value) {
-        z(), pe(0);
+      Qe();
+    }
+    function Ht() {
+      lt();
+      const e = te;
+      te && (te = !1), e || (A = !0, Qe());
+    }
+    return fe(c, () => {
+      M.value && (z(M.value.getMonth()), se(M.value.getFullYear()));
+    }), fe(H, (e, t) => {
+      if (E.value) {
+        U(), he(0), e ? (document.addEventListener("keydown", be, { capture: !0 }), je()) : (t && (sn(), Ht()), document.removeEventListener("keydown", be, { capture: !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));
-    }), se(
-      J,
+      $e(), e ? (document.addEventListener("keydown", be, { capture: !0 }), un(), It()) : (t && Ht(), document.removeEventListener("keydown", be, { capture: !0 }), U(), he(0));
+    }), fe(
+      E,
       (e) => {
-        e && z(), x.value = !1, e && pe(0), e ? gt() : te();
+        e && U(), H.value = !1, e && he(0), e ? je() : Ce();
       },
       { immediate: !0 }
-    ), In(() => {
-      z(), document.removeEventListener("keydown", Ye);
+    ), Jn(() => {
+      U(), document.removeEventListener("keydown", be, { capture: !0 });
     }), (e, t) => {
       var a;
-      return f(), S(
-        V,
+      return m(), S(
+        Y,
         null,
         [
-          i(o(Me), {
-            id: l.id,
+          i(o(Fe), Q({
+            id: r.id,
             ref: "field",
-            "model-value": _.value,
-            class: yt(["q-date-time-picker", l.class]),
-            clearable: Ee.value,
-            label: l.label,
-            "label-position": l.labelPosition,
-            readonly: l.readonly,
-            disabled: l.disabled,
-            placeholder: Dt.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({
+            "model-value": g.value,
+            class: ["q-date-time-picker", r.class],
+            clearable: Oe.value,
+            "aria-label": r.label,
+            label: r.label,
+            "label-position": r.labelPosition,
+            readonly: r.readonly,
+            disabled: r.disabled,
+            placeholder: Rt.value,
+            required: r.required,
+            size: r.size,
+            invalid: r.invalid || F.value
+          }, e.$attrs, {
+            onBlur: Pn,
+            "onClick:clear": We,
+            onFocusin: Yn,
+            onKeydown: Vn,
+            "onUpdate:modelValue": Mn
+          }), ea({
             prepend: b(() => [
               i(
-                o(w),
-                ne({ class: "q-date-time-picker__input-icon" }, Nt.value),
+                o(I),
+                Q({ class: "q-date-time-picker__input-icon" }, Zt.value),
                 null,
                 16
                 /* FULL_PROPS */
@@ -786,24 +902,24 @@ const Kn = {
             e.$slots.extras ? {
               name: "extras",
               fn: b(() => [
-                Hn(e.$slots, "extras")
+                ta(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), {
+          ]), 1040, ["id", "model-value", "class", "clearable", "aria-label", "label", "label-position", "readonly", "disabled", "placeholder", "required", "size", "invalid"]),
+          !r.readonly && !r.disabled ? (m(), W(o(la), {
             key: 0,
-            "model-value": x.value,
-            anchor: (a = C.value) == null ? void 0 : a.fieldRef,
-            inline: l.inline,
+            "model-value": H.value,
+            anchor: (a = L.value) == null ? void 0 : a.fieldRef,
+            inline: r.inline,
             offset: 8,
             placement: "bottom",
             trigger: "manual",
             arrow: "",
             "non-modal": "",
             spy: "",
-            onLeave: Mn,
-            "onUpdate:modelValue": hn
+            onLeave: Wn,
+            "onUpdate:modelValue": An
           }, {
             default: b(() => [
               k(
@@ -811,27 +927,28 @@ const Kn = {
                 {
                   ref: "menu",
                   class: "q-date-time-picker__menu",
-                  onPointerdownCapture: fn,
-                  onKeydown: pn
+                  tabindex: "-1",
+                  onPointerdownCapture: Rn,
+                  onKeydown: En
                 },
                 [
-                  M(" Calendar View "),
-                  D.value === "date" ? (f(), S(
+                  x(" Calendar View "),
+                  w.value === "date" ? (m(), S(
                     "div",
-                    Kn,
+                    ga,
                     [
-                      M(" Header "),
-                      k("div", zn, [
+                      x(" Header "),
+                      k("div", ya, [
                         i(o(p), {
                           variant: "ghost",
-                          disabled: !tt.value,
-                          title: l.texts.previousMonth,
-                          onClick: Yt
+                          disabled: !ft.value,
+                          title: r.texts.previousMonth,
+                          onClick: an
                         }, {
                           default: b(() => [
                             i(
-                              o(w),
-                              W(Q(l.icons.back)),
+                              o(I),
+                              G(X(r.icons.back)),
                               null,
                               16
                               /* FULL_PROPS */
@@ -841,29 +958,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
+                          label: xe(y.value, 3),
+                          title: r.texts.pickMonth,
+                          onClick: Bn
                         }, 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
+                          title: r.texts.pickYear,
+                          onClick: $n
                         }, null, 8, ["label", "title"]),
                         i(o(p), {
                           variant: "ghost",
-                          disabled: !nt.value,
-                          title: l.texts.nextMonth,
-                          onClick: At
+                          disabled: !dt.value,
+                          title: r.texts.nextMonth,
+                          onClick: rn
                         }, {
                           default: b(() => [
                             i(
-                              o(w),
-                              W(Q(l.icons.forward)),
+                              o(I),
+                              G(X(r.icons.forward)),
                               null,
                               16
                               /* FULL_PROPS */
@@ -873,18 +992,18 @@ const Kn = {
                           /* STABLE */
                         }, 8, ["disabled", "title"])
                       ]),
-                      M(" Weekday Headers "),
-                      k("div", Un, [
-                        (f(!0), S(
-                          V,
+                      x(" Weekday Headers "),
+                      k("div", ha, [
+                        (m(!0), S(
+                          Y,
                           null,
-                          ge(St.value, (n) => (f(), S(
+                          _e(zt.value, (n) => (m(), S(
                             "div",
                             {
                               key: n,
                               class: "q-date-time-picker__weekday"
                             },
-                            Le(n),
+                            Xe(n),
                             1
                             /* TEXT */
                           ))),
@@ -892,24 +1011,24 @@ const Kn = {
                           /* KEYED_FRAGMENT */
                         ))
                       ]),
-                      M(" Days Grid "),
+                      x(" Days Grid "),
                       k(
                         "div",
                         {
                           class: "q-date-time-picker__days",
-                          onMouseleave: at,
-                          onFocusout: Pt,
-                          onTouchstartPassive: lt,
-                          onTouchmovePassive: lt
+                          onMouseleave: vt,
+                          onFocusout: tn,
+                          onTouchstartPassive: mt,
+                          onTouchmovePassive: mt
                         },
                         [
-                          (f(!0), S(
-                            V,
+                          (m(!0), S(
+                            Y,
                             null,
-                            ge(Ge.value, (n, r) => (f(), U(o(p), {
-                              key: r,
-                              "data-day-index": r,
-                              class: yt([
+                            _e(ot.value, (n, l) => (m(), W(o(p), {
+                              key: l,
+                              "data-day-index": l,
+                              class: na([
                                 "q-date-time-picker__day",
                                 {
                                   "q-date-time-picker__day--other-month": !n.isCurrentMonth,
@@ -921,11 +1040,11 @@ const Kn = {
                                 }
                               ]),
                               label: n.date.getDate().toString(),
-                              variant: kn(n),
+                              variant: Ln(n),
                               disabled: n.isDisabled,
-                              onMouseenter: () => Fe(n.date),
-                              onFocus: () => Fe(n.date),
-                              onClick: () => Vt(n.date)
+                              onMouseenter: () => Be(n.date),
+                              onFocus: () => Be(n.date),
+                              onClick: () => nn(n.date)
                             }, null, 8, ["data-day-index", "class", "label", "variant", "disabled", "onMouseenter", "onFocus", "onClick"]))),
                             128
                             /* KEYED_FRAGMENT */
@@ -937,41 +1056,41 @@ const Kn = {
                     ],
                     512
                     /* NEED_PATCH */
-                  )) : D.value === "time" ? (f(), S(
-                    V,
+                  )) : w.value === "time" ? (m(), S(
+                    Y,
                     { key: 1 },
                     [
-                      M(" Time View "),
-                      k("div", Wn, [
-                        (f(!0), S(
-                          V,
+                      x(" Time View "),
+                      k("div", ba, [
+                        (m(!0), S(
+                          Y,
                           null,
-                          ge(l.range ? 2 : 1, (n) => (f(), S("div", {
+                          _e(r.range ? 2 : 1, (n) => (m(), S("div", {
                             key: n,
                             class: "q-date-time-picker__time-group"
                           }, [
-                            Z.value ? (f(), S("div", Qn, [
-                              i(o(Nn), {
-                                "model-value": Ut(n - 1),
+                            ee.value ? (m(), S("div", ka, [
+                              i(o(ua), {
+                                "model-value": mn(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)
+                                "false-label": r.texts.am,
+                                "true-label": r.texts.pm,
+                                "onUpdate:modelValue": (l) => wn(l ?? !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, [
+                            ])) : x("v-if", !0),
+                            x(" Time Inputs "),
+                            k("div", _a, [
+                              k("div", Da, [
                                 i(o(p), {
                                   variant: "ghost",
-                                  title: l.texts.increaseHour,
-                                  onClick: (r) => Wt(n - 1)
+                                  title: r.texts.increaseHour,
+                                  onClick: (l) => pn(n - 1)
                                 }, {
                                   default: b(() => [
                                     i(
-                                      o(w),
-                                      ne({ ref_for: !0 }, l.icons.up),
+                                      o(I),
+                                      Q({ ref_for: !0 }, r.icons.up),
                                       null,
                                       16
                                       /* FULL_PROPS */
@@ -980,24 +1099,24 @@ const Kn = {
                                   _: 1
                                   /* STABLE */
                                 }, 8, ["title", "onClick"]),
-                                i(o(Me), {
+                                i(o(Fe), {
                                   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(tt)(fn(n - 1)),
+                                  onKeydown: (l) => Ke(l, "hours", n - 1),
+                                  "onUpdate:modelValue": (l) => gt(l, n - 1)
                                 }, null, 8, ["model-value", "onKeydown", "onUpdate:modelValue"]),
                                 i(o(p), {
                                   variant: "ghost",
-                                  title: l.texts.decreaseHour,
-                                  onClick: (r) => Qt(n - 1)
+                                  title: r.texts.decreaseHour,
+                                  onClick: (l) => gn(n - 1)
                                 }, {
                                   default: b(() => [
                                     i(
-                                      o(w),
-                                      ne({ ref_for: !0 }, l.icons.down),
+                                      o(I),
+                                      Q({ ref_for: !0 }, r.icons.down),
                                       null,
                                       16
                                       /* FULL_PROPS */
@@ -1014,16 +1133,16 @@ const Kn = {
                                 -1
                                 /* CACHED */
                               )),
-                              k("div", Xn, [
+                              k("div", wa, [
                                 i(o(p), {
                                   variant: "ghost",
-                                  title: l.texts.increaseMinute,
-                                  onClick: (r) => jt(n - 1)
+                                  title: r.texts.increaseMinute,
+                                  onClick: (l) => yn(n - 1)
                                 }, {
                                   default: b(() => [
                                     i(
-                                      o(w),
-                                      ne({ ref_for: !0 }, l.icons.up),
+                                      o(I),
+                                      Q({ ref_for: !0 }, r.icons.up),
                                       null,
                                       16
                                       /* FULL_PROPS */
@@ -1032,24 +1151,24 @@ const Kn = {
                                   _: 1
                                   /* STABLE */
                                 }, 8, ["title", "onClick"]),
-                                i(o(Me), {
+                                i(o(Fe), {
                                   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(tt)(dn(n - 1)),
+                                  onKeydown: (l) => Ke(l, "minutes", n - 1),
+                                  "onUpdate:modelValue": (l) => yt(l, n - 1)
                                 }, null, 8, ["model-value", "onKeydown", "onUpdate:modelValue"]),
                                 i(o(p), {
                                   variant: "ghost",
-                                  title: l.texts.decreaseMinute,
-                                  onClick: (r) => Gt(n - 1)
+                                  title: r.texts.decreaseMinute,
+                                  onClick: (l) => hn(n - 1)
                                 }, {
                                   default: b(() => [
                                     i(
-                                      o(w),
-                                      ne({ ref_for: !0 }, l.icons.down),
+                                      o(I),
+                                      Q({ ref_for: !0 }, r.icons.down),
                                       null,
                                       16
                                       /* FULL_PROPS */
@@ -1059,8 +1178,8 @@ const Kn = {
                                   /* STABLE */
                                 }, 8, ["title", "onClick"])
                               ]),
-                              ye.value ? (f(), S(
-                                V,
+                              De.value ? (m(), S(
+                                Y,
                                 { key: 0 },
                                 [
                                   t[0] || (t[0] = k(
@@ -1070,16 +1189,16 @@ const Kn = {
                                     -1
                                     /* CACHED */
                                   )),
-                                  k("div", Zn, [
+                                  k("div", Ma, [
                                     i(o(p), {
                                       variant: "ghost",
-                                      title: l.texts.increaseSecond,
-                                      onClick: (r) => Xt(n - 1)
+                                      title: r.texts.increaseSecond,
+                                      onClick: (l) => bn(n - 1)
                                     }, {
                                       default: b(() => [
                                         i(
-                                          o(w),
-                                          ne({ ref_for: !0 }, l.icons.up),
+                                          o(I),
+                                          Q({ ref_for: !0 }, r.icons.up),
                                           null,
                                           16
                                           /* FULL_PROPS */
@@ -1088,24 +1207,24 @@ const Kn = {
                                       _: 1
                                       /* STABLE */
                                     }, 8, ["title", "onClick"]),
-                                    i(o(Me), {
+                                    i(o(Fe), {
                                       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(tt)(vn(n - 1)),
+                                      onKeydown: (l) => Ke(l, "seconds", n - 1),
+                                      "onUpdate:modelValue": (l) => ht(l, n - 1)
                                     }, null, 8, ["model-value", "onKeydown", "onUpdate:modelValue"]),
                                     i(o(p), {
                                       variant: "ghost",
-                                      title: l.texts.decreaseSecond,
-                                      onClick: (r) => Zt(n - 1)
+                                      title: r.texts.decreaseSecond,
+                                      onClick: (l) => kn(n - 1)
                                     }, {
                                       default: b(() => [
                                         i(
-                                          o(w),
-                                          ne({ ref_for: !0 }, l.icons.down),
+                                          o(I),
+                                          Q({ ref_for: !0 }, r.icons.down),
                                           null,
                                           16
                                           /* FULL_PROPS */
@@ -1118,7 +1237,7 @@ const Kn = {
                                 ],
                                 64
                                 /* STABLE_FRAGMENT */
-                              )) : M("v-if", !0)
+                              )) : x("v-if", !0)
                             ])
                           ]))),
                           128
@@ -1128,24 +1247,27 @@ const Kn = {
                     ],
                     2112
                     /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                  )) : D.value === "month" ? (f(), S(
-                    V,
+                  )) : w.value === "month" ? (m(), S(
+                    Y,
                     { key: 2 },
                     [
-                      M(" Month View "),
-                      k("div", Jn, [
-                        (f(!0), S(
-                          V,
+                      x(" Month View "),
+                      k("div", Ta, [
+                        (m(!0), S(
+                          Y,
                           null,
-                          ge(Xe.value, (n, r) => (f(), U(o(p), {
-                            id: `q-date-time-month-option-${r}`,
-                            key: r,
-                            disabled: g.value === r,
+                          _e(Kt.value, (n, l) => (m(), W(o(p), {
+                            key: l,
+                            ref_for: !0,
+                            ref: (u) => Yt(u, l),
+                            "data-testid": "q-date-time-picker-month-option",
+                            "data-month-index": l,
+                            disabled: y.value === l,
                             label: n,
-                            title: be(r),
+                            title: xe(l),
                             variant: "ghost",
-                            onClick: () => K(r, !0)
-                          }, null, 8, ["id", "disabled", "label", "title", "onClick"]))),
+                            onClick: () => z(l, !0)
+                          }, null, 8, ["data-month-index", "disabled", "label", "title", "onClick"]))),
                           128
                           /* KEYED_FRAGMENT */
                         ))
@@ -1153,23 +1275,23 @@ const Kn = {
                     ],
                     2112
                     /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                  )) : D.value === "year" ? (f(), S(
-                    V,
+                  )) : w.value === "year" ? (m(), S(
+                    Y,
                     { key: 3 },
                     [
-                      M(" Year View "),
-                      k("div", ea, [
-                        k("div", ta, [
+                      x(" Year View "),
+                      k("div", xa, [
+                        k("div", Ia, [
                           i(o(p), {
                             variant: "ghost",
-                            disabled: !Je.value,
-                            title: l.texts.previousYears,
-                            onClick: Ct
+                            disabled: !st.value,
+                            title: r.texts.previousYears,
+                            onClick: jt
                           }, {
                             default: b(() => [
                               i(
-                                o(w),
-                                W(Q(l.icons.back)),
+                                o(I),
+                                G(X(r.icons.back)),
                                 null,
                                 16
                                 /* FULL_PROPS */
@@ -1180,21 +1302,21 @@ const Kn = {
                           }, 8, ["disabled", "title"]),
                           k(
                             "div",
-                            na,
-                            Le(ke.value.startYear) + " - " + Le(ke.value.endYear),
+                            Ha,
+                            Xe(Ie.value.startYear) + " - " + Xe(Ie.value.endYear),
                             1
                             /* TEXT */
                           ),
                           i(o(p), {
                             variant: "ghost",
-                            disabled: !et.value,
-                            title: l.texts.nextYears,
-                            onClick: Ht
+                            disabled: !ct.value,
+                            title: r.texts.nextYears,
+                            onClick: Wt
                           }, {
                             default: b(() => [
                               i(
-                                o(w),
-                                W(Q(l.icons.forward)),
+                                o(I),
+                                G(X(r.icons.forward)),
                                 null,
                                 16
                                 /* FULL_PROPS */
@@ -1204,19 +1326,22 @@ const Kn = {
                             /* STABLE */
                           }, 8, ["disabled", "title"])
                         ]),
-                        k("div", aa, [
-                          (f(!0), S(
-                            V,
+                        k("div", Sa, [
+                          (m(!0), S(
+                            Y,
                             null,
-                            ge(Ft.value, (n, r) => (f(), U(o(p), {
-                              id: `q-date-time-year-${n}`,
-                              key: r,
+                            _e(Xt.value, (n, l) => (m(), W(o(p), {
+                              key: l,
+                              ref_for: !0,
+                              ref: (u) => At(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: () => se(n, !0)
+                            }, null, 8, ["data-year", "disabled", "label", "title", "onClick"]))),
                             128
                             /* KEYED_FRAGMENT */
                           ))
@@ -1225,19 +1350,19 @@ const Kn = {
                     ],
                     2112
                     /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                  )) : M("v-if", !0),
-                  k("div", la, [
-                    J.value ? M("v-if", !0) : (f(), U(o(p), {
+                  )) : x("v-if", !0),
+                  k("div", Ca, [
+                    E.value ? x("v-if", !0) : (m(), W(o(p), {
                       key: 0,
                       variant: "ghost",
-                      disabled: Mt.value,
-                      title: l.texts.today,
-                      onClick: Bt
+                      disabled: Nt.value,
+                      title: r.texts.today,
+                      onClick: ln
                     }, {
                       default: b(() => [
                         i(
-                          o(w),
-                          W(Q(l.icons.today)),
+                          o(I),
+                          G(X(r.icons.today)),
                           null,
                           16
                           /* FULL_PROPS */
@@ -1246,17 +1371,18 @@ const Kn = {
                       _: 1
                       /* STABLE */
                     }, 8, ["disabled", "title"])),
-                    ae.value && D.value === "date" ? (f(), U(o(p), {
+                    re.value && w.value === "date" ? (m(), W(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
+                      title: r.texts.toggleMode,
+                      onClick: je
                     }, {
                       default: b(() => [
                         i(
-                          o(w),
-                          W(Q(l.icons.clock)),
+                          o(I),
+                          G(X(r.icons.clock)),
                           null,
                           16
                           /* FULL_PROPS */
@@ -1264,17 +1390,17 @@ const Kn = {
                       ]),
                       _: 1
                       /* STABLE */
-                    }, 8, ["title"])) : D.value !== "date" && !J.value ? (f(), U(o(p), {
+                    }, 8, ["title"])) : w.value !== "date" && !E.value ? (m(), W(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
+                      title: r.texts.toggleMode,
+                      onClick: On
                     }, {
                       default: b(() => [
                         i(
-                          o(w),
-                          W(Q(l.icons.calendar)),
+                          o(I),
+                          G(X(r.icons.calendar)),
                           null,
                           16
                           /* FULL_PROPS */
@@ -1282,18 +1408,19 @@ const Kn = {
                       ]),
                       _: 1
                       /* STABLE */
-                    }, 8, ["title"])) : M("v-if", !0),
-                    l.clearable ? (f(), U(o(p), {
+                    }, 8, ["title"])) : x("v-if", !0),
+                    r.clearable ? (m(), W(o(p), {
                       key: 3,
+                      "data-testid": "q-date-time-picker-clear",
                       variant: "ghost",
-                      disabled: !Ee.value,
-                      title: l.texts.clearValue,
-                      onClick: Rt
+                      disabled: !Oe.value,
+                      title: r.texts.clearValue,
+                      onClick: en
                     }, {
                       default: b(() => [
                         i(
-                          o(w),
-                          W(Q(l.icons.delete)),
+                          o(I),
+                          G(X(r.icons.delete)),
                           null,
                           16
                           /* FULL_PROPS */
@@ -1301,7 +1428,7 @@ const Kn = {
                       ]),
                       _: 1
                       /* STABLE */
-                    }, 8, ["disabled", "title"])) : M("v-if", !0)
+                    }, 8, ["disabled", "title"])) : x("v-if", !0)
                   ])
                 ],
                 544
@@ -1310,7 +1437,7 @@ const Kn = {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["model-value", "anchor", "inline"])) : M("v-if", !0)
+          }, 8, ["model-value", "anchor", "inline"])) : x("v-if", !0)
         ],
         64
         /* STABLE_FRAGMENT */
@@ -1319,5 +1446,5 @@ const Kn = {
   }
 });
 export {
-  ma as default
+  La as default
 };