@manik02/vue3-timepicker 0.4.2 → 0.4.4

package/dist/vue-timepicker.js

@@ -1,128 +1,125 @@
-import { defineComponent as be, ref as N, onMounted as me, onBeforeUnmount as fe, createElementBlock as Z, openBlock as U, normalizeClass as ve, createElementVNode as X, Fragment as Ae, renderList as Pe, toDisplayString as De, nextTick as ye, computed as p, watch as R, createCommentVNode as te, createVNode as pe, createBlock as he, normalizeStyle as oe, unref as W } from "vue";
-const Ee = ["tabindex", "onClick", "onMousemove"], re = /* @__PURE__ */ be({
+import { defineComponent as Ae, ref as $, onMounted as ye, onBeforeUnmount as ke, createElementBlock as X, openBlock as G, normalizeClass as oe, createElementVNode as ae, Fragment as Ee, renderList as Re, toDisplayString as Ce, nextTick as Ie, computed as c, watch as F, createCommentVNode as te, createVNode as Te, createBlock as Se, normalizeStyle as de, unref as O } from "vue";
+const Fe = ["tabindex", "onClick", "onMousemove"], ce = /* @__PURE__ */ Ae({
   __name: "TimeColumn",
   props: {
     items: {},
     activeIndex: {}
   },
   emits: ["update:activeIndex", "select"],
-  setup(t, { emit: o }) {
-    const s = t, n = o, h = N(null), b = N(!1);
-    let l = null;
-    function D(f) {
-      const x = Array.from(f.querySelectorAll(".timepicker-option"));
-      if (!x.length) return 0;
-      const S = f.scrollTop + f.clientHeight / 2;
-      let w = 0, P = Number.POSITIVE_INFINITY;
-      for (let A = 0; A < x.length; A++) {
-        const B = x[A], r = B.offsetTop + B.offsetHeight / 2, u = Math.abs(r - S);
-        u < P && (P = u, w = A);
+  setup(e, { emit: n }) {
+    const s = e, t = n, v = $(null), y = $(!1);
+    let d = null;
+    function D(p) {
+      const S = Array.from(p.querySelectorAll(".timepicker-option"));
+      if (!S.length) return 0;
+      const A = p.scrollTop + p.clientHeight / 2;
+      let M = 0, B = Number.POSITIVE_INFINITY;
+      for (let P = 0; P < S.length; P++) {
+        const U = S[P], r = U.offsetTop + U.offsetHeight / 2, u = Math.abs(r - A);
+        u < B && (B = u, M = P);
       }
-      return w;
+      return M;
     }
-    function E(f) {
+    function E(p) {
       if (!s.items.length) return 0;
-      if (!s.items[f]?.disabled) return f;
-      for (let x = 1; x < s.items.length; x++) {
-        const S = f - x, w = f + x;
-        if (S >= 0 && !s.items[S]?.disabled) return S;
-        if (w < s.items.length && !s.items[w]?.disabled) return w;
+      if (!s.items[p]?.disabled) return p;
+      for (let S = 1; S < s.items.length; S++) {
+        const A = p - S, M = p + S;
+        if (A >= 0 && !s.items[A]?.disabled) return A;
+        if (M < s.items.length && !s.items[M]?.disabled) return M;
       }
-      return f;
+      return p;
     }
-    function V() {
-      ye(() => {
-        const f = h.value;
-        if (!f) return;
-        const x = f.querySelector(
+    function w() {
+      Ie(() => {
+        const p = v.value;
+        if (!p) return;
+        const S = p.querySelector(
           ".timepicker-option--active"
         );
-        if (x) {
-          const S = f.clientHeight, w = x.offsetTop, P = x.offsetHeight, A = w - S / 2 + P / 2;
-          b.value = !0, f.scrollTo({ top: A, behavior: "auto" }), l && clearTimeout(l), l = setTimeout(() => {
-            b.value = !1;
+        if (S) {
+          const A = p.clientHeight, M = S.offsetTop, B = S.offsetHeight, P = M - A / 2 + B / 2;
+          y.value = !0, p.scrollTo({ top: P, behavior: "auto" }), d && clearTimeout(d), d = setTimeout(() => {
+            y.value = !1;
           }, 70);
         }
       });
     }
-    function C() {
-      const f = h.value;
-      if (!f || b.value) return;
-      const x = D(f), S = E(x);
-      s.items[S]?.disabled || (H.value = S);
+    function _() {
+      const p = v.value;
+      if (!p || y.value) return;
+      const S = D(p), A = E(S);
+      s.items[A]?.disabled || (N.value = A);
     }
-    me(V), fe(() => {
-      l && clearTimeout(l);
+    ye(w), ke(() => {
+      d && clearTimeout(d);
     });
-    function k(f) {
-      n("update:activeIndex", f), n("select", s.items[f]?.value);
+    function T(p) {
+      t("update:activeIndex", p), t("select", s.items[p]?.value);
     }
-    function M(f) {
-      k(f);
+    function I(p) {
+      T(p);
     }
-    const H = N(s.activeIndex ?? 0);
-    return (f, x) => (U(), Z("div", {
-      class: ve(["timepicker-dropdown", {
-        "timepicker-dropdown--short": f.items.length <= 3
+    const N = $(s.activeIndex ?? 0);
+    return (p, S) => (G(), X("div", {
+      class: oe(["timepicker-dropdown", {
+        "timepicker-dropdown--short": p.items.length <= 3
       }])
     }, [
-      X("div", {
+      ae("div", {
         ref_key: "menu",
-        ref: h,
+        ref: v,
         class: "timepicker-dropdown__panel",
         role: "listbox",
         tabindex: "-1",
-        onScroll: C
+        onScroll: _
       }, [
-        (U(!0), Z(Ae, null, Pe(f.items, (S, w) => (U(), Z("div", {
-          key: S.key,
-          class: ve(["timepicker-option", {
-            "timepicker-option--active": w === f.activeIndex,
-            "timepicker-option--disabled": S.disabled,
-            "timepicker-option--focused": w === H.value
+        (G(!0), X(Ee, null, Re(p.items, (A, M) => (G(), X("div", {
+          key: A.key,
+          class: oe(["timepicker-option", {
+            "timepicker-option--active": M === p.activeIndex,
+            "timepicker-option--disabled": A.disabled,
+            "timepicker-option--focused": M === N.value
           }]),
           role: "option",
-          tabindex: S.disabled ? -1 : 0,
-          onClick: (P) => !S.disabled && M(w),
-          onMousemove: (P) => !S.disabled && (H.value = w)
-        }, De(S.text), 43, Ee))), 128))
+          tabindex: A.disabled ? -1 : 0,
+          onClick: (B) => !A.disabled && I(M),
+          onMousemove: (B) => !A.disabled && (N.value = M)
+        }, Ce(A.text), 43, Fe))), 128))
       ], 544)
     ], 2));
   }
 });
-function ke(t) {
-  return t.h * 3600 + t.m * 60 + t.s;
+function Me(e) {
+  return e.h * 3600 + e.m * 60 + e.s;
 }
-function Me(t) {
-  return /(a|A|p|P)/.test(t);
+function Ne(e) {
+  return /(a|A|p|P)/.test(e);
 }
-function He(t) {
-  return /(p|P)/.test(t);
+function xe(e) {
+  return /k{1,2}/.test(e);
 }
-function ge(t) {
-  return /k{1,2}/.test(t);
+function Y(e, n) {
+  if (!e || typeof e != "string") return { h: 0, m: 0, s: 0 };
+  const s = e.match(/\d+/g) || [];
+  let t = s[0] !== void 0 ? +s[0] : 0;
+  const v = +s[1] || 0, y = +s[2] || 0;
+  return { h: t, m: v, s: y };
 }
-function q(t, o) {
-  if (!t || typeof t != "string") return { h: 0, m: 0, s: 0 };
-  const s = t.match(/\d+/g) || [];
-  let n = s[0] !== void 0 ? +s[0] : 0;
-  const h = +s[1] || 0, b = +s[2] || 0;
-  return { h: n, m: h, s: b };
+function Be(e) {
+  const n = e % 12;
+  return n === 0 ? 12 : n;
 }
-function Ne(t) {
-  const o = t % 12;
-  return o === 0 ? 12 : o;
+function Ve(e, n) {
+  return n ? e % 12 + 12 : e % 12;
 }
-function Se(t, o) {
-  return o ? t % 12 + 12 : t % 12;
+function _e(e) {
+  return /(s|ss)/.test(e);
 }
-function $e(t) {
-  return /(s|ss)/.test(t);
-}
-function se(t, o) {
-  let { h: s, m: n, s: h } = o;
-  const b = Me(t), l = s >= 12 ? "PM" : "AM";
-  b && (s = Ne(s));
+function me(e, n) {
+  let { h: s, m: t, s: v } = n;
+  const y = Ne(e), d = s >= 12 ? "PM" : "AM";
+  y && (s = Be(s));
   const D = s === 0 ? 24 : s, E = {
     HH: String(s).padStart(2, "0"),
     H: String(s),
@@ -130,30 +127,30 @@ function se(t, o) {
     h: String(s),
     kk: String(D).padStart(2, "0"),
     k: String(D),
-    mm: String(n).padStart(2, "0"),
-    m: String(n),
-    ss: String(h).padStart(2, "0"),
-    s: String(h),
-    A: l,
-    a: l.toLowerCase(),
-    P: l,
-    p: l.toLowerCase()
+    mm: String(t).padStart(2, "0"),
+    m: String(t),
+    ss: String(v).padStart(2, "0"),
+    s: String(v),
+    A: d,
+    a: d.toLowerCase(),
+    P: d,
+    p: d.toLowerCase()
   };
-  return t.replace(/HH|hh|kk|mm|ss|H|h|k|m|s|A|a|P|p/g, (V) => E[V] ?? V);
+  return e.replace(/HH|hh|kk|mm|ss|H|h|k|m|s|A|a|P|p/g, (w) => E[w] ?? w);
 }
-function O(t, o) {
-  return ke(t) - ke(o);
+function j(e, n) {
+  return Me(e) - Me(n);
 }
-function Le(t, o, s) {
-  return o && O(t, o) < 0 ? { ...o } : s && O(t, s) > 0 ? { ...s } : { ...t };
+function We(e, n, s) {
+  return n && j(e, n) < 0 ? { ...n } : s && j(e, s) > 0 ? { ...s } : { ...e };
 }
-function Ie(t, o, s) {
-  return !(o && O(t, o) < 0 || s && O(t, s) > 0);
+function $e(e, n, s) {
+  return !(n && j(e, n) < 0 || s && j(e, s) > 0);
 }
-function Ve(t, o) {
-  return o.some(([s, n]) => O(t, s) >= 0 && O(t, n) <= 0);
+function He(e, n) {
+  return n.some(([s, t]) => j(e, s) >= 0 && j(e, t) <= 0);
 }
-const Te = /* @__PURE__ */ be({
+const we = /* @__PURE__ */ Ae({
   __name: "TimeSelection",
   props: {
     open: { type: Boolean },
@@ -168,235 +165,242 @@ const Te = /* @__PURE__ */ be({
     secondStep: {}
   },
   emits: ["update:initTime", "open", "close", "update:open"],
-  setup(t, { emit: o }) {
+  setup(e, { emit: n }) {
     function s(a) {
       return Math.max(1, a ?? 1);
     }
-    const n = p(() => Me(l.format)), h = p(() => $e(l.format)), b = p(() => ge(l.format)), l = t, D = o, E = p({
-      get: () => l.open ?? !1,
+    const t = c(() => Ne(d.format)), v = c(() => _e(d.format)), y = c(() => xe(d.format)), d = e, D = n, E = c({
+      get: () => d.open ?? !1,
       set: (a) => {
-        const d = l.open ?? !1;
-        a !== d && (D("update:open", a), D(a ? "open" : "close"));
+        const l = d.open ?? !1;
+        a !== l && (D("update:open", a), D(a ? "open" : "close"));
       }
-    }), V = N(null);
-    function C(a) {
+    }), w = $(null);
+    function _(a) {
       if (!E.value) return;
-      const d = a.target;
-      V.value && !V.value.contains(d) && (E.value = !1);
+      const l = a.target;
+      w.value && !w.value.contains(l) && (E.value = !1);
     }
-    me(() => document.addEventListener("mousedown", C)), fe(
-      () => document.removeEventListener("mousedown", C)
+    ye(() => document.addEventListener("mousedown", _)), ke(
+      () => document.removeEventListener("mousedown", _)
     );
-    function k(a) {
+    function T(a) {
       a.key === "Escape" && E.value && (E.value = !1);
     }
-    me(() => document.addEventListener("keydown", k)), fe(() => document.removeEventListener("keydown", k));
-    const M = N(Math.floor(l.initTime.h / l.hourStep) || 0), H = N(Math.floor(l.initTime.m / l.minuteStep) || 0), f = N(Math.floor(l.initTime.s / l.secondStep) || 0);
-    R(
-      () => l.initTime,
+    ye(() => document.addEventListener("keydown", T)), ke(() => document.removeEventListener("keydown", T));
+    const I = $(0), N = $(0), p = $(0), S = $(0);
+    function A(a) {
+      const l = s(d.hourStep), g = s(d.minuteStep), k = s(d.secondStep);
+      let V = a.h;
+      t.value ? (S.value = a.h >= 12 ? 1 : 0, V = a.h % 12) : y.value && a.h === 0 && (V = 24), I.value = Math.floor(V / l), N.value = Math.floor(a.m / g), p.value = Math.floor(a.s / k);
+    }
+    F(
+      () => d.initTime,
       (a) => {
-        const d = s(l.hourStep), v = s(l.minuteStep), e = s(l.secondStep);
-        let i = a.h;
-        n.value ? (P.value = a.h >= 12 ? 1 : 0, i = a.h % 12) : b.value && a.h === 0 && (i = 24), M.value = Math.floor(i / d), H.value = Math.floor(a.m / v), f.value = Math.floor(a.s / e);
-      }
+        A(a);
+      },
+      { immediate: !0 }
     );
-    function x(a, d) {
-      const v = [];
-      for (let e = 0; e < a; e += s(d))
-        v.push({ key: e, value: e, text: String(e).padStart(2, "0") });
-      return v;
-    }
-    function S(a, d) {
-      const v = s(d), e = [];
-      for (let i = 0; i < 12; i += v) {
-        const m = i === 0 ? 12 : i, F = a ? i === 0 ? 12 : i + 12 : i;
-        e.push({ key: F, value: F, text: String(m).padStart(2, "0") });
+    function M(a, l) {
+      const g = [];
+      for (let k = 0; k < a; k += s(l))
+        g.push({ key: k, value: k, text: String(k).padStart(2, "0") });
+      return g;
+    }
+    function B(a, l) {
+      const g = s(l), k = [];
+      for (let V = 0; V < 12; V += g) {
+        const ie = V === 0 ? 12 : V, J = a ? V === 0 ? 12 : V + 12 : V;
+        k.push({ key: J, value: J, text: String(ie).padStart(2, "0") });
       }
-      return e;
+      return k;
     }
-    function w(a) {
-      const d = s(a), v = [];
-      for (let e = 0; e < 24; e += d) {
-        const i = e === 0 ? 24 : e;
-        v.push({ key: e, value: e, text: String(i).padStart(2, "0") });
+    function P(a) {
+      const l = s(a), g = [];
+      for (let k = 0; k < 24; k += l) {
+        const V = k === 0 ? 24 : k;
+        g.push({ key: k, value: k, text: String(V).padStart(2, "0") });
       }
-      return v;
-    }
-    const P = N(He(l.format) ? 1 : 0), A = p(() => {
-      if (!n.value)
-        return b.value ? w(l.hourStep) : x(24, l.hourStep);
-      const a = P.value === 1;
-      return S(a, l.hourStep);
-    }), B = p(() => x(60, l.minuteStep)), r = p(() => x(60, l.secondStep)), u = p(() => /\s[ap]$/.test(l.format)), c = p(() => {
-      const a = u.value ? "am" : "AM", d = u.value ? "pm" : "PM";
+      return g;
+    }
+    const U = c(() => {
+      if (!t.value)
+        return y.value ? P(d.hourStep) : M(24, d.hourStep);
+      const a = S.value === 1;
+      return B(a, d.hourStep);
+    }), r = c(() => M(60, d.minuteStep)), u = c(() => M(60, d.secondStep)), m = c(() => /\s[ap]$/.test(d.format)), b = c(() => {
+      const a = m.value ? "am" : "AM", l = m.value ? "pm" : "PM";
       return [
         { key: "AM", value: "AM", text: a },
-        { key: "PM", value: "PM", text: d }
+        { key: "PM", value: "PM", text: l }
       ];
-    }), y = p(
-      () => B.value.map((a) => Number(a.value ?? 0))
-    ), g = p(() => h.value ? r.value.map((a) => Number(a.value ?? 0)) : [0]);
-    function T(a) {
+    }), h = c(
+      () => r.value.map((a) => Number(a.value ?? 0))
+    ), x = c(() => v.value ? u.value.map((a) => Number(a.value ?? 0)) : [0]);
+    function z(a) {
       return Number(a.value ?? 0);
     }
-    function G(a) {
-      const d = a.findIndex((v) => !v.disabled);
-      return d >= 0 ? d : 0;
+    function pe(a) {
+      const l = a.findIndex((g) => !g.disabled);
+      return l >= 0 ? l : 0;
     }
-    function z(a) {
-      return !(!Ie(a, l.minTime, l.maxTime) || Ve(a, l.disabledRanges ?? []) || l.isTimeDisabled?.(a));
+    function K(a) {
+      return !(!$e(a, d.minTime, d.maxTime) || He(a, d.disabledRanges ?? []) || d.isTimeDisabled?.(a));
     }
-    const _ = p(() => A.value.map((a) => {
-      const d = T(a), v = y.value.some(
-        (e) => g.value.some(
-          (i) => z({ h: d, m: e, s: i })
+    const Z = c(() => U.value.map((a) => {
+      const l = z(a), g = h.value.some(
+        (k) => x.value.some(
+          (V) => K({ h: l, m: k, s: V })
         )
       );
       return {
         ...a,
-        disabled: !v
+        disabled: !g
       };
-    })), Y = p(() => {
-      const a = Number(A.value[M.value]?.value ?? 0);
-      return B.value.map((d) => {
-        const v = Number(d.value ?? 0), e = g.value.some(
-          (i) => z({ h: a, m: v, s: i })
+    })), re = c(() => {
+      const a = Number(U.value[I.value]?.value ?? 0);
+      return r.value.map((l) => {
+        const g = Number(l.value ?? 0), k = x.value.some(
+          (V) => K({ h: a, m: g, s: V })
         );
         return {
-          ...d,
-          disabled: !e
+          ...l,
+          disabled: !k
         };
       });
-    }), j = p(() => {
-      const a = Number(A.value[M.value]?.value ?? 0), d = Number(
-        B.value[H.value]?.value ?? 0
+    }), se = c(() => {
+      const a = Number(U.value[I.value]?.value ?? 0), l = Number(
+        r.value[N.value]?.value ?? 0
       );
-      return r.value.map((v) => {
-        const e = Number(v.value ?? 0);
+      return u.value.map((g) => {
+        const k = Number(g.value ?? 0);
         return {
-          ...v,
-          disabled: !z({
+          ...g,
+          disabled: !K({
             h: a,
-            m: d,
-            s: e
+            m: l,
+            s: k
           })
         };
       });
-    }), ne = p(() => {
-      if (!n.value) return c.value;
-      const a = Number(B.value[H.value]?.value ?? 0), d = h.value ? Number(r.value[f.value]?.value ?? 0) : 0;
-      return c.value.map((v) => {
-        const e = v.value === "PM", i = S(e, l.hourStep).some(
-          (m) => z({
-            h: Number(m.value ?? 0),
+    }), ue = c(() => {
+      if (!t.value) return b.value;
+      const a = Number(r.value[N.value]?.value ?? 0), l = v.value ? Number(u.value[p.value]?.value ?? 0) : 0;
+      return b.value.map((g) => {
+        const k = g.value === "PM", V = B(k, d.hourStep).some(
+          (ie) => K({
+            h: Number(ie.value ?? 0),
             m: a,
-            s: d
+            s: l
           })
         );
         return {
-          ...v,
-          disabled: !i
+          ...g,
+          disabled: !V
         };
       });
-    }), ue = p(() => P.value === 1 ? "PM" : "AM"), ie = p(() => {
-      const a = Number(A.value[M.value]?.value ?? 0);
-      return n.value ? ue.value === "PM" ? Se(a, !0) : Se(a, !1) : b.value && a === 24 ? 0 : a;
-    }), L = p(
-      () => Number(B.value[H.value]?.value ?? 0)
-    ), de = p(
-      () => Number(r.value[f.value]?.value ?? 0)
+    }), ve = c(() => S.value === 1 ? "PM" : "AM"), ee = c(() => {
+      const a = Number(U.value[I.value]?.value ?? 0);
+      return t.value ? ve.value === "PM" ? Ve(a, !0) : Ve(a, !1) : y.value && a === 24 ? 0 : a;
+    }), he = c(
+      () => Number(r.value[N.value]?.value ?? 0)
+    ), ge = c(
+      () => Number(u.value[p.value]?.value ?? 0)
     );
-    function $(a, d, v) {
-      a.length && (!a[d] || a[d].disabled) && v(G(a));
+    function q(a, l, g) {
+      a.length && (!a[l] || a[l].disabled) && g(pe(a));
     }
-    R(_, (a) => {
-      $(a, M.value, (d) => {
-        M.value = d;
+    F(Z, (a) => {
+      q(a, I.value, (l) => {
+        I.value = l;
       });
-    }), R(Y, (a) => {
-      $(a, H.value, (d) => {
-        H.value = d;
+    }), F(re, (a) => {
+      q(a, N.value, (l) => {
+        N.value = l;
       });
-    }), R(j, (a) => {
-      !h.value || !a.length || $(a, f.value, (d) => {
-        f.value = d;
+    }), F(se, (a) => {
+      !v.value || !a.length || q(a, p.value, (l) => {
+        p.value = l;
       });
-    }), R(ne, (a) => {
-      !n.value || !a.length || $(a, P.value, (d) => {
-        P.value = d;
+    }), F(ue, (a) => {
+      !t.value || !a.length || q(a, S.value, (l) => {
+        S.value = l;
       });
     });
-    function ce(a) {
-      !h.value && !n.value && ee();
+    function R(a) {
+      !v.value && !t.value && ne();
     }
-    function ae(a) {
-      n.value || ee();
+    function be(a) {
+      t.value || ne();
     }
-    function Q(a) {
-      ee();
+    function W(a) {
+      ne();
     }
-    function ee() {
+    function ne() {
       E.value = !1;
     }
-    return R(
-      [ie, L, de],
-      ([a, d, v]) => {
-        D("update:initTime", { h: a, m: d, s: v });
+    return F(
+      [ee, he, ge],
+      ([a, l, g]) => {
+        D("update:initTime", { h: a, m: l, s: g });
       },
       { immediate: !0 }
-    ), (a, d) => E.value ? (U(), Z("div", {
+    ), (a, l) => E.value ? (G(), X("div", {
       key: 0,
       class: "vtp-cols",
       ref_key: "root",
-      ref: V
+      ref: w
     }, [
-      pe(re, {
-        activeIndex: M.value,
-        "onUpdate:activeIndex": d[0] || (d[0] = (v) => M.value = v),
-        items: _.value,
+      Te(ce, {
+        activeIndex: I.value,
+        "onUpdate:activeIndex": l[0] || (l[0] = (g) => I.value = g),
+        items: Z.value,
         label: "Hours"
       }, null, 8, ["activeIndex", "items"]),
-      pe(re, {
-        activeIndex: H.value,
-        "onUpdate:activeIndex": d[1] || (d[1] = (v) => H.value = v),
-        items: Y.value,
+      Te(ce, {
+        activeIndex: N.value,
+        "onUpdate:activeIndex": l[1] || (l[1] = (g) => N.value = g),
+        items: re.value,
         label: "Minutes",
-        onSelect: ce
+        onSelect: R
       }, null, 8, ["activeIndex", "items"]),
-      h.value ? (U(), he(re, {
+      v.value ? (G(), Se(ce, {
         key: 0,
-        activeIndex: f.value,
-        "onUpdate:activeIndex": d[2] || (d[2] = (v) => f.value = v),
-        items: j.value,
+        activeIndex: p.value,
+        "onUpdate:activeIndex": l[2] || (l[2] = (g) => p.value = g),
+        items: se.value,
         label: "Seconds",
-        onSelect: ae
+        onSelect: be
       }, null, 8, ["activeIndex", "items"])) : te("", !0),
-      n.value ? (U(), he(re, {
+      t.value ? (G(), Se(ce, {
         key: 1,
-        activeIndex: P.value,
-        "onUpdate:activeIndex": d[3] || (d[3] = (v) => P.value = v),
-        items: ne.value,
+        activeIndex: S.value,
+        "onUpdate:activeIndex": l[3] || (l[3] = (g) => S.value = g),
+        items: ue.value,
         label: "AM/PM",
-        onSelect: Q
+        onSelect: W
       }, null, 8, ["activeIndex", "items"])) : te("", !0)
     ], 512)) : te("", !0);
   }
 });
-function Fe(t) {
-  return typeof t == "string" ? J.test(t) : Array.isArray(t) ? t.length === 2 && J.test(t[0] ?? "") && J.test(t[1] ?? "") : !1;
+function Ke(e) {
+  return typeof e == "string" ? Q.test(e) : Array.isArray(e) ? e.length === 2 && Q.test(e[0] ?? "") && Q.test(e[1] ?? "") : !1;
 }
-function le(t) {
-  return t == null || typeof t == "string" || typeof t == "number";
+function fe(e) {
+  return e == null || typeof e == "string" || typeof e == "number";
 }
-const we = /^(HH|H|hh|h|kk|k):(mm|m)(?::(ss|s))?(?:\s*(A|a|P|p))?$/, J = /^([01]\d|2[0-3]):([0-5]\d)(:([0-5]\d))?$/, K = typeof __DEV__ < "u" ? __DEV__ : typeof process < "u" && process.env && process.env.NODE_ENV !== "production", Re = {
+function Ue(e) {
+  return e == null || typeof e == "string" || Array.isArray(e) || typeof e == "object" && e !== null;
+}
+const Le = /^(HH|H|hh|h|kk|k):(mm|m)(?::(ss|s))?(?:\s*(A|a|P|p))?$/, Q = /^([01]\d|2[0-3]):([0-5]\d)(:([0-5]\d))?$/, C = typeof __DEV__ < "u" ? __DEV__ : typeof process < "u" && process.env && process.env.NODE_ENV !== "production", Oe = {
   modelValue: {
     type: [String, Array],
     default: void 0,
-    validator: (t) => {
-      let o;
-      return Array.isArray(t) ? o = t.length === 2 && t.every((s) => J.test(s)) : o = t == null || J.test(t), !o && K && console.error(
-        `[VueTimepicker] \`modelValue\` is wrong. Received: ${t}`
-      ), o;
+    validator: (e) => {
+      let n;
+      return Array.isArray(e) ? n = e.length === 2 && e.every((s) => Q.test(s)) : n = e == null || Q.test(e), !n && C && console.error(
+        `[VueTimepicker] \`modelValue\` is wrong. Received: ${e}`
+      ), n;
     }
   },
   range: {
@@ -407,33 +411,37 @@ const we = /^(HH|H|hh|h|kk|k):(mm|m)(?::(ss|s))?(?:\s*(A|a|P|p))?$/, J = /^([01]
     type: Boolean,
     default: !1
   },
+  hideDropdown: {
+    type: Boolean,
+    default: !1
+  },
   hourStep: { type: Number, default: 1 },
   minuteStep: { type: Number, default: 1 },
   secondStep: { type: Number, default: 1 },
   minTime: {
     type: String,
     default: void 0,
-    validator: (t) => {
-      const o = t == null || J.test(t);
-      return !o && K && console.error(`[VueTimepicker] \`minTime\` is wrong. Received: ${t}`), o;
+    validator: (e) => {
+      const n = e == null || Q.test(e);
+      return !n && C && console.error(`[VueTimepicker] \`minTime\` is wrong. Received: ${e}`), n;
     }
   },
   maxTime: {
     type: String,
     default: void 0,
-    validator: (t) => {
-      const o = t == null || J.test(t);
-      return !o && K && console.error(`[VueTimepicker] \`maxTime\` is wrong. Received: ${t}`), o;
+    validator: (e) => {
+      const n = e == null || Q.test(e);
+      return !n && C && console.error(`[VueTimepicker] \`maxTime\` is wrong. Received: ${e}`), n;
     }
   },
   disabledTimes: {
     type: Array,
     default: void 0,
-    validator: (t) => {
-      const o = t == null || t.every(Fe);
-      return !o && K && console.error(
-        `[VueTimepicker] \`disabledTimes\` is wrong. Received: ${JSON.stringify(t)}`
-      ), o;
+    validator: (e) => {
+      const n = e == null || e.every(Ke);
+      return !n && C && console.error(
+        `[VueTimepicker] \`disabledTimes\` is wrong. Received: ${JSON.stringify(e)}`
+      ), n;
     }
   },
   isTimeDisabled: {
@@ -443,535 +451,604 @@ const we = /^(HH|H|hh|h|kk|k):(mm|m)(?::(ss|s))?(?:\s*(A|a|P|p))?$/, J = /^([01]
   format: {
     type: String,
     default: "HH:mm",
-    validator: (t) => {
-      const o = we.test(t);
-      return !o && K && console.error(
-        `[VueTimepicker] \`format\` format is wrong. Received: ${t}`
-      ), o;
+    validator: (e) => {
+      const n = Le.test(e);
+      return !n && C && console.error(
+        `[VueTimepicker] \`format\` format is wrong. Received: ${e}`
+      ), n;
     }
   },
   placeholder: {
     type: String,
     default: "Select time"
   },
+  id: {
+    type: String,
+    default: void 0,
+    validator: (e) => {
+      const n = e == null || typeof e == "string";
+      return !n && C && console.error(
+        `[VueTimepicker] \`id\` must be a string. Received: ${e}`
+      ), n;
+    }
+  },
+  name: {
+    type: String,
+    default: void 0,
+    validator: (e) => {
+      const n = e == null || typeof e == "string";
+      return !n && C && console.error(
+        `[VueTimepicker] \`name\` must be a string. Received: ${e}`
+      ), n;
+    }
+  },
+  tabindex: {
+    type: Number,
+    default: 0,
+    validator: (e) => {
+      const n = Number.isInteger(e);
+      return !n && C && console.error(
+        `[VueTimepicker] \`tabindex\` must be an integer. Received: ${e}`
+      ), n;
+    }
+  },
+  autocomplete: {
+    type: String,
+    default: "off",
+    validator: (e) => {
+      const n = typeof e == "string";
+      return !n && C && console.error(
+        `[VueTimepicker] \`autocomplete\` must be a string. Received: ${e}`
+      ), n;
+    }
+  },
+  inputClass: {
+    type: [String, Array, Object],
+    default: void 0,
+    validator: (e) => {
+      const n = Ue(e);
+      return !n && C && console.error(
+        `[VueTimepicker] \`inputClass\` must be a string, array, or object. Received: ${e}`
+      ), n;
+    }
+  },
   inputWidth: {
     type: [String, Number],
     default: void 0,
-    validator: (t) => {
-      const o = le(t);
-      return !o && K && console.error(
-        `[VueTimepicker] \`inputWidth\` must be a string or number. Received: ${t}`
-      ), o;
+    validator: (e) => {
+      const n = fe(e);
+      return !n && C && console.error(
+        `[VueTimepicker] \`inputWidth\` must be a string or number. Received: ${e}`
+      ), n;
     }
   },
   componentWidth: {
     type: [String, Number],
     default: void 0,
-    validator: (t) => {
-      const o = le(t);
-      return !o && K && console.error(
-        `[VueTimepicker] \`componentWidth\` must be a string or number. Received: ${t}`
-      ), o;
+    validator: (e) => {
+      const n = fe(e);
+      return !n && C && console.error(
+        `[VueTimepicker] \`componentWidth\` must be a string or number. Received: ${e}`
+      ), n;
     }
   },
   minInputWidth: {
     type: [String, Number],
     default: void 0,
-    validator: (t) => {
-      const o = le(t);
-      return !o && K && console.error(
-        `[VueTimepicker] \`minInputWidth\` must be a string or number. Received: ${t}`
-      ), o;
+    validator: (e) => {
+      const n = fe(e);
+      return !n && C && console.error(
+        `[VueTimepicker] \`minInputWidth\` must be a string or number. Received: ${e}`
+      ), n;
     }
   },
   maxInputWidth: {
     type: [String, Number],
     default: void 0,
-    validator: (t) => {
-      const o = le(t);
-      return !o && K && console.error(
-        `[VueTimepicker] \`maxInputWidth\` must be a string or number. Received: ${t}`
-      ), o;
+    validator: (e) => {
+      const n = fe(e);
+      return !n && C && console.error(
+        `[VueTimepicker] \`maxInputWidth\` must be a string or number. Received: ${e}`
+      ), n;
     }
   },
   size: {
     type: String,
     default: "md",
-    validator: (t) => {
-      const o = t === "xs" || t === "sm" || t === "md" || t === "lg" || t === "xl";
-      return !o && K && console.error(`[VueTimepicker] \`size\` is wrong. Received: ${t}`), o;
+    validator: (e) => {
+      const n = e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "xl";
+      return !n && C && console.error(`[VueTimepicker] \`size\` is wrong. Received: ${e}`), n;
     }
   }
 };
-function Ce(t) {
-  const o = we.exec(t);
-  if (!o) throw new Error(`[useTimeMask] Invalid format: ${t}`);
-  const [, s, n, h, b] = o, l = [], D = !!b, E = /^k{1,2}$/.test(s);
-  let V = 0, C = 23;
-  return D ? (V = 1, C = 12) : E && (V = 1, C = 24), l.push({ token: s, min: V, max: C }), l.push({ token: n, min: 0, max: 59 }), h && l.push({ token: h, min: 0, max: 59 }), {
-    digitGroups: l,
-    hasAmPm: !!b,
-    ampmLowercase: b === "a" || b === "p"
+function Pe(e) {
+  const n = Le.exec(e);
+  if (!n) throw new Error(`[useTimeMask] Invalid format: ${e}`);
+  const [, s, t, v, y] = n, d = [], D = !!y, E = /^k{1,2}$/.test(s);
+  let w = 0, _ = 23;
+  return D ? (w = 1, _ = 12) : E && (w = 1, _ = 24), d.push({ token: s, min: w, max: _ }), d.push({ token: t, min: 0, max: 59 }), v && d.push({ token: v, min: 0, max: 59 }), {
+    digitGroups: d,
+    hasAmPm: !!y,
+    ampmLowercase: y === "a" || y === "p"
   };
 }
-function xe(t) {
-  const o = p(() => Ce(t.value)), s = p(() => o.value.digitGroups.length * 2), n = N([]), h = N("AM"), b = N("");
-  function l() {
-    const { digitGroups: r, hasAmPm: u } = o.value;
-    let c = "", y = 0;
-    for (let g = 0; g < r.length; g++) {
-      for (let T = 0; T < 2; T++)
-        y < n.value.length && (c += String(n.value[y]), y++);
-      y === (g + 1) * 2 && g < r.length - 1 && (c += ":");
-    }
-    if (u && y >= s.value) {
-      const g = o.value.ampmLowercase ? h.value.toLowerCase() : h.value;
-      c += " " + g;
-    }
-    return c;
+function Ge(e) {
+  try {
+    return Pe(e);
+  } catch {
+    return Pe("HH:mm");
+  }
+}
+function De(e) {
+  const n = c(() => Ge(e.value)), s = c(() => n.value.digitGroups.length * 2), t = $([]), v = $("AM"), y = $("");
+  function d() {
+    const { digitGroups: r, hasAmPm: u } = n.value;
+    let m = "", b = 0;
+    for (let h = 0; h < r.length; h++) {
+      for (let x = 0; x < 2; x++)
+        b < t.value.length && (m += String(t.value[b]), b++);
+      b === (h + 1) * 2 && h < r.length - 1 && (m += ":");
+    }
+    if (u && b >= s.value) {
+      const h = n.value.ampmLowercase ? v.value.toLowerCase() : v.value;
+      m += " " + h;
+    }
+    return m;
   }
   function D(r) {
     const u = r * 2;
-    if (n.value.length < u + 2) return;
-    const c = n.value[u] * 10 + n.value[u + 1], { min: y, max: g } = o.value.digitGroups[r], T = Math.max(y, Math.min(g, c));
-    T !== c && (n.value[u] = Math.floor(T / 10), n.value[u + 1] = T % 10);
+    if (t.value.length < u + 2) return;
+    const m = t.value[u] * 10 + t.value[u + 1], { min: b, max: h } = n.value.digitGroups[r], x = Math.max(b, Math.min(h, m));
+    x !== m && (t.value[u] = Math.floor(x / 10), t.value[u + 1] = x % 10);
   }
   function E() {
-    for (let r = 0; r < o.value.digitGroups.length; r++)
+    for (let r = 0; r < n.value.digitGroups.length; r++)
       D(r);
   }
-  function V(r) {
-    const u = l();
-    let c = 0;
-    for (let y = 0; y < Math.min(r, u.length); y++)
-      /\d/.test(u[y]) && c++;
-    return c;
+  function w(r) {
+    const u = d();
+    let m = 0;
+    for (let b = 0; b < Math.min(r, u.length); b++)
+      /\d/.test(u[b]) && m++;
+    return m;
   }
-  function C(r) {
+  function _(r) {
     return r + Math.floor(r / 2);
   }
-  function k(r, u) {
+  function T(r, u) {
     if (r >= s.value) return s.value;
-    const c = [...n.value];
-    c[r] = u, n.value = c;
-    const y = Math.floor(r / 2);
-    return D(y), Math.min(r + 1, s.value);
+    const m = [...t.value];
+    m[r] = u, t.value = m;
+    const b = Math.floor(r / 2);
+    return D(b), Math.min(r + 1, s.value);
   }
-  function M(r, u) {
-    const c = l();
-    b.value = c, r.value = c;
-    const y = u !== void 0 ? Math.min(C(u), c.length) : c.length;
-    r.selectionStart = r.selectionEnd = y, ye(() => {
-      document.activeElement === r && (r.selectionStart = r.selectionEnd = y);
+  function I(r, u) {
+    const m = d();
+    y.value = m, r.value = m;
+    const b = u !== void 0 ? Math.min(_(u), m.length) : m.length;
+    r.selectionStart = r.selectionEnd = b, Ie(() => {
+      document.activeElement === r && (r.selectionStart = r.selectionEnd = b);
     });
   }
-  function H(r) {
-    const u = r.key, c = r.target;
+  function N(r) {
+    const u = r.key, m = r.target;
     if (["Tab", "Escape", "ArrowLeft", "ArrowRight", "Home", "End"].includes(
       u
     ) || r.metaKey || r.ctrlKey)
       return;
     r.preventDefault();
-    const y = c.selectionStart ?? 0, g = V(y);
+    const b = m.selectionStart ?? 0, h = w(b);
     if (u === "Backspace") {
-      g > 0 && M(c, g - 1);
+      h > 0 && I(m, h - 1);
       return;
     }
     if (u !== "Delete") {
-      if (o.value.hasAmPm) {
-        const T = u.toLowerCase();
-        if (T === "a") {
-          h.value = "AM", M(c, g);
+      if (n.value.hasAmPm) {
+        const x = u.toLowerCase();
+        if (x === "a") {
+          v.value = "AM", I(m, h);
           return;
         }
-        if (T === "p") {
-          h.value = "PM", M(c, g);
+        if (x === "p") {
+          v.value = "PM", I(m, h);
           return;
         }
       }
       if (/^\d$/.test(u)) {
-        const T = k(g, +u);
-        M(c, T);
+        const x = T(h, +u);
+        I(m, x);
         return;
       }
     }
   }
-  function f(r) {
-    const u = r.target, c = u.value.replace(/\D/g, "").split("").map(Number).slice(0, s.value);
-    n.value = c, E(), o.value.hasAmPm && (/p/i.test(u.value) ? h.value = "PM" : /a/i.test(u.value) && (h.value = "AM")), M(u);
+  function p(r) {
+    const u = r.target, m = u.value.replace(/\D/g, "").split("").map(Number).slice(0, s.value);
+    t.value = m, E(), n.value.hasAmPm && (/p/i.test(u.value) ? v.value = "PM" : /a/i.test(u.value) && (v.value = "AM")), I(u);
   }
-  function x(r) {
+  function S(r) {
     r.preventDefault();
-    const u = r.clipboardData?.getData("text") ?? "", c = r.target, y = c.selectionStart ?? 0, g = u.replace(/\D/g, "").split("").map(Number);
-    let T = V(y);
-    for (const G of g) {
-      if (T >= s.value) break;
-      T = k(T, G);
+    const u = r.clipboardData?.getData("text") ?? "", m = r.target, b = m.selectionStart ?? 0, h = u.replace(/\D/g, "").split("").map(Number);
+    let x = w(b);
+    for (const z of h) {
+      if (x >= s.value) break;
+      x = T(x, z);
     }
-    o.value.hasAmPm && (/p\.?m\.?/i.test(u) ? h.value = "PM" : /a\.?m\.?/i.test(u) && (h.value = "AM")), M(c, T);
+    n.value.hasAmPm && (/p\.?m\.?/i.test(u) ? v.value = "PM" : /a\.?m\.?/i.test(u) && (v.value = "AM")), I(m, x);
   }
-  function S(r) {
-    const { digitGroups: u, hasAmPm: c } = o.value, y = [];
-    let g = r.h;
-    c ? (h.value = r.h >= 12 ? "PM" : "AM", g = r.h % 12, g === 0 && (g = 12)) : ge(t.value) && (g = r.h === 0 ? 24 : r.h), y.push(Math.floor(g / 10), g % 10), y.push(Math.floor(r.m / 10), r.m % 10), u.length > 2 && y.push(Math.floor(r.s / 10), r.s % 10), n.value = y, b.value = l();
+  function A(r) {
+    const { digitGroups: u, hasAmPm: m } = n.value, b = [];
+    let h = r.h;
+    m ? (v.value = r.h >= 12 ? "PM" : "AM", h = r.h % 12, h === 0 && (h = 12)) : xe(e.value) && (h = r.h === 0 ? 24 : r.h), b.push(Math.floor(h / 10), h % 10), b.push(Math.floor(r.m / 10), r.m % 10), u.length > 2 && b.push(Math.floor(r.s / 10), r.s % 10), t.value = b, y.value = d();
   }
-  function w() {
-    n.value = [], b.value = "", h.value = "AM";
+  function M() {
+    t.value = [], y.value = "", v.value = "AM";
   }
-  function P() {
-    if (n.value.length < s.value) return null;
+  function B() {
+    if (t.value.length < s.value) return null;
     const r = [];
-    for (let g = 0; g < o.value.digitGroups.length; g++) {
-      const T = g * 2;
-      r.push(n.value[T] * 10 + n.value[T + 1]);
+    for (let h = 0; h < n.value.digitGroups.length; h++) {
+      const x = h * 2;
+      r.push(t.value[x] * 10 + t.value[x + 1]);
     }
     let u = r[0];
-    const c = r[1], y = r[2] ?? 0;
-    return o.value.hasAmPm && (u = h.value === "PM" ? u === 12 ? 12 : u + 12 : u === 12 ? 0 : u), ge(t.value) && u === 24 && (u = 0), { h: u, m: c, s: y };
+    const m = r[1], b = r[2] ?? 0;
+    return n.value.hasAmPm && (u = v.value === "PM" ? u === 12 ? 12 : u + 12 : u === 12 ? 0 : u), xe(e.value) && u === 24 && (u = 0), { h: u, m, s: b };
   }
-  const A = p(
-    () => n.value.length >= s.value
-  ), B = p(() => o.value.ampmLowercase);
+  const P = c(
+    () => t.value.length >= s.value
+  ), U = c(() => n.value.ampmLowercase);
   return {
-    inputValue: b,
-    handleKeydown: H,
-    handleInput: f,
-    handlePaste: x,
-    setFromTime: S,
-    clear: w,
-    getParsedTime: P,
-    isComplete: A,
+    inputValue: y,
+    handleKeydown: N,
+    handleInput: p,
+    handlePaste: S,
+    setFromTime: A,
+    clear: M,
+    getParsedTime: B,
+    isComplete: P,
     totalDigits: s,
-    displayPosToDigitIndex: V,
-    ampm: h,
-    ampmLowercase: B
+    displayPosToDigitIndex: w,
+    ampm: v,
+    ampmLowercase: U
   };
 }
-const Be = ["data-size", "data-validation", "data-disabled"], _e = ["value", "placeholder", "disabled"], We = ["value", "placeholder", "disabled"], Ue = /* @__PURE__ */ be({
+const ze = ["data-size", "data-validation", "data-disabled"], je = ["id", "name", "tabindex", "autocomplete", "value", "placeholder", "disabled"], qe = ["id", "name", "tabindex", "autocomplete", "value", "placeholder", "disabled"], Ye = /* @__PURE__ */ Ae({
   __name: "TimePicker",
-  props: Re,
+  props: Oe,
   emits: ["update:modelValue", "update:validationState", "validate", "open", "close", "error"],
-  setup(t, { emit: o }) {
-    const s = N(null), n = t, h = o, b = N(!1), l = N(!1), D = N("valid"), E = N("valid");
-    function V() {
-      b.value = !1, l.value = !1;
-    }
-    function C(e, i) {
-      if (n.disabled && i) {
-        V();
+  setup(e, { emit: n }) {
+    const s = $(null), t = e, v = n, y = $(!1), d = $(!1), D = $("valid"), E = $("valid");
+    function w() {
+      y.value = !1, d.value = !1;
+    }
+    function _(i, o) {
+      if (t.disabled && o) {
+        w();
         return;
       }
-      i && (e === "first" ? l.value = !1 : b.value = !1);
-    }
-    R(b, (e) => {
-      C("first", e);
-    }), R(l, (e) => {
-      C("second", e);
-    }), R(
-      () => n.disabled,
-      (e) => {
-        e && V();
+      o && (i === "first" ? d.value = !1 : y.value = !1);
+    }
+    F(y, (i) => {
+      _("first", i);
+    }), F(d, (i) => {
+      _("second", i);
+    }), F(
+      () => t.disabled,
+      (i) => {
+        i && w();
+      }
+    ), F(
+      () => t.hideDropdown,
+      (i) => {
+        i && w();
       }
     );
-    const k = p({
+    const T = c({
       get() {
-        if (Array.isArray(n.modelValue)) {
-          const [e, i] = n.modelValue;
-          return [q(e, n.format), q(i, n.format)];
+        if (Array.isArray(t.modelValue)) {
+          const [i, o] = t.modelValue;
+          return [Y(i, t.format), Y(o, t.format)];
         } else
-          return q(n.modelValue, n.format);
+          return Y(t.modelValue, t.format);
       },
-      set(e) {
-        Array.isArray(e) ? h("update:modelValue", [
-          se("HH:mm:ss", e[0]),
-          se("HH:mm:ss", e[1])
-        ]) : h("update:modelValue", se("HH:mm:ss", e));
+      set(i) {
+        Array.isArray(i) ? v("update:modelValue", [
+          me("HH:mm:ss", i[0]),
+          me("HH:mm:ss", i[1])
+        ]) : v("update:modelValue", me("HH:mm:ss", i));
       }
-    }), M = p(
-      () => n.minTime ? q(n.minTime) : null
-    ), H = p(
-      () => n.maxTime ? q(n.maxTime) : null
-    ), f = p(() => !M.value || !H.value ? !0 : O(M.value, H.value) <= 0), x = p(() => D.value === "out-of-range" || n.range && E.value === "out-of-range" ? "out-of-range" : D.value === "invalid" || n.range && E.value === "invalid" ? "invalid" : "valid"), S = p(() => (n.disabledTimes ?? []).map((i) => {
-      const m = Array.isArray(i) ? i : [i, i], F = q(m[0]), I = q(m[1]);
-      return O(F, I) <= 0 ? [F, I] : [I, F];
+    }), I = c(
+      () => t.minTime ? Y(t.minTime) : null
+    ), N = c(
+      () => t.maxTime ? Y(t.maxTime) : null
+    ), p = c(() => !I.value || !N.value ? !0 : j(I.value, N.value) <= 0), S = c(() => D.value === "out-of-range" || t.range && E.value === "out-of-range" ? "out-of-range" : D.value === "invalid" || t.range && E.value === "invalid" ? "invalid" : "valid"), A = c(() => (t.disabledTimes ?? []).map((o) => {
+      const f = Array.isArray(o) ? o : [o, o], H = Y(f[0]), L = Y(f[1]);
+      return j(H, L) <= 0 ? [H, L] : [L, H];
     }));
-    function w(e) {
-      return !!(Ve(e, S.value) || n.isTimeDisabled?.(e));
+    function M(i) {
+      return !!(He(i, A.value) || t.isTimeDisabled?.(i));
     }
-    function P(e) {
-      return e === "first" ? Array.isArray(k.value) ? k.value[0] : k.value : Array.isArray(k.value) ? k.value[1] : k.value;
+    function B(i) {
+      return i === "first" ? Array.isArray(T.value) ? T.value[0] : T.value : Array.isArray(T.value) ? T.value[1] : T.value;
     }
-    function A(e) {
-      const i = n.modelValue;
-      return Array.isArray(i) ? e === "first" ? !!i[0] : !!i[1] : e === "second" ? !1 : typeof i == "string" && i.length > 0;
+    function P(i) {
+      const o = t.modelValue;
+      return Array.isArray(o) ? i === "first" ? !!o[0] : !!o[1] : i === "second" ? !1 : typeof o == "string" && o.length > 0;
     }
-    function B(e, i) {
-      if (e === "first") {
-        Array.isArray(k.value) ? k.value = [i, k.value[1]] : k.value = i;
+    function U(i, o) {
+      if (i === "first") {
+        Array.isArray(T.value) ? T.value = [o, T.value[1]] : T.value = o;
         return;
       }
-      Array.isArray(k.value) && (k.value = [k.value[0], i]);
-    }
-    function r(e, i, m, F) {
-      if (e === "first" ? D.value = i : E.value = i, h("validate", {
-        target: e,
-        state: i,
-        reason: m,
-        value: F ? se("HH:mm:ss", F) : null
-      }), i === "valid") {
+      Array.isArray(T.value) && (T.value = [T.value[0], o]);
+    }
+    function r(i, o, f, H) {
+      if (i === "first" ? D.value = o : E.value = o, v("validate", {
+        target: i,
+        state: o,
+        reason: f,
+        value: H ? me("HH:mm:ss", H) : null
+      }), o === "valid") {
         s.value = null;
         return;
       }
-      if (i === "out-of-range") {
-        s.value = "OUT_OF_RANGE", h("error", {
+      if (o === "out-of-range") {
+        s.value = "OUT_OF_RANGE", v("error", {
           code: "OUT_OF_RANGE",
           message: "Time is outside min/max bounds and was clamped."
         });
         return;
       }
-      s.value = m ?? "BAD_TIME", h("error", {
-        code: m ?? "BAD_TIME",
-        message: m === "DISABLED" ? "Time is disabled by disabledTimes or isTimeDisabled." : "Time is invalid."
+      s.value = f ?? "BAD_TIME", v("error", {
+        code: f ?? "BAD_TIME",
+        message: f === "DISABLED" ? "Time is disabled by disabledTimes or isTimeDisabled." : "Time is invalid."
       });
     }
-    R(
-      x,
-      (e) => {
-        h("update:validationState", e);
+    F(
+      S,
+      (i) => {
+        v("update:validationState", i);
       },
       { immediate: !0 }
     );
-    const u = p(
-      () => f.value ? M.value : null
-    ), c = p(
-      () => f.value ? H.value : null
+    const u = c(
+      () => p.value ? I.value : null
+    ), m = c(
+      () => p.value ? N.value : null
     );
-    function y(e) {
-      return Le(
-        e,
+    function b(i) {
+      return We(
+        i,
         u.value,
-        c.value
+        m.value
       );
     }
-    function g(e, i, m) {
-      const F = !Ie(
-        i,
+    function h(i, o, f) {
+      const H = !$e(
+        o,
         u.value,
-        c.value
-      ), I = y(i);
-      return w(I) ? (m.emitValidation && r(e, "invalid", "DISABLED", I), !1) : (B(e, I), m.emitValidation && (F ? r(e, "out-of-range", "OUT_OF_RANGE", I) : r(e, "valid", void 0, I)), !0);
+        m.value
+      ), L = b(o);
+      return M(L) ? (f.emitValidation && r(i, "invalid", "DISABLED", L), !1) : (U(i, L), f.emitValidation && (H ? r(i, "out-of-range", "OUT_OF_RANGE", L) : r(i, "valid", void 0, L)), !0);
     }
-    const T = p({
+    const x = c({
       get() {
-        return Array.isArray(k.value) ? k.value[0] : k.value;
+        return Array.isArray(T.value) ? T.value[0] : T.value;
       },
-      set(e) {
-        !A("first") && !b.value || g("first", e, { emitValidation: !0 });
+      set(i) {
+        !P("first") && !y.value || h("first", i, { emitValidation: !0 });
       }
-    }), G = p({
+    }), z = c({
       get() {
-        return Array.isArray(k.value) ? k.value[1] : k.value;
+        return Array.isArray(T.value) ? T.value[1] : T.value;
       },
-      set(e) {
-        !A("second") && !l.value || Array.isArray(k.value) && g("second", e, { emitValidation: !0 });
+      set(i) {
+        !P("second") && !d.value || Array.isArray(T.value) && h("second", i, { emitValidation: !0 });
       }
     });
-    R(
-      () => n.range,
-      (e) => {
-        if (e) {
-          if (n.modelValue != null && !Array.isArray(n.modelValue))
+    F(
+      () => t.range,
+      (i) => {
+        if (i) {
+          if (t.modelValue != null && !Array.isArray(t.modelValue))
             throw new RangeError(
-              `Model value must be an array for range selection: ${n.modelValue}`
+              `Model value must be an array for range selection: ${t.modelValue}`
             );
-        } else if (Array.isArray(n.modelValue))
+        } else if (Array.isArray(t.modelValue))
           throw new RangeError(
-            `Model value must be a single string for single time selection: ${n.modelValue}`
+            `Model value must be a single string for single time selection: ${t.modelValue}`
           );
       },
       { immediate: !0 }
     );
-    function z() {
-      A("first") && g("first", P("first"), {
+    function pe() {
+      P("first") && h("first", B("first"), {
         emitValidation: !0
-      }), n.range && A("second") && g("second", P("second"), {
+      }), t.range && P("second") && h("second", B("second"), {
         emitValidation: !0
       });
     }
-    R(
-      () => [u.value, c.value, n.range],
-      z,
-      { immediate: !0 }
-    ), R(
-      () => [S.value, n.isTimeDisabled, n.range],
-      z,
+    F(
+      () => [
+        u.value,
+        m.value,
+        A.value,
+        t.isTimeDisabled,
+        t.range
+      ],
+      pe,
       { immediate: !0 }
     );
-    const _ = p(() => n.format ?? "HH:mm:ss"), Y = p(() => n.placeholder ?? "Select time");
-    function j(e) {
-      if (e == null) return;
-      if (typeof e == "number") return `${e}px`;
-      const i = e.trim();
-      return i.length > 0 ? i : void 0;
-    }
-    const ne = p(() => {
-      let e = Math.max(
-        _.value.length,
-        Y.value.length
+    const K = c(() => t.format ?? "HH:mm:ss"), Z = c(() => t.placeholder ?? "Select time"), re = c(() => t.id), se = c(
+      () => t.range && t.id ? `${t.id}-end` : void 0
+    ), ue = c(() => t.name), ve = c(
+      () => t.range && t.name ? `${t.name}-end` : void 0
+    );
+    function ee(i) {
+      if (i == null) return;
+      if (typeof i == "number") return `${i}px`;
+      const o = i.trim();
+      return o.length > 0 ? o : void 0;
+    }
+    const he = c(() => {
+      let i = Math.max(
+        K.value.length,
+        Z.value.length
       );
-      return /[AaPp]$/.test(_.value) && (e = Math.max(e, _.value.length + 1)), `${Math.min(20, Math.max(6, e))}ch`;
-    }), ue = p(() => {
-      const e = {}, i = j(n.componentWidth), m = j(n.inputWidth), F = j(n.minInputWidth), I = j(n.maxInputWidth);
-      return i && (e["--vtp-component-width"] = i), m && (e["--vtp-input-width"] = m), F && (e["--vtp-input-min-width"] = F), I && (e["--vtp-input-max-width"] = I), e;
-    }), ie = p(() => ({
-      width: `var(--vtp-input-width, ${ne.value})`,
+      return /[AaPp]$/.test(K.value) && (i = Math.max(i, K.value.length + 1)), `${Math.min(20, Math.max(6, i))}ch`;
+    }), ge = c(() => {
+      const i = {}, o = ee(t.componentWidth), f = ee(t.inputWidth), H = ee(t.minInputWidth), L = ee(t.maxInputWidth);
+      return o && (i["--vtp-component-width"] = o), f && (i["--vtp-input-width"] = f), H && (i["--vtp-input-min-width"] = H), L && (i["--vtp-input-max-width"] = L), i;
+    }), q = c(() => ({
+      width: `var(--vtp-input-width, ${he.value})`,
       minWidth: "var(--vtp-input-min-width, 0)",
       maxWidth: "var(--vtp-input-max-width, none)"
-    })), L = xe(_), de = L.inputValue, $ = xe(_), ce = $.inputValue, ae = N(null), Q = N(null), ee = p(() => ({
-      left: `${(n.range && l.value ? Q.value : ae.value)?.offsetLeft ?? 0}px`
+    })), R = De(K), be = R.inputValue, W = De(K), ne = W.inputValue, a = $(null), l = $(null), g = c(() => ({
+      left: `${(t.range && d.value ? l.value : a.value)?.offsetLeft ?? 0}px`
     }));
-    R(
-      () => [T.value, _.value],
-      ([e]) => {
-        if (!A("first")) {
-          L.clear();
+    F(
+      () => [x.value, K.value],
+      ([i]) => {
+        if (!P("first")) {
+          R.clear();
           return;
         }
-        L.setFromTime(e);
+        R.setFromTime(i);
       },
       { immediate: !0 }
-    ), R(
-      () => [G.value, _.value, n.range],
-      ([e, , i]) => {
-        if (!i || !A("second")) {
-          $.clear();
+    ), F(
+      () => [z.value, K.value, t.range],
+      ([i, , o]) => {
+        if (!o || !P("second")) {
+          W.clear();
           return;
         }
-        $.setFromTime(e);
+        W.setFromTime(i);
       },
       { immediate: !0 }
     );
-    function a(e) {
-      if (n.disabled) return;
-      if (e.key === "Enter") {
-        e.preventDefault(), v("first");
-        return;
-      }
-      /^\d$/.test(e.key) && (b.value = !1, l.value = !1);
-      const i = e.target, m = L.displayPosToDigitIndex(i.selectionStart ?? 0), F = /^\d$/.test(e.key) && m >= L.totalDigits.value - 1;
-      if (L.handleKeydown(e), /^\d$/.test(e.key)) {
-        const I = L.getParsedTime();
-        I && g("first", I, { emitValidation: !1 });
+    function k(i, o, f) {
+      if (t.disabled) return !1;
+      if (o.key === "Enter")
+        return o.preventDefault(), J(i), !1;
+      const H = /^\d$/.test(o.key);
+      if (H && (y.value = !1, d.value = !1), f.handleKeydown(o), H) {
+        const L = f.getParsedTime();
+        L && h(i, L, { emitValidation: !1 });
       }
-      n.range && F && Q.value && (v("first"), ye(() => {
-        const I = Q.value;
-        I && (I.focus(), I.selectionStart = I.selectionEnd = 0);
+      return H;
+    }
+    function V(i) {
+      const o = i.target, f = R.displayPosToDigitIndex(o.selectionStart ?? 0), H = /^\d$/.test(i.key) && f >= R.totalDigits.value - 1;
+      k("first", i, R) && t.range && H && l.value && (J("first"), Ie(() => {
+        const le = l.value;
+        le && (le.focus(), le.selectionStart = le.selectionEnd = 0);
       }));
     }
-    function d(e) {
-      if (!n.disabled) {
-        if (e.key === "Enter") {
-          e.preventDefault(), v("second");
-          return;
-        }
-        if (/^\d$/.test(e.key) && (b.value = !1, l.value = !1), $.handleKeydown(e), /^\d$/.test(e.key)) {
-          const i = $.getParsedTime();
-          i && g("second", i, { emitValidation: !1 });
-        }
-      }
+    function ie(i) {
+      k("second", i, W);
     }
-    function v(e) {
-      const i = e === "first" ? L : $, m = i.getParsedTime();
-      m ? g(e, m, { emitValidation: !0 }) : i.inputValue.value.trim() ? r(e, "invalid", "BAD_TIME") : !n.range && e === "first" && (h("update:modelValue", null), r("first", "valid")), e === "first" ? A("first") ? L.setFromTime(T.value) : L.clear() : n.range && (A("second") ? $.setFromTime(G.value) : $.clear());
+    function J(i) {
+      const o = i === "first" ? R : W, f = o.getParsedTime();
+      f ? h(i, f, { emitValidation: !0 }) : o.inputValue.value.trim() ? r(i, "invalid", "BAD_TIME") : !t.range && i === "first" && (v("update:modelValue", null), r("first", "valid")), i === "first" ? P("first") ? R.setFromTime(x.value) : R.clear() : t.range && (P("second") ? W.setFromTime(z.value) : W.clear());
     }
-    return (e, i) => (U(), Z("div", {
+    return (i, o) => (G(), X("div", {
       class: "timepicker-shell",
-      "data-size": n.size,
-      "data-validation": x.value,
-      "data-disabled": n.disabled ? "true" : "false",
-      style: oe(ue.value)
+      "data-size": t.size,
+      "data-validation": S.value,
+      "data-disabled": t.disabled ? "true" : "false",
+      style: de(ge.value)
     }, [
-      X("div", {
-        class: ve(["timepicker-shell__input", {
+      ae("div", {
+        class: oe(["timepicker-shell__input", {
           "timepicker-shell__input--error": s.value,
-          "timepicker-shell__input--disabled": n.disabled
+          "timepicker-shell__input--disabled": t.disabled
         }])
       }, [
-        X("input", {
+        ae("input", {
           ref_key: "firstInputRef",
-          ref: ae,
+          ref: a,
           type: "text",
-          class: "timepicker-field",
-          value: W(de),
-          placeholder: Y.value,
-          style: oe(ie.value),
-          disabled: n.disabled,
-          onFocus: i[0] || (i[0] = (m) => !n.disabled && (b.value = !0)),
-          onKeydown: a,
-          onInput: i[1] || (i[1] = //@ts-ignore
-          (...m) => W(L).handleInput && W(L).handleInput(...m)),
-          onPaste: i[2] || (i[2] = //@ts-ignore
-          (...m) => W(L).handlePaste && W(L).handlePaste(...m)),
-          onBlur: i[3] || (i[3] = (m) => !n.disabled && v("first"))
-        }, null, 44, _e),
-        n.range ? (U(), Z(Ae, { key: 0 }, [
-          i[12] || (i[12] = X("span", { class: "timepicker-separator" }, "–", -1)),
-          X("input", {
+          class: oe(["timepicker-field", t.inputClass]),
+          id: re.value,
+          name: ue.value,
+          tabindex: t.tabindex,
+          autocomplete: t.autocomplete,
+          value: O(be),
+          placeholder: Z.value,
+          style: de(q.value),
+          disabled: t.disabled,
+          onFocus: o[0] || (o[0] = (f) => !t.disabled && !t.hideDropdown && (y.value = !0)),
+          onKeydown: V,
+          onInput: o[1] || (o[1] = //@ts-ignore
+          (...f) => O(R).handleInput && O(R).handleInput(...f)),
+          onPaste: o[2] || (o[2] = //@ts-ignore
+          (...f) => O(R).handlePaste && O(R).handlePaste(...f)),
+          onBlur: o[3] || (o[3] = (f) => !t.disabled && J("first"))
+        }, null, 46, je),
+        t.range ? (G(), X(Ee, { key: 0 }, [
+          o[12] || (o[12] = ae("span", { class: "timepicker-separator" }, "–", -1)),
+          ae("input", {
             ref_key: "secondInputRef",
-            ref: Q,
+            ref: l,
             type: "text",
-            class: "timepicker-field",
-            value: W(ce),
-            placeholder: Y.value,
-            style: oe(ie.value),
-            disabled: n.disabled,
-            onFocus: i[4] || (i[4] = (m) => !n.disabled && (l.value = !0)),
-            onKeydown: d,
-            onInput: i[5] || (i[5] = //@ts-ignore
-            (...m) => W($).handleInput && W($).handleInput(...m)),
-            onPaste: i[6] || (i[6] = //@ts-ignore
-            (...m) => W($).handlePaste && W($).handlePaste(...m)),
-            onBlur: i[7] || (i[7] = (m) => !n.disabled && v("second"))
-          }, null, 44, We)
+            class: oe(["timepicker-field", t.inputClass]),
+            id: se.value,
+            name: ve.value,
+            tabindex: t.tabindex,
+            autocomplete: t.autocomplete,
+            value: O(ne),
+            placeholder: Z.value,
+            style: de(q.value),
+            disabled: t.disabled,
+            onFocus: o[4] || (o[4] = (f) => !t.disabled && !t.hideDropdown && (d.value = !0)),
+            onKeydown: ie,
+            onInput: o[5] || (o[5] = //@ts-ignore
+            (...f) => O(W).handleInput && O(W).handleInput(...f)),
+            onPaste: o[6] || (o[6] = //@ts-ignore
+            (...f) => O(W).handlePaste && O(W).handlePaste(...f)),
+            onBlur: o[7] || (o[7] = (f) => !t.disabled && J("second"))
+          }, null, 46, qe)
         ], 64)) : te("", !0)
       ], 2),
-      X("div", {
+      t.hideDropdown ? te("", !0) : (G(), X("div", {
+        key: 0,
         class: "timepicker-popovers",
-        style: oe(ee.value)
+        style: de(g.value)
       }, [
-        pe(Te, {
-          open: b.value,
-          "onUpdate:open": i[8] || (i[8] = (m) => b.value = m),
-          initTime: T.value,
-          "onUpdate:initTime": i[9] || (i[9] = (m) => T.value = m),
-          format: n.format,
-          "hour-step": n.hourStep,
-          "minute-step": n.minuteStep,
-          "second-step": n.secondStep,
+        Te(we, {
+          open: y.value,
+          "onUpdate:open": o[8] || (o[8] = (f) => y.value = f),
+          initTime: x.value,
+          "onUpdate:initTime": o[9] || (o[9] = (f) => x.value = f),
+          format: t.format,
+          "hour-step": t.hourStep,
+          "minute-step": t.minuteStep,
+          "second-step": t.secondStep,
           "min-time": u.value,
-          "max-time": c.value,
-          "disabled-ranges": S.value,
-          "is-time-disabled": n.isTimeDisabled
+          "max-time": m.value,
+          "disabled-ranges": A.value,
+          "is-time-disabled": t.isTimeDisabled
         }, null, 8, ["open", "initTime", "format", "hour-step", "minute-step", "second-step", "min-time", "max-time", "disabled-ranges", "is-time-disabled"]),
-        n.range ? (U(), he(Te, {
+        t.range ? (G(), Se(we, {
           key: 0,
-          open: l.value,
-          "onUpdate:open": i[10] || (i[10] = (m) => l.value = m),
-          initTime: G.value,
-          "onUpdate:initTime": i[11] || (i[11] = (m) => G.value = m),
-          format: n.format,
-          "hour-step": n.hourStep,
-          "minute-step": n.minuteStep,
-          "second-step": n.secondStep,
+          open: d.value,
+          "onUpdate:open": o[10] || (o[10] = (f) => d.value = f),
+          initTime: z.value,
+          "onUpdate:initTime": o[11] || (o[11] = (f) => z.value = f),
+          format: t.format,
+          "hour-step": t.hourStep,
+          "minute-step": t.minuteStep,
+          "second-step": t.secondStep,
           "min-time": u.value,
-          "max-time": c.value,
-          "disabled-ranges": S.value,
-          "is-time-disabled": n.isTimeDisabled
+          "max-time": m.value,
+          "disabled-ranges": A.value,
+          "is-time-disabled": t.isTimeDisabled
         }, null, 8, ["open", "initTime", "format", "hour-step", "minute-step", "second-step", "min-time", "max-time", "disabled-ranges", "is-time-disabled"])) : te("", !0)
-      ], 4)
-    ], 12, Be));
+      ], 4))
+    ], 12, ze));
   }
 });
 export {
-  Ue as TimePicker
+  Ye as TimePicker
 };