@quidgest/ui 0.16.75 → 0.17.0

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

@@ -1,18 +1,23 @@
-import { defineComponent as C, mergeModels as V, useModel as P, computed as t, ref as F, createBlock as U, openBlock as w, unref as n, normalizeClass as D, createSlots as E, withCtx as i, createVNode as s, createElementVNode as N, mergeProps as k, renderSlot as Q } from "vue";
-import { DEFAULT_TEXTS as H, DEFAULT_ICONS as I } from "./constants.js";
-import { QClearButton as Z } from "../__internal__/QClearButton/index.js";
-import { QField as $ } from "../QField/index.js";
-import { QIcon as K } from "../QIcon/index.js";
-import L from "../../vendors/@vuepic/vue-datepicker/dist/vue-datepicker.js";
-import { useMaska as R } from "../../composables/maska.js";
-import { convertDatePatternToMask as X } from "../../utils/date/date.js";
-import { isTimeOnlyFormat as j } from "../../utils/date/tokens.js";
-import { formatUsesTime as W, formatUsesSeconds as G, uses12HourFormat as J } from "../../utils/time.js";
-import { useTheme as Y } from "../../composables/theme.js";
-const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput", "onBlur", "onFocus", "onKeypress", "onKeydown", "onPaste"], pe = /* @__PURE__ */ C({
+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 { 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 = {
+  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 = {
+  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({
   inheritAttrs: !1,
   __name: "QDateTimePicker",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ Tn({
     id: {},
     class: {},
     label: {},
@@ -24,156 +29,1295 @@ const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput
     disabled: { type: Boolean },
     invalid: { type: Boolean },
     placeholder: {},
-    inline: { type: Boolean },
-    closeOnSelect: { type: Boolean },
+    inline: { type: Boolean, default: !1 },
+    clearable: { type: Boolean },
     format: { default: "dd/MM/yyyy HH:mm" },
-    minTime: {},
-    maxTime: {},
     range: { type: Boolean },
-    locale: { default: "en-US" },
-    icons: { default: () => I },
-    texts: { default: () => H }
+    icons: { default: () => En },
+    texts: { default: () => qn }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(d) {
-    const e = d, m = P(d, "modelValue"), u = t({
-      get: () => m.value,
-      set: (o) => m.value = o || void 0
-    }), b = t(() => r.value ? "format" : void 0), v = t(() => ({
-      closeOnAutoApply: e.closeOnSelect,
-      tabOutClosesMenu: !0
-    })), p = Y(), T = t(() => p.current.value.mode === "dark"), x = t(() => W(e.format)), h = t(() => G(e.format)), r = t(() => j(e.format)), _ = t(() => J(e.format)), g = t(() => f(e.minTime)), q = t(() => f(e.maxTime)), B = t(() => r.value ? e.icons.clock : e.icons.calendar), S = t(() => ({
-      mask: X(e.format),
-      tokens: {
-        // Default tokens
-        "#": { pattern: /\d/ },
-        // Any digit (0-9)
-        X: { pattern: /\d/ },
-        // Any alphanumeric character (A-Z, a-z, 0-9)
-        A: { pattern: /[A-Z]/ },
-        // Any uppercase letter (A-Z)
-        a: { pattern: /[a-z]/ },
-        // Any uppercase letter (A-Z)
-        "!": { pattern: /[a-z]/ },
-        // Any letter (A-Z, a-z)
-        "*": { pattern: /[a-z]/ },
-        // Any character (including symbols)
-        // Custom tokens
-        N: { pattern: /\d/, multiple: !0 },
-        // One or more digits (variable length)
-        W: { pattern: /[A-Za-z]/, multiple: !0 },
-        // Letters only (word; no spaces)
-        S: { pattern: /[A-Za-z\s]/, multiple: !0 },
-        // Letters and spaces (sentence)
-        n: { pattern: /\d/, optional: !0 }
-        // Zero or more digits
+  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() {
+      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;
+        });
+      });
+    }
+    const C = Be("field"), N = Be("menu"), Ie = Be("calendar"), E = 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;
+        });
+      },
+      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;
+        }
+        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;
+      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(() => ({
+      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;
+        return t ? r.substring(0, 3) : r;
+      }
+    })), 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,
+      () => {
+        Te.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);
+      for (let d = a - 1; d >= 0; d--) {
+        const H = new Date(u, r, c - d);
+        He(n, H, !1);
+      }
+      for (let d = 1; d <= t; d++) {
+        const H = new Date(h.value, g.value, d);
+        He(n, H, !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);
+      }
+      return n;
+    });
+    function He(e, t, a) {
+      const n = wt.value, r = xt.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,
+        isDisabled: c
+      });
+    }
+    const St = s(() => Oe.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))
+    );
+    function be(e, t = 0) {
+      const a = $e[e], n = l.texts[a] ?? $e[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 { startYear: t, endYear: a } = Ze(e);
+      return Array.from({ length: a - t + 1 }, (n, r) => t + r);
+    }
+    function Ct() {
+      Je.value && (le.value -= ce);
+    }
+    function Ht() {
+      et.value && (le.value += ce);
+    }
+    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}`
+    );
+    Rn(
+      () => {
+        var e;
+        return (e = C == null ? void 0 : C.value) == null ? void 0 : e.inputRef;
+      },
+      () => l.range ? qe.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);
+        }));
+      },
+      { flush: "post" }
+    ), se(v, () => {
+      I.value = null, he();
+    });
+    const Ee = s(
+      () => l.clearable && !l.readonly && !l.disabled && !!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 Fe(e) {
+      !l.range || !A.value || !m.value || e.getFullYear() < G || e.getFullYear() > X || (R.value = new Date(e));
+    }
+    function at() {
+      R.value = null;
+    }
+    function Pt(e) {
+      const t = e.currentTarget, a = e.relatedTarget;
+      !t || a && t.contains(a) || at();
+    }
+    function lt(e) {
+      if (!l.range || !A.value || !m.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;
+          } 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;
+          }
+        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;
+        }
+    }
+    function ue(e, t) {
+      h.value = e, t && te();
+    }
+    function K(e, t) {
+      g.value = e, t && te();
+    }
+    function Yt() {
+      tt.value && (g.value === 0 ? (K(11), ue(h.value - 1)) : K(g.value - 1));
+    }
+    function At() {
+      nt.value && (g.value === 11 ? (K(0), ue(h.value + 1)) : K(g.value + 1));
+    }
+    function Bt() {
+      K((/* @__PURE__ */ new Date()).getMonth()), ue((/* @__PURE__ */ new Date()).getFullYear()), te();
+    }
+    function Lt() {
+      let e = T.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));
+      }
+      e = e ?? /* @__PURE__ */ new Date(), K(e.getMonth()), ue(e.getFullYear()), te();
+    }
+    function me(e) {
+      return l.range ? e === 1 ? Ce.value ?? ee.value : T.value ?? m.value : T.value;
+    }
+    function Ot(e, t) {
+      if (!l.range) {
+        v.value = t;
+        return;
+      }
+      const a = T.value, n = Ce.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) {
+      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);
+    }
+    function $t(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) {
+      var t;
+      return ((t = me(e)) == null ? void 0 : t.getMinutes()) ?? 0;
+    }
+    function zt(e) {
+      var t;
+      return ((t = me(e)) == null ? void 0 : t.getSeconds()) ?? 0;
+    }
+    function Ut(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) => {
+        if (Z.value) {
+          const a = t.getHours() % 12 || 12, n = a >= 12 ? 1 : a + 1, r = t.getHours() >= 12;
+          t.setHours(_e(n, r));
+        } else
+          t.setHours(t.getHours() >= 23 ? 0 : t.getHours() + 1);
+      });
+    }
+    function Qt(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));
+        } else
+          t.setHours(t.getHours() <= 0 ? 23 : t.getHours() - 1);
+      });
+    }
+    function jt(e) {
+      P(e, (t) => {
+        t.setMinutes(t.getMinutes() >= 59 ? 0 : t.getMinutes() + 1);
+      });
+    }
+    function Gt(e) {
+      P(e, (t) => {
+        t.setMinutes(t.getMinutes() <= 0 ? 59 : t.getMinutes() - 1);
+      });
+    }
+    function Xt(e) {
+      P(e, (t) => {
+        t.setSeconds(t.getSeconds() >= 59 ? 0 : t.getSeconds() + 1);
+      });
+    }
+    function Zt(e) {
+      P(e, (t) => {
+        t.setSeconds(t.getSeconds() <= 0 ? 59 : t.getSeconds() - 1);
+      });
+    }
+    function Ne(e) {
+      return (e ?? "").replace(/\D/g, "");
+    }
+    function Jt(e) {
+      return Math.min(23, Math.max(0, e));
+    }
+    function en(e) {
+      return Math.min(12, Math.max(1, e));
+    }
+    function rt(e) {
+      return Math.min(59, Math.max(0, e));
+    }
+    function ut(e, t) {
+      const a = Ne(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) => {
+        Z.value ? u.setHours(_e(r, u.getHours() >= 12)) : u.setHours(r);
+      });
+    }
+    function ot(e, t) {
+      const a = Ne(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) => {
+        u.setMinutes(r);
+      });
+    }
+    function it(e, t) {
+      const a = Ne(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) => {
+        u.setSeconds(r);
+      });
+    }
+    async function Re(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)
+        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);
+    }
+    function tn(e, t) {
+      P(t, (a) => {
+        const n = a.getHours() % 12 || 12;
+        a.setHours(_e(n, e));
+      });
+    }
+    async function Pe(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) => {
+        requestAnimationFrame(() => {
+          u(), c();
+        });
+      });
+    }
+    async function st(e, t, a, n) {
+      if (a === t) {
+        _.value !== a && (_.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();
+        return;
+      }
+      const t = ie((B = C.value) == null ? void 0 : B.inputRef), a = (t == null ? void 0 : t.selectionStart) ?? 0, n = e ?? "";
+      if (!n) {
+        v.value = void 0, I.value = null, _.value = "", Y.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;
+        }
+        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);
+      }
+      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;
+      }
+    }
+    function Ve(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];
+    }
+    function an() {
+      if (l.readonly || l.disabled) return !1;
+      const e = I.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 t = we(e, ve.value), a = ht(t, l.format), n = ze(
+        a,
+        l.format,
+        E.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;
+    }
+    function ln(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 un(e) {
+      return e.getHours() === 0 && e.getMinutes() === 0 && e.getSeconds() === 0 && e.getMilliseconds() === 0;
+    }
+    function ct(e) {
+      const t = /* @__PURE__ */ new Date();
+      e.setHours(
+        t.getHours(),
+        t.getMinutes(),
+        ye.value ? t.getSeconds() : 0,
+        ye.value ? t.getMilliseconds() : 0
+      );
+    }
+    function oe(e, t) {
+      if (l.range || !ae.value || t !== void 0 && rn(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 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;
+        });
+        return;
+      }
+      const t = j(e, l.format, $.value);
+      de += 1, v.value = e, _.value = t, F(() => {
+        de -= 1;
+      });
+    }
+    function dt(e) {
+      var n, r, u, c;
+      if (l.readonly || l.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()) || "";
+      if (!t) {
+        e.preventDefault();
+        return;
+      }
+      const a = on(t);
+      if (!a) {
+        e.preventDefault();
+        return;
+      }
+      e.preventDefault(), sn(a);
+    }
+    function cn(e) {
+      const t = e.target;
+      if (!(t instanceof Element) || !N.value) return null;
+      const a = t.closest(
+        "button, input, select, textarea, a[href], [tabindex], [contenteditable]"
+      );
+      return a && N.value.contains(a) ? a : null;
+    }
+    function dn(e) {
+      return !(e.matches(":disabled") || e.getAttribute("aria-disabled") === "true" || e.getAttribute("tabindex") === "-1");
+    }
+    function fn(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();
+    }
+    function ft() {
+      return N.value ? Array.from(N.value.querySelectorAll(_t)).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);
+      if (!e) return;
+      const t = Array.from(
+        document.querySelectorAll(_t)
+      ).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;
+      if (e.shiftKey) {
+        O = !1, x.value = !1;
+        return;
+      }
+      const [t] = ft();
+      t && (e.preventDefault(), fe = !0, t.focus());
+    }
+    async function pn(e) {
+      if (e.key !== "Tab") return;
+      const t = ft();
+      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();
+        return;
+      }
+      r === n && (e.preventDefault(), Se = !0, x.value = !1, await F(), vn());
+    }
+    async function gn(e) {
+      var r, u, c;
+      if (an(), fe) {
+        fe = !1;
+        return;
+      }
+      const t = e == null ? void 0 : e.relatedTarget;
+      if (t instanceof Node && ((r = N.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()));
+    }
+    function yn() {
+      if (!(l.readonly || l.disabled)) {
+        if (Te.value = !0, O) {
+          O = !1;
+          return;
+        }
+        x.value || (x.value = !0);
+      }
+    }
+    function vt() {
+      l.readonly || l.disabled || (O = !1, x.value = !0);
+    }
+    function hn(e) {
+      e || Qe(), x.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(
+        e
+      );
+      if (!t && !a) return null;
+      const n = new Date(e);
+      return Number.isNaN(n.getTime()) ? null : n;
+    }
+    function ie(e) {
+      return e instanceof HTMLInputElement ? e : typeof e == "object" && e !== null && "value" in e && e.value instanceof HTMLInputElement ? e.value : null;
+    }
+    function kn(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`);
+    }
+    async function mt() {
+      var e;
+      if (!x.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;
+    }
+    async function pt() {
+      !x.value || J.value || D.value !== "date" || (await F(), Ie.value && (z(), re = new MutationObserver(() => {
+        mt();
+      }), re.observe(Ie.value, {
+        childList: !0,
+        subtree: !0,
+        attributes: !0,
+        characterData: !0
+      }), mt()));
+    }
+    function gt() {
+      D.value = "time", z();
+    }
+    function te() {
+      D.value = "date", pt();
+    }
+    async function _n() {
+      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();
+    }
+    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 Ye(e) {
+      var a;
+      if (e.key !== "Escape") return;
+      if (O = !0, D.value === "date") {
+        e.preventDefault(), x.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());
+    }
+    function De() {
+      var e, t;
+      (t = (e = C.value) == null ? void 0 : e.inputRef) == null || t.focus();
+    }
+    function Mn() {
+      var a, n;
+      if (Se) {
+        Se = !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);
+        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 && z(), x.value = !1, e && pe(0), e ? gt() : te();
       },
-      eager: !0
-      // Show static characters before the user types them
-    })), c = F();
-    R(c, S);
-    function f(o) {
-      if (!o) return;
-      const a = o.split(":");
-      return {
-        hours: a[0],
-        minutes: a[1],
-        seconds: a[2]
-      };
-    }
-    return (o, a) => (w(), U(n($), {
-      id: e.id,
-      class: D(["q-date-time-picker", e.class]),
-      label: e.label,
-      "label-position": e.labelPosition,
-      readonly: e.readonly,
-      disabled: e.disabled,
-      required: e.required,
-      size: e.size,
-      invalid: e.invalid
-    }, E({
-      prepend: i(() => [
-        s(
-          n(K),
-          k({ class: "q-date-time-picker__input-icon" }, B.value),
-          null,
-          16
-          /* FULL_PROPS */
-        )
-      ]),
-      default: i(() => [
-        s(n(L), {
-          modelValue: u.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (l) => u.value = l),
-          "model-type": b.value,
-          "min-time": g.value,
-          "max-time": q.value,
-          disabled: e.disabled,
-          readonly: e.readonly,
-          range: e.range,
-          format: e.format,
-          is24: !_.value,
-          locale: e.locale,
-          "enable-time-picker": x.value,
-          "enable-seconds": h.value,
-          "time-picker": r.value,
-          config: v.value,
-          teleport: !e.inline,
-          offset: 16,
-          dark: T.value,
-          ui: { menu: ["q-date-time-picker__menu", n(p).class.value] },
-          "text-input": { enterSubmit: !0 },
-          "auto-apply": e.closeOnSelect,
-          "hide-input-icon": "",
-          clearable: ""
-        }, {
-          "dp-input": i(({ value: l, onInput: z, onBlur: M, onFocus: A, onKeypress: y, onPaste: O }) => [
-            N("input", k({
-              ref_key: "inputRef",
-              ref: c,
-              "data-test-id": "dp-input",
-              class: "dp__input",
-              type: "text",
-              value: l,
-              placeholder: e.placeholder,
-              disabled: e.disabled,
-              readonly: e.readonly,
-              required: e.required
-            }, o.$attrs, {
-              onInput: z,
-              onBlur: M,
-              onFocus: A,
-              onKeypress: y,
-              onKeydown: y,
-              onPaste: O
-            }), null, 16, ee)
-          ]),
-          "clear-icon": i(({ clear: l }) => [
-            s(n(Z), {
-              texts: e.texts,
-              onClick: l
-            }, null, 8, ["texts", "onClick"])
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["modelValue", "model-type", "min-time", "max-time", "disabled", "readonly", "range", "format", "is24", "locale", "enable-time-picker", "enable-seconds", "time-picker", "config", "teleport", "dark", "ui", "auto-apply"])
-      ]),
-      _: 2
-      /* DYNAMIC */
-    }, [
-      o.$slots.extras ? {
-        name: "extras",
-        fn: i(() => [
-          Q(o.$slots, "extras")
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["id", "class", "label", "label-position", "readonly", "disabled", "required", "size", "invalid"]));
+      { immediate: !0 }
+    ), In(() => {
+      z(), document.removeEventListener("keydown", Ye);
+    }), (e, t) => {
+      var a;
+      return f(), S(
+        V,
+        null,
+        [
+          i(o(Me), {
+            id: l.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({
+            prepend: b(() => [
+              i(
+                o(w),
+                ne({ class: "q-date-time-picker__input-icon" }, Nt.value),
+                null,
+                16
+                /* FULL_PROPS */
+              )
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            e.$slots.extras ? {
+              name: "extras",
+              fn: b(() => [
+                Hn(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), {
+            key: 0,
+            "model-value": x.value,
+            anchor: (a = C.value) == null ? void 0 : a.fieldRef,
+            inline: l.inline,
+            offset: 8,
+            placement: "bottom",
+            trigger: "manual",
+            arrow: "",
+            "non-modal": "",
+            spy: "",
+            onLeave: Mn,
+            "onUpdate:modelValue": hn
+          }, {
+            default: b(() => [
+              k(
+                "div",
+                {
+                  ref: "menu",
+                  class: "q-date-time-picker__menu",
+                  onPointerdownCapture: fn,
+                  onKeydown: pn
+                },
+                [
+                  M(" Calendar View "),
+                  D.value === "date" ? (f(), S(
+                    "div",
+                    Kn,
+                    [
+                      M(" Header "),
+                      k("div", zn, [
+                        i(o(p), {
+                          variant: "ghost",
+                          disabled: !tt.value,
+                          title: l.texts.previousMonth,
+                          onClick: Yt
+                        }, {
+                          default: b(() => [
+                            i(
+                              o(w),
+                              W(Q(l.icons.back)),
+                              null,
+                              16
+                              /* FULL_PROPS */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["disabled", "title"]),
+                        i(o(p), {
+                          id: "q-date-time-month",
+                          variant: "ghost",
+                          label: be(g.value, 3),
+                          title: l.texts.pickMonth,
+                          onClick: _n
+                        }, null, 8, ["label", "title"]),
+                        i(o(p), {
+                          id: "q-date-time-year",
+                          variant: "ghost",
+                          label: h.value.toString(),
+                          title: l.texts.pickYear,
+                          onClick: Dn
+                        }, null, 8, ["label", "title"]),
+                        i(o(p), {
+                          variant: "ghost",
+                          disabled: !nt.value,
+                          title: l.texts.nextMonth,
+                          onClick: At
+                        }, {
+                          default: b(() => [
+                            i(
+                              o(w),
+                              W(Q(l.icons.forward)),
+                              null,
+                              16
+                              /* FULL_PROPS */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["disabled", "title"])
+                      ]),
+                      M(" Weekday Headers "),
+                      k("div", Un, [
+                        (f(!0), S(
+                          V,
+                          null,
+                          ge(St.value, (n) => (f(), S(
+                            "div",
+                            {
+                              key: n,
+                              class: "q-date-time-picker__weekday"
+                            },
+                            Le(n),
+                            1
+                            /* TEXT */
+                          ))),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ]),
+                      M(" Days Grid "),
+                      k(
+                        "div",
+                        {
+                          class: "q-date-time-picker__days",
+                          onMouseleave: at,
+                          onFocusout: Pt,
+                          onTouchstartPassive: lt,
+                          onTouchmovePassive: lt
+                        },
+                        [
+                          (f(!0), S(
+                            V,
+                            null,
+                            ge(Ge.value, (n, r) => (f(), U(o(p), {
+                              key: r,
+                              "data-day-index": r,
+                              class: yt([
+                                "q-date-time-picker__day",
+                                {
+                                  "q-date-time-picker__day--other-month": !n.isCurrentMonth,
+                                  "q-date-time-picker__day--today": n.isToday,
+                                  "q-date-time-picker__day--selected": n.isSelected,
+                                  "q-date-time-picker__day--in-range": n.isInRange,
+                                  "q-date-time-picker__day--range-start": n.isRangeStart,
+                                  "q-date-time-picker__day--range-end": n.isRangeEnd
+                                }
+                              ]),
+                              label: n.date.getDate().toString(),
+                              variant: kn(n),
+                              disabled: n.isDisabled,
+                              onMouseenter: () => Fe(n.date),
+                              onFocus: () => Fe(n.date),
+                              onClick: () => Vt(n.date)
+                            }, null, 8, ["data-day-index", "class", "label", "variant", "disabled", "onMouseenter", "onFocus", "onClick"]))),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ],
+                        32
+                        /* NEED_HYDRATION */
+                      )
+                    ],
+                    512
+                    /* NEED_PATCH */
+                  )) : D.value === "time" ? (f(), S(
+                    V,
+                    { key: 1 },
+                    [
+                      M(" Time View "),
+                      k("div", Wn, [
+                        (f(!0), S(
+                          V,
+                          null,
+                          ge(l.range ? 2 : 1, (n) => (f(), 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),
+                                "show-state-labels": "",
+                                size: "small",
+                                "false-label": l.texts.am,
+                                "true-label": l.texts.pm,
+                                "onUpdate:modelValue": (r) => tn(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, [
+                                i(o(p), {
+                                  variant: "ghost",
+                                  title: l.texts.increaseHour,
+                                  onClick: (r) => Wt(n - 1)
+                                }, {
+                                  default: b(() => [
+                                    i(
+                                      o(w),
+                                      ne({ ref_for: !0 }, l.icons.up),
+                                      null,
+                                      16
+                                      /* FULL_PROPS */
+                                    )
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }, 8, ["title", "onClick"]),
+                                i(o(Me), {
+                                  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)
+                                }, null, 8, ["model-value", "onKeydown", "onUpdate:modelValue"]),
+                                i(o(p), {
+                                  variant: "ghost",
+                                  title: l.texts.decreaseHour,
+                                  onClick: (r) => Qt(n - 1)
+                                }, {
+                                  default: b(() => [
+                                    i(
+                                      o(w),
+                                      ne({ ref_for: !0 }, l.icons.down),
+                                      null,
+                                      16
+                                      /* FULL_PROPS */
+                                    )
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }, 8, ["title", "onClick"])
+                              ]),
+                              t[1] || (t[1] = k(
+                                "div",
+                                { class: "q-date-time-picker__time-separator" },
+                                ":",
+                                -1
+                                /* CACHED */
+                              )),
+                              k("div", Xn, [
+                                i(o(p), {
+                                  variant: "ghost",
+                                  title: l.texts.increaseMinute,
+                                  onClick: (r) => jt(n - 1)
+                                }, {
+                                  default: b(() => [
+                                    i(
+                                      o(w),
+                                      ne({ ref_for: !0 }, l.icons.up),
+                                      null,
+                                      16
+                                      /* FULL_PROPS */
+                                    )
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }, 8, ["title", "onClick"]),
+                                i(o(Me), {
+                                  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)
+                                }, null, 8, ["model-value", "onKeydown", "onUpdate:modelValue"]),
+                                i(o(p), {
+                                  variant: "ghost",
+                                  title: l.texts.decreaseMinute,
+                                  onClick: (r) => Gt(n - 1)
+                                }, {
+                                  default: b(() => [
+                                    i(
+                                      o(w),
+                                      ne({ ref_for: !0 }, l.icons.down),
+                                      null,
+                                      16
+                                      /* FULL_PROPS */
+                                    )
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }, 8, ["title", "onClick"])
+                              ]),
+                              ye.value ? (f(), S(
+                                V,
+                                { key: 0 },
+                                [
+                                  t[0] || (t[0] = k(
+                                    "div",
+                                    { class: "q-date-time-picker__time-separator" },
+                                    ":",
+                                    -1
+                                    /* CACHED */
+                                  )),
+                                  k("div", Zn, [
+                                    i(o(p), {
+                                      variant: "ghost",
+                                      title: l.texts.increaseSecond,
+                                      onClick: (r) => Xt(n - 1)
+                                    }, {
+                                      default: b(() => [
+                                        i(
+                                          o(w),
+                                          ne({ ref_for: !0 }, l.icons.up),
+                                          null,
+                                          16
+                                          /* FULL_PROPS */
+                                        )
+                                      ]),
+                                      _: 1
+                                      /* STABLE */
+                                    }, 8, ["title", "onClick"]),
+                                    i(o(Me), {
+                                      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)
+                                    }, null, 8, ["model-value", "onKeydown", "onUpdate:modelValue"]),
+                                    i(o(p), {
+                                      variant: "ghost",
+                                      title: l.texts.decreaseSecond,
+                                      onClick: (r) => Zt(n - 1)
+                                    }, {
+                                      default: b(() => [
+                                        i(
+                                          o(w),
+                                          ne({ ref_for: !0 }, l.icons.down),
+                                          null,
+                                          16
+                                          /* FULL_PROPS */
+                                        )
+                                      ]),
+                                      _: 1
+                                      /* STABLE */
+                                    }, 8, ["title", "onClick"])
+                                  ])
+                                ],
+                                64
+                                /* STABLE_FRAGMENT */
+                              )) : M("v-if", !0)
+                            ])
+                          ]))),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ])
+                    ],
+                    2112
+                    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                  )) : D.value === "month" ? (f(), S(
+                    V,
+                    { key: 2 },
+                    [
+                      M(" Month View "),
+                      k("div", Jn, [
+                        (f(!0), S(
+                          V,
+                          null,
+                          ge(Xe.value, (n, r) => (f(), U(o(p), {
+                            id: `q-date-time-month-option-${r}`,
+                            key: r,
+                            disabled: g.value === r,
+                            label: n,
+                            title: be(r),
+                            variant: "ghost",
+                            onClick: () => K(r, !0)
+                          }, null, 8, ["id", "disabled", "label", "title", "onClick"]))),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ])
+                    ],
+                    2112
+                    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                  )) : D.value === "year" ? (f(), S(
+                    V,
+                    { key: 3 },
+                    [
+                      M(" Year View "),
+                      k("div", ea, [
+                        k("div", ta, [
+                          i(o(p), {
+                            variant: "ghost",
+                            disabled: !Je.value,
+                            title: l.texts.previousYears,
+                            onClick: Ct
+                          }, {
+                            default: b(() => [
+                              i(
+                                o(w),
+                                W(Q(l.icons.back)),
+                                null,
+                                16
+                                /* FULL_PROPS */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }, 8, ["disabled", "title"]),
+                          k(
+                            "div",
+                            na,
+                            Le(ke.value.startYear) + " - " + Le(ke.value.endYear),
+                            1
+                            /* TEXT */
+                          ),
+                          i(o(p), {
+                            variant: "ghost",
+                            disabled: !et.value,
+                            title: l.texts.nextYears,
+                            onClick: Ht
+                          }, {
+                            default: b(() => [
+                              i(
+                                o(w),
+                                W(Q(l.icons.forward)),
+                                null,
+                                16
+                                /* FULL_PROPS */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }, 8, ["disabled", "title"])
+                        ]),
+                        k("div", aa, [
+                          (f(!0), S(
+                            V,
+                            null,
+                            ge(Ft.value, (n, r) => (f(), U(o(p), {
+                              id: `q-date-time-year-${n}`,
+                              key: r,
+                              disabled: h.value === n,
+                              label: n.toString(),
+                              title: n,
+                              variant: "ghost",
+                              onClick: () => ue(n, !0)
+                            }, null, 8, ["id", "disabled", "label", "title", "onClick"]))),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ])
+                      ])
+                    ],
+                    2112
+                    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                  )) : M("v-if", !0),
+                  k("div", la, [
+                    J.value ? M("v-if", !0) : (f(), U(o(p), {
+                      key: 0,
+                      variant: "ghost",
+                      disabled: Mt.value,
+                      title: l.texts.today,
+                      onClick: Bt
+                    }, {
+                      default: b(() => [
+                        i(
+                          o(w),
+                          W(Q(l.icons.today)),
+                          null,
+                          16
+                          /* FULL_PROPS */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["disabled", "title"])),
+                    ae.value && D.value === "date" ? (f(), U(o(p), {
+                      key: 1,
+                      id: "q-date-time-toggle-time",
+                      variant: "ghost",
+                      title: l.texts.toggleMode,
+                      onClick: gt
+                    }, {
+                      default: b(() => [
+                        i(
+                          o(w),
+                          W(Q(l.icons.clock)),
+                          null,
+                          16
+                          /* FULL_PROPS */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["title"])) : D.value !== "date" && !J.value ? (f(), U(o(p), {
+                      key: 2,
+                      id: "q-date-time-toggle-date",
+                      variant: "ghost",
+                      title: l.texts.toggleMode,
+                      onClick: te
+                    }, {
+                      default: b(() => [
+                        i(
+                          o(w),
+                          W(Q(l.icons.calendar)),
+                          null,
+                          16
+                          /* FULL_PROPS */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["title"])) : M("v-if", !0),
+                    l.clearable ? (f(), U(o(p), {
+                      key: 3,
+                      variant: "ghost",
+                      disabled: !Ee.value,
+                      title: l.texts.clearValue,
+                      onClick: Rt
+                    }, {
+                      default: b(() => [
+                        i(
+                          o(w),
+                          W(Q(l.icons.delete)),
+                          null,
+                          16
+                          /* FULL_PROPS */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["disabled", "title"])) : M("v-if", !0)
+                  ])
+                ],
+                544
+                /* NEED_HYDRATION, NEED_PATCH */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["model-value", "anchor", "inline"])) : M("v-if", !0)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
   }
 });
 export {
-  pe as default
+  ma as default
 };