@manik02/vue3-timepicker 0.1.2 → 0.2.0

package/dist/vue-timepicker.js

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