v-datepicker-lite 0.0.7 → 0.0.8

package/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as J, computed as H, createElementBlock as _, openBlock as k, createElementVNode as x, Fragment as L, renderList as F, unref as w, toDisplayString as j, normalizeClass as A, ref as C, watch as le, nextTick as K, onMounted as Ie, createBlock as ie, createCommentVNode as U, normalizeStyle as Mt, createVNode as Ae, renderSlot as Fe, normalizeProps as je, guardReactiveProps as Ne, onUnmounted as zt, resolveDynamicComponent as Gt, Teleport as Ut, withCtx as Ee, createTextVNode as Jt, onBeforeUnmount as Zt } from "vue";
+import { defineComponent as J, computed as H, createElementBlock as O, openBlock as k, createElementVNode as x, Fragment as L, renderList as F, unref as w, toDisplayString as j, normalizeClass as A, ref as C, watch as le, nextTick as K, onMounted as Ve, createBlock as te, createCommentVNode as U, normalizeStyle as Mt, createVNode as Ge, renderSlot as Le, normalizeProps as Fe, guardReactiveProps as je, onUnmounted as zt, resolveDynamicComponent as Gt, Teleport as Ut, withCtx as Ae, createTextVNode as Jt, onBeforeUnmount as Zt } from "vue";
 const St = (e, t = "YYYY-MM-DD") => {
   const n = e.getFullYear(), o = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0"), l = String(e.getHours()).padStart(2, "0"), c = String(e.getMinutes()).padStart(2, "0"), i = String(e.getSeconds()).padStart(2, "0"), a = String(e.getMilliseconds()).padStart(3, "0");
   return t.replace("YYYY", n.toString()).replace("MM", o).replace("DD", r).replace("HH", l).replace("mm", c).replace("ss", i).replace("sss", a);
-}, ze = (e) => {
+}, qe = (e) => {
   if (!e) return null;
   const t = new Date(e);
   return isNaN(t.getTime()) ? null : t;
@@ -121,19 +121,19 @@ const St = (e, t = "YYYY-MM-DD") => {
     }), c = (i) => {
       i.isDisabled || o("select", i.date);
     };
-    return (i, a) => (k(), _("div", en, [
+    return (i, a) => (k(), O("div", en, [
       x("table", tn, [
         x("thead", null, [
           x("tr", nn, [
-            (k(!0), _(L, null, F(w(Tt), (u) => (k(), _("th", { key: u }, j(u), 1))), 128))
+            (k(!0), O(L, null, F(w(Tt), (u) => (k(), O("th", { key: u }, j(u), 1))), 128))
           ])
         ]),
         x("tbody", rn, [
-          (k(!0), _(L, null, F(l.value, (u, p) => (k(), _("tr", {
+          (k(!0), O(L, null, F(l.value, (u, p) => (k(), O("tr", {
             key: p,
             class: "date-picker-week-row"
           }, [
-            (k(!0), _(L, null, F(u, (d) => (k(), _("td", {
+            (k(!0), O(L, null, F(u, (d) => (k(), O("td", {
               key: `${d.year}-${d.month}-${d.day}`,
               class: "date-picker-day-cell"
             }, [
@@ -179,16 +179,16 @@ const St = (e, t = "YYYY-MM-DD") => {
       const i = ((a = c.days.find((u) => u.isCurrentMonth)) == null ? void 0 : a.date) || c.days[0].date;
       o("select", i);
     };
-    return (c, i) => (k(), _("div", sn, [
+    return (c, i) => (k(), O("div", sn, [
       x("table", ln, [
         x("thead", null, [
           x("tr", cn, [
             i[0] || (i[0] = x("th", { class: "date-picker-weekday date-picker-week-header" }, "Wk", -1)),
-            (k(!0), _(L, null, F(w(Tt), (a) => (k(), _("th", { key: a }, j(a), 1))), 128))
+            (k(!0), O(L, null, F(w(Tt), (a) => (k(), O("th", { key: a }, j(a), 1))), 128))
           ])
         ]),
         x("tbody", un, [
-          (k(!0), _(L, null, F(r.value, (a) => (k(), _("tr", {
+          (k(!0), O(L, null, F(r.value, (a) => (k(), O("tr", {
             key: a.weekNumber,
             class: A([
               "date-picker-week-row",
@@ -201,7 +201,7 @@ const St = (e, t = "YYYY-MM-DD") => {
             x("td", fn, [
               x("div", pn, j(a.weekNumber), 1)
             ]),
-            (k(!0), _(L, null, F(a.days, (u) => (k(), _("td", {
+            (k(!0), O(L, null, F(a.days, (u) => (k(), O("td", {
               key: `${u.year}-${u.month}-${u.day}`,
               class: "date-picker-day-cell"
             }, [
@@ -235,10 +235,10 @@ function vn(e, t = "24h", n = 15, o) {
   }, p = () => {
     const s = [], f = i.value ? 1 : 0;
     for (let v = 0; v < (i.value ? 2 : 1); v++) {
-      const O = i.value ? v === 0 ? " AM" : " PM" : "";
+      const _ = i.value ? v === 0 ? " AM" : " PM" : "";
       for (let S = f; S <= (i.value ? 12 : 23); S++)
         for (let D = 0; D < 60; D += n) {
-          const y = (i.value, S), h = i.value ? S === 12 ? v === 0 ? 0 : 12 : S + v * 12 : S, P = `${String(y).padStart(2, "0")}:${String(D).padStart(2, "0")}` + O;
+          const y = (i.value, S), h = i.value ? S === 12 ? v === 0 ? 0 : 12 : S + v * 12 : S, P = `${String(y).padStart(2, "0")}:${String(D).padStart(2, "0")}` + _;
           s.push({
             display: P,
             value: `${String(h).padStart(2, "0")}:${String(D).padStart(2, "0")}`,
@@ -277,14 +277,14 @@ function vn(e, t = "24h", n = 15, o) {
         f = parseInt(S), v = parseInt(D);
       }
       r.value = f, l.value = v;
-      const O = e ? new Date(e.getTime()) : /* @__PURE__ */ new Date();
-      O.setHours(f, v, 0, 0), o("update", O);
+      const _ = e ? new Date(e.getTime()) : /* @__PURE__ */ new Date();
+      _.setHours(f, v, 0, 0), o("update", _);
     },
     scrollToSelected: (s) => {
       if (!s) return;
       const f = c.value.findIndex((v) => v === d());
       if (f >= 0) {
-        const O = s.clientHeight, S = f * 30 - O / 2 + 30 / 2;
+        const _ = s.clientHeight, S = f * 30 - _ / 2 + 30 / 2;
         s.scrollTop = Math.max(0, S);
       }
     },
@@ -325,13 +325,13 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
           p(r.value);
         });
       }
-    ), Ie(() => {
+    ), Ve(() => {
       c(), K(() => {
         setTimeout(() => {
           p(r.value);
         }, 3);
       });
-    }), (d, b) => (k(), _("div", hn, [
+    }), (d, b) => (k(), O("div", hn, [
       x("div", {
         ref_key: "timeListRef",
         ref: r,
@@ -339,7 +339,7 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
         role: "listbox",
         "aria-label": "Time Selection"
       }, [
-        (k(!0), _(L, null, F(w(l), (g) => (k(), _("div", {
+        (k(!0), O(L, null, F(w(l), (g) => (k(), O("div", {
           key: g,
           class: A(["time-option", {
             selected: g === w(a)()
@@ -378,10 +378,10 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
     }, p = (d) => {
       o("month-select", d.month);
     };
-    return (d, b) => (k(), _("div", yn, [
+    return (d, b) => (k(), O("div", yn, [
       x("div", bn, [
         x("div", wn, [
-          (k(!0), _(L, null, F(c.value, (g) => (k(), _("button", {
+          (k(!0), O(L, null, F(c.value, (g) => (k(), O("button", {
             key: g,
             class: A([
               "year-item",
@@ -397,11 +397,11 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
       x("div", Dn, [
         x("table", xn, [
           x("tbody", Mn, [
-            (k(!0), _(L, null, F(a.value, (g, m) => (k(), _("tr", {
+            (k(!0), O(L, null, F(a.value, (g, m) => (k(), O("tr", {
               key: m,
               class: "date-picker-months-row"
             }, [
-              (k(!0), _(L, null, F(g, (s) => (k(), _("td", {
+              (k(!0), O(L, null, F(g, (s) => (k(), O("td", {
                 key: s.month,
                 class: "date-picker-month-cell"
               }, [
@@ -442,14 +442,14 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
     }), c = (i) => {
       o("select", i.month);
     };
-    return (i, a) => (k(), _("div", On, [
+    return (i, a) => (k(), O("div", On, [
       x("table", Tn, [
         x("tbody", Pn, [
-          (k(!0), _(L, null, F(l.value, (u, p) => (k(), _("tr", {
+          (k(!0), O(L, null, F(l.value, (u, p) => (k(), O("tr", {
             key: p,
             class: "date-picker-months-row"
           }, [
-            (k(!0), _(L, null, F(u, (d) => (k(), _("td", {
+            (k(!0), O(L, null, F(u, (d) => (k(), O("td", {
               key: d.month,
               class: "date-picker-month-cell"
             }, [
@@ -500,7 +500,7 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
     }, a = () => {
       o("current-date");
     };
-    return (u, p) => (k(), _("div", En, [
+    return (u, p) => (k(), O("div", En, [
       x("button", {
         class: "date-picker-title",
         onClick: i,
@@ -545,15 +545,15 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
   }
 });
 function Wn(e, t) {
-  const n = C(/* @__PURE__ */ new Date()), o = C("date"), r = H(() => e.value ? e.value instanceof Date ? e.value : ze(e.value) : null), l = H(() => {
+  const n = C(/* @__PURE__ */ new Date()), o = C("date"), r = H(() => e.value ? e.value instanceof Date ? e.value : qe(e.value) : null), l = H(() => {
     if (!e.minDate) return !0;
-    const h = ze(e.minDate);
+    const h = qe(e.minDate);
     if (!h) return !0;
     const M = n.value.getFullYear(), P = n.value.getMonth();
     return new Date(M, P, 1) > h;
   }), c = H(() => {
     if (!e.maxDate) return !0;
-    const h = ze(e.maxDate);
+    const h = qe(e.maxDate);
     if (!h) return !0;
     const M = n.value.getFullYear(), P = n.value.getMonth();
     return new Date(M, P + 1, 0) < h;
@@ -586,7 +586,7 @@ function Wn(e, t) {
     y(h);
   }, v = (h) => {
     n.value = new Date(n.value.getFullYear(), h, 1), o.value = "date", e.mode === "month" && y(new Date(n.value.getFullYear(), h, 1));
-  }, O = (h) => {
+  }, _ = (h) => {
     n.value = new Date(h, n.value.getMonth(), 1), o.value = "date";
   }, S = (h) => {
     const M = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z?$/, P = /^\d{4}-\d{2}-\d{2}$/;
@@ -615,14 +615,14 @@ function Wn(e, t) {
     onDateSelect: s,
     onWeekSelect: f,
     onMonthSelect: v,
-    onYearSelect: O,
+    onYearSelect: _,
     emitValue: y
   };
 }
 const Rn = { class: "date-picker" }, Bn = {
   key: 0,
   class: "date-picker-time-section"
-}, mo = /* @__PURE__ */ J({
+}, po = /* @__PURE__ */ J({
   __name: "DatePicker",
   props: {
     value: {},
@@ -651,7 +651,7 @@ const Rn = { class: "date-picker" }, Bn = {
       goToPrevDecade: s,
       goToNextDecade: f,
       goToCurrentDate: v,
-      onHeaderClick: O,
+      onHeaderClick: _,
       onDateSelect: S,
       onWeekSelect: D,
       onMonthSelect: y,
@@ -664,12 +664,12 @@ const Rn = { class: "date-picker" }, Bn = {
       } else
         M(T);
     };
-    return Ie(async () => {
+    return Ve(async () => {
       K(() => {
         r.value && (l.value = r.value.clientHeight);
       });
-    }), (T, $) => (k(), _("div", Rn, [
-      T.mode !== "time" ? (k(), ie(In, {
+    }), (T, $) => (k(), O("div", Rn, [
+      T.mode !== "time" ? (k(), te(In, {
         key: 0,
         "current-date": w(c),
         "view-mode": w(i),
@@ -677,7 +677,7 @@ const Rn = { class: "date-picker" }, Bn = {
         "can-go-next": w(p),
         onPrev: $[0] || ($[0] = (Y) => w(i) === "year" ? w(s)() : w(i) === "month" ? w(g)() : w(d)()),
         onNext: $[1] || ($[1] = (Y) => w(i) === "year" ? w(f)() : w(i) === "month" ? w(m)() : w(b)()),
-        onHeaderClick: w(O),
+        onHeaderClick: w(_),
         onCurrentDate: w(v)
       }, null, 8, ["current-date", "view-mode", "can-go-prev", "can-go-next", "onHeaderClick", "onCurrentDate"])) : U("", !0),
       x("div", {
@@ -693,7 +693,7 @@ const Rn = { class: "date-picker" }, Bn = {
           ref_key: "datePickerContent",
           ref: r
         }, [
-          w(i) === "date" && (T.mode === "date" || T.mode === "dateTime") ? (k(), ie(an, {
+          w(i) === "date" && (T.mode === "date" || T.mode === "dateTime") ? (k(), te(an, {
             key: 0,
             "current-date": w(c),
             "selected-date": w(a),
@@ -702,19 +702,19 @@ const Rn = { class: "date-picker" }, Bn = {
             "disabled-dates": T.disabledDates,
             onSelect: w(S)
           }, null, 8, ["current-date", "selected-date", "min-date", "max-date", "disabled-dates", "onSelect"])) : U("", !0),
-          T.mode === "week" && w(i) === "date" ? (k(), ie(mn, {
+          T.mode === "week" && w(i) === "date" ? (k(), te(mn, {
             key: 1,
             "current-date": w(c),
             "selected-date": w(a),
             onSelect: w(D)
           }, null, 8, ["current-date", "selected-date", "onSelect"])) : U("", !0),
-          w(i) !== "year" && (w(i) === "month" || T.mode === "month") ? (k(), ie(Cn, {
+          w(i) !== "year" && (w(i) === "month" || T.mode === "month") ? (k(), te(Cn, {
             key: 2,
             "current-date": w(c),
             "selected-date": w(a),
             onSelect: w(y)
           }, null, 8, ["current-date", "selected-date", "onSelect"])) : U("", !0),
-          w(i) === "year" ? (k(), ie(_n, {
+          w(i) === "year" ? (k(), te(_n, {
             key: 3,
             "current-date": w(c),
             "selected-date": w(a),
@@ -722,8 +722,8 @@ const Rn = { class: "date-picker" }, Bn = {
             onMonthSelect: w(y)
           }, null, 8, ["current-date", "selected-date", "onSelect", "onMonthSelect"])) : U("", !0)
         ], 512),
-        T.mode === "dateTime" && w(i) === "date" ? (k(), _("div", Bn, [
-          Ae(pt, {
+        T.mode === "dateTime" && w(i) === "date" ? (k(), O("div", Bn, [
+          Ge(pt, {
             "selected-time": w(a),
             "time-format": T.timeFormat,
             "time-interval": T.timeInterval,
@@ -731,7 +731,7 @@ const Rn = { class: "date-picker" }, Bn = {
           }, null, 8, ["selected-time", "time-format", "time-interval"])
         ])) : U("", !0)
       ], 6),
-      T.mode === "time" ? (k(), ie(pt, {
+      T.mode === "time" ? (k(), te(pt, {
         key: 1,
         "selected-time": w(a),
         "time-format": T.timeFormat,
@@ -773,7 +773,7 @@ const Rn = { class: "date-picker" }, Bn = {
     }, m = (s) => {
       r("select-period", s);
     };
-    return t({ scrollToSelected: d }), (s, f) => (k(), _("div", {
+    return t({ scrollToSelected: d }), (s, f) => (k(), O("div", {
       ref_key: "dropdownRef",
       ref: l,
       class: "time-picker-dropdown"
@@ -785,11 +785,11 @@ const Rn = { class: "date-picker" }, Bn = {
             ref: c,
             class: "time-picker-options-scroll"
           }, [
-            (k(!0), _(L, null, F(u.value, (v) => (k(), _("button", {
+            (k(!0), O(L, null, F(u.value, (v) => (k(), O("button", {
               key: v,
               type: "button",
               class: A(["time-picker-option-button", { selected: v === s.selectedHour }]),
-              onClick: (O) => b(v)
+              onClick: (_) => b(v)
             }, j(String(v).padStart(2, "0")), 11, Gn))), 128))
           ], 512)
         ]),
@@ -799,15 +799,15 @@ const Rn = { class: "date-picker" }, Bn = {
             ref: i,
             class: "time-picker-options-scroll"
           }, [
-            (k(!0), _(L, null, F(p.value, (v) => (k(), _("button", {
+            (k(!0), O(L, null, F(p.value, (v) => (k(), O("button", {
               key: v,
               type: "button",
               class: A(["time-picker-option-button", { selected: v === s.selectedMinute }]),
-              onClick: (O) => g(v)
+              onClick: (_) => g(v)
             }, j(String(v).padStart(2, "0")), 11, Jn))), 128))
           ], 512)
         ]),
-        s.is12Hour ? (k(), _("div", Zn, [
+        s.is12Hour ? (k(), O("div", Zn, [
           x("div", {
             ref_key: "periodScroll",
             ref: a,
@@ -846,7 +846,7 @@ const Rn = { class: "date-picker" }, Bn = {
       } else
         return `${String(t.hour).padStart(2, "0")}:${o}`;
     });
-    return (o, r) => Fe(o.$slots, "default", je(Ne({ displayTime: n.value })), () => [
+    return (o, r) => Le(o.$slots, "default", Fe(je({ displayTime: n.value })), () => [
       x("button", {
         type: "button",
         class: A(["time-picker-input", o.triggerClass])
@@ -883,7 +883,7 @@ function He(e) {
   return Pt(e);
 }
 const er = typeof window > "u" || !window.navigator ? !1 : /iP(?:ad|hone|od)/.test(window.navigator.userAgent) || window.navigator.maxTouchPoints > 2 && /iPad|Macintosh/.test(window.navigator.userAgent);
-function Ge(e, t, n, o) {
+function ze(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
 }
 let mt = !1;
@@ -918,16 +918,16 @@ function tr(e, t, n = {}) {
   };
   let d = !1;
   const b = [
-    Ge(o, "click", (m) => {
+    ze(o, "click", (m) => {
       d || (d = !0, setTimeout(() => {
         d = !1;
       }, 0), p(m));
     }, { passive: !0, capture: l }),
-    Ge(o, "pointerdown", (m) => {
+    ze(o, "pointerdown", (m) => {
       const s = He(e);
       a = !u(m) && !!(s && !m.composedPath().includes(s));
     }, { passive: !0 }),
-    c && Ge(o, "blur", (m) => {
+    c && ze(o, "blur", (m) => {
       setTimeout(() => {
         var s;
         const f = He(e);
@@ -1021,7 +1021,7 @@ const hr = {
 function Z(e) {
   return e.split("-")[0];
 }
-var ce = Math.max, Ve = Math.min, me = Math.round;
+var ce = Math.max, Ne = Math.min, me = Math.round;
 function Ue() {
   var e = navigator.userAgentData;
   return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
@@ -1076,13 +1076,13 @@ function ee(e) {
 function gr(e) {
   return ["table", "td", "th"].indexOf(Q(e)) >= 0;
 }
-function te(e) {
+function ne(e) {
   return ((ue(e) ? e.ownerDocument : (
     // $FlowFixMe[prop-missing]
     e.document
   )) || window.document).documentElement;
 }
-function We(e) {
+function Ie(e) {
   return Q(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
@@ -1091,7 +1091,7 @@ function We(e) {
     e.parentNode || // DOM Element detected
     (Qe(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    te(e)
+    ne(e)
   );
 }
 function ht(e) {
@@ -1105,7 +1105,7 @@ function yr(e) {
     if (o.position === "fixed")
       return null;
   }
-  var r = We(e);
+  var r = Ie(e);
   for (Qe(r) && (r = r.host); R(r) && ["html", "body"].indexOf(Q(r)) < 0; ) {
     var l = ee(r);
     if (l.transform !== "none" || l.perspective !== "none" || l.contain === "paint" || ["transform", "perspective"].indexOf(l.willChange) !== -1 || t && l.willChange === "filter" || t && l.filter && l.filter !== "none")
@@ -1123,7 +1123,7 @@ function Ke(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
 function ke(e, t, n) {
-  return ce(e, Ve(t, n));
+  return ce(e, Ne(t, n));
 }
 function br(e, t, n) {
   var o = ke(e, t, n);
@@ -1153,7 +1153,7 @@ var wr = function(e, t) {
 function kr(e) {
   var t, n = e.state, o = e.name, r = e.options, l = n.elements.arrow, c = n.modifiersData.popperOffsets, i = Z(n.placement), a = Ke(i), u = [V, q].indexOf(i) >= 0, p = u ? "height" : "width";
   if (!(!l || !c)) {
-    var d = wr(r.padding, n), b = Xe(l), g = a === "y" ? N : V, m = a === "y" ? B : q, s = n.rects.reference[p] + n.rects.reference[a] - c[a] - n.rects.popper[p], f = c[a] - n.rects.reference[a], v = _e(l), O = v ? a === "y" ? v.clientHeight || 0 : v.clientWidth || 0 : 0, S = s / 2 - f / 2, D = d[g], y = O - b[p] - d[m], h = O / 2 - b[p] / 2 + S, M = ke(D, h, y), P = a;
+    var d = wr(r.padding, n), b = Xe(l), g = a === "y" ? N : V, m = a === "y" ? B : q, s = n.rects.reference[p] + n.rects.reference[a] - c[a] - n.rects.popper[p], f = c[a] - n.rects.reference[a], v = _e(l), _ = v ? a === "y" ? v.clientHeight || 0 : v.clientWidth || 0 : 0, S = s / 2 - f / 2, D = d[g], y = _ - b[p] - d[m], h = _ / 2 - b[p] / 2 + S, M = ke(D, h, y), P = a;
     n.modifiersData[o] = (t = {}, t[P] = M, t.centerOffset = M - h, t);
   }
 }
@@ -1195,10 +1195,10 @@ function gt(e) {
     y: s
   };
   g = f.x, s = f.y;
-  var v = c.hasOwnProperty("x"), O = c.hasOwnProperty("y"), S = V, D = N, y = window;
+  var v = c.hasOwnProperty("x"), _ = c.hasOwnProperty("y"), S = V, D = N, y = window;
   if (u) {
     var h = _e(n), M = "clientHeight", P = "clientWidth";
-    if (h === W(n) && (h = te(n), ee(h).position !== "static" && i === "absolute" && (M = "scrollHeight", P = "scrollWidth")), h = h, r === N || (r === V || r === q) && l === xe) {
+    if (h === W(n) && (h = ne(n), ee(h).position !== "static" && i === "absolute" && (M = "scrollHeight", P = "scrollWidth")), h = h, r === N || (r === V || r === q) && l === xe) {
       D = B;
       var T = d && h === y && y.visualViewport ? y.visualViewport.height : (
         // $FlowFixMe[prop-missing]
@@ -1226,9 +1226,9 @@ function gt(e) {
   };
   if (g = z.x, s = z.y, a) {
     var E;
-    return Object.assign({}, Y, (E = {}, E[D] = O ? "0" : "", E[S] = v ? "0" : "", E.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + g + "px, " + s + "px)" : "translate3d(" + g + "px, " + s + "px, 0)", E));
+    return Object.assign({}, Y, (E = {}, E[D] = _ ? "0" : "", E[S] = v ? "0" : "", E.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + g + "px, " + s + "px)" : "translate3d(" + g + "px, " + s + "px, 0)", E));
   }
-  return Object.assign({}, Y, (t = {}, t[D] = O ? s + "px" : "", t[S] = v ? g + "px" : "", t.transform = "", t));
+  return Object.assign({}, Y, (t = {}, t[D] = _ ? s + "px" : "", t[S] = v ? g + "px" : "", t.transform = "", t));
 }
 function _r(e) {
   var t = e.state, n = e.options, o = n.gpuAcceleration, r = o === void 0 ? !0 : o, l = n.adaptive, c = l === void 0 ? !0 : l, i = n.roundOffsets, a = i === void 0 ? !0 : i, u = {
@@ -1288,7 +1288,7 @@ var $r = {
   bottom: "top",
   top: "bottom"
 };
-function Le(e) {
+function Ee(e) {
   return e.replace(/left|right|bottom|top/g, function(t) {
     return $r[t];
   });
@@ -1310,10 +1310,10 @@ function et(e) {
   };
 }
 function tt(e) {
-  return ve(te(e)).left + et(e).scrollLeft;
+  return ve(ne(e)).left + et(e).scrollLeft;
 }
 function Hr(e, t) {
-  var n = W(e), o = te(e), r = n.visualViewport, l = o.clientWidth, c = o.clientHeight, i = 0, a = 0;
+  var n = W(e), o = ne(e), r = n.visualViewport, l = o.clientWidth, c = o.clientHeight, i = 0, a = 0;
   if (r) {
     l = r.width, c = r.height;
     var u = Ht();
@@ -1327,7 +1327,7 @@ function Hr(e, t) {
   };
 }
 function Yr(e) {
-  var t, n = te(e), o = et(e), r = (t = e.ownerDocument) == null ? void 0 : t.body, l = ce(n.scrollWidth, n.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), c = ce(n.scrollHeight, n.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), i = -o.scrollLeft + tt(e), a = -o.scrollTop;
+  var t, n = ne(e), o = et(e), r = (t = e.ownerDocument) == null ? void 0 : t.body, l = ce(n.scrollWidth, n.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), c = ce(n.scrollHeight, n.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), i = -o.scrollLeft + tt(e), a = -o.scrollTop;
   return ee(r || n).direction === "rtl" && (i += ce(n.clientWidth, r ? r.clientWidth : 0) - l), {
     width: l,
     height: c,
@@ -1340,7 +1340,7 @@ function nt(e) {
   return /auto|scroll|overlay|hidden/.test(n + r + o);
 }
 function Ft(e) {
-  return ["html", "body", "#document"].indexOf(Q(e)) >= 0 ? e.ownerDocument.body : R(e) && nt(e) ? e : Ft(We(e));
+  return ["html", "body", "#document"].indexOf(Q(e)) >= 0 ? e.ownerDocument.body : R(e) && nt(e) ? e : Ft(Ie(e));
 }
 function De(e, t) {
   var n;
@@ -1348,7 +1348,7 @@ function De(e, t) {
   var o = Ft(e), r = o === ((n = e.ownerDocument) == null ? void 0 : n.body), l = W(o), c = r ? [l].concat(l.visualViewport || [], nt(o) ? o : []) : o, i = t.concat(c);
   return r ? i : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    i.concat(De(We(c)))
+    i.concat(De(Ie(c)))
   );
 }
 function Je(e) {
@@ -1364,10 +1364,10 @@ function Ar(e, t) {
   return n.top = n.top + e.clientTop, n.left = n.left + e.clientLeft, n.bottom = n.top + e.clientHeight, n.right = n.left + e.clientWidth, n.width = e.clientWidth, n.height = e.clientHeight, n.x = n.left, n.y = n.top, n;
 }
 function bt(e, t, n) {
-  return t === $t ? Je(Hr(e, n)) : ue(t) ? Ar(t, n) : Je(Yr(te(e)));
+  return t === $t ? Je(Hr(e, n)) : ue(t) ? Ar(t, n) : Je(Yr(ne(e)));
 }
 function Er(e) {
-  var t = De(We(e)), n = ["absolute", "fixed"].indexOf(ee(e).position) >= 0, o = n && R(e) ? _e(e) : e;
+  var t = De(Ie(e)), n = ["absolute", "fixed"].indexOf(ee(e).position) >= 0, o = n && R(e) ? _e(e) : e;
   return ue(o) ? t.filter(function(r) {
     return ue(r) && Yt(r, o) && Q(r) !== "body";
   }) : [];
@@ -1375,7 +1375,7 @@ function Er(e) {
 function Lr(e, t, n, o) {
   var r = t === "clippingParents" ? Er(e) : [].concat(t), l = [].concat(r, [n]), c = l[0], i = l.reduce(function(a, u) {
     var p = bt(e, u, o);
-    return a.top = ce(p.top, a.top), a.right = Ve(p.right, a.right), a.bottom = Ve(p.bottom, a.bottom), a.left = ce(p.left, a.left), a;
+    return a.top = ce(p.top, a.top), a.right = Ne(p.right, a.right), a.bottom = Ne(p.bottom, a.bottom), a.left = ce(p.left, a.left), a;
   }, bt(e, c, o));
   return i.width = i.right - i.left, i.height = i.bottom - i.top, i.x = i.left, i.y = i.top, i;
 }
@@ -1428,7 +1428,7 @@ function jt(e) {
 }
 function Me(e, t) {
   t === void 0 && (t = {});
-  var n = t, o = n.placement, r = o === void 0 ? e.placement : o, l = n.strategy, c = l === void 0 ? e.strategy : l, i = n.boundary, a = i === void 0 ? nr : i, u = n.rootBoundary, p = u === void 0 ? $t : u, d = n.elementContext, b = d === void 0 ? be : d, g = n.altBoundary, m = g === void 0 ? !1 : g, s = n.padding, f = s === void 0 ? 0 : s, v = Et(typeof f != "number" ? f : Lt(f, Se)), O = b === be ? rr : be, S = e.rects.popper, D = e.elements[m ? O : b], y = Lr(ue(D) ? D : D.contextElement || te(e.elements.popper), a, p, c), h = ve(e.elements.reference), M = jt({
+  var n = t, o = n.placement, r = o === void 0 ? e.placement : o, l = n.strategy, c = l === void 0 ? e.strategy : l, i = n.boundary, a = i === void 0 ? nr : i, u = n.rootBoundary, p = u === void 0 ? $t : u, d = n.elementContext, b = d === void 0 ? be : d, g = n.altBoundary, m = g === void 0 ? !1 : g, s = n.padding, f = s === void 0 ? 0 : s, v = Et(typeof f != "number" ? f : Lt(f, Se)), _ = b === be ? rr : be, S = e.rects.popper, D = e.elements[m ? _ : b], y = Lr(ue(D) ? D : D.contextElement || ne(e.elements.popper), a, p, c), h = ve(e.elements.reference), M = jt({
     reference: h,
     element: S,
     placement: r
@@ -1441,8 +1441,8 @@ function Me(e, t) {
   if (b === be && Y) {
     var z = Y[r];
     Object.keys($).forEach(function(E) {
-      var ne = [q, B].indexOf(E) >= 0 ? 1 : -1, re = [N, B].indexOf(E) >= 0 ? "y" : "x";
-      $[E] += z[re] * ne;
+      var re = [q, B].indexOf(E) >= 0 ? 1 : -1, oe = [N, B].indexOf(E) >= 0 ? "y" : "x";
+      $[E] += z[oe] * re;
     });
   }
   return $;
@@ -1470,14 +1470,14 @@ function Fr(e, t) {
 function jr(e) {
   if (Z(e) === Ze)
     return [];
-  var t = Le(e);
+  var t = Ee(e);
   return [yt(e), t, yt(t)];
 }
 function Nr(e) {
   var t = e.state, n = e.options, o = e.name;
   if (!t.modifiersData[o]._skip) {
-    for (var r = n.mainAxis, l = r === void 0 ? !0 : r, c = n.altAxis, i = c === void 0 ? !0 : c, a = n.fallbackPlacements, u = n.padding, p = n.boundary, d = n.rootBoundary, b = n.altBoundary, g = n.flipVariations, m = g === void 0 ? !0 : g, s = n.allowedAutoPlacements, f = t.options.placement, v = Z(f), O = v === f, S = a || (O || !m ? [Le(f)] : jr(f)), D = [f].concat(S).reduce(function(ae, X) {
-      return ae.concat(Z(X) === Ze ? Fr(t, {
+    for (var r = n.mainAxis, l = r === void 0 ? !0 : r, c = n.altAxis, i = c === void 0 ? !0 : c, a = n.fallbackPlacements, u = n.padding, p = n.boundary, d = n.rootBoundary, b = n.altBoundary, g = n.flipVariations, m = g === void 0 ? !0 : g, s = n.allowedAutoPlacements, f = t.options.placement, v = Z(f), _ = v === f, S = a || (_ || !m ? [Ee(f)] : jr(f)), D = [f].concat(S).reduce(function(se, X) {
+      return se.concat(Z(X) === Ze ? Fr(t, {
         placement: X,
         boundary: p,
         rootBoundary: d,
@@ -1486,36 +1486,36 @@ function Nr(e) {
         allowedAutoPlacements: s
       }) : X);
     }, []), y = t.rects.reference, h = t.rects.popper, M = /* @__PURE__ */ new Map(), P = !0, T = D[0], $ = 0; $ < D.length; $++) {
-      var Y = D[$], z = Z(Y), E = he(Y) === pe, ne = [N, B].indexOf(z) >= 0, re = ne ? "width" : "height", I = Me(t, {
+      var Y = D[$], z = Z(Y), E = he(Y) === pe, re = [N, B].indexOf(z) >= 0, oe = re ? "width" : "height", I = Me(t, {
         placement: Y,
         boundary: p,
         rootBoundary: d,
         altBoundary: b,
         padding: u
-      }), G = ne ? E ? q : V : E ? B : N;
-      y[re] > h[re] && (G = Le(G));
-      var Oe = Le(G), oe = [];
-      if (l && oe.push(I[z] <= 0), i && oe.push(I[G] <= 0, I[Oe] <= 0), oe.every(function(ae) {
-        return ae;
+      }), G = re ? E ? q : V : E ? B : N;
+      y[oe] > h[oe] && (G = Ee(G));
+      var Oe = Ee(G), ae = [];
+      if (l && ae.push(I[z] <= 0), i && ae.push(I[G] <= 0, I[Oe] <= 0), ae.every(function(se) {
+        return se;
       })) {
         T = Y, P = !1;
         break;
       }
-      M.set(Y, oe);
+      M.set(Y, ae);
     }
     if (P)
-      for (var Te = m ? 3 : 1, Re = function(ae) {
+      for (var Te = m ? 3 : 1, We = function(se) {
         var X = D.find(function($e) {
           var ye = M.get($e);
           if (ye)
-            return ye.slice(0, ae).every(function(de) {
+            return ye.slice(0, se).every(function(de) {
               return de;
             });
         });
         if (X)
           return T = X, "break";
       }, ge = Te; ge > 0; ge--) {
-        var Pe = Re(ge);
+        var Pe = We(ge);
         if (Pe === "break") break;
       }
     t.placement !== T && (t.modifiersData[o]._skip = !0, t.placement = T, t.reset = !0);
@@ -1619,7 +1619,7 @@ function Jr(e) {
     rootBoundary: u,
     padding: d,
     altBoundary: p
-  }), v = Z(t.placement), O = he(t.placement), S = !O, D = Ke(v), y = Ur(D), h = t.modifiersData.popperOffsets, M = t.rects.reference, P = t.rects.popper, T = typeof s == "function" ? s(Object.assign({}, t.rects, {
+  }), v = Z(t.placement), _ = he(t.placement), S = !_, D = Ke(v), y = Ur(D), h = t.modifiersData.popperOffsets, M = t.rects.reference, P = t.rects.popper, T = typeof s == "function" ? s(Object.assign({}, t.rects, {
     placement: t.placement
   })) : s, $ = typeof T == "number" ? {
     mainAxis: T,
@@ -1633,15 +1633,15 @@ function Jr(e) {
   };
   if (h) {
     if (l) {
-      var E, ne = D === "y" ? N : V, re = D === "y" ? B : q, I = D === "y" ? "height" : "width", G = h[D], Oe = G + f[ne], oe = G - f[re], Te = g ? -P[I] / 2 : 0, Re = O === pe ? M[I] : P[I], ge = O === pe ? -P[I] : -M[I], Pe = t.elements.arrow, ae = g && Pe ? Xe(Pe) : {
+      var E, re = D === "y" ? N : V, oe = D === "y" ? B : q, I = D === "y" ? "height" : "width", G = h[D], Oe = G + f[re], ae = G - f[oe], Te = g ? -P[I] / 2 : 0, We = _ === pe ? M[I] : P[I], ge = _ === pe ? -P[I] : -M[I], Pe = t.elements.arrow, se = g && Pe ? Xe(Pe) : {
         width: 0,
         height: 0
-      }, X = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : At(), $e = X[ne], ye = X[re], de = ke(0, M[I], ae[I]), Nt = S ? M[I] / 2 - Te - de - $e - $.mainAxis : Re - de - $e - $.mainAxis, Vt = S ? -M[I] / 2 + Te + de + ye + $.mainAxis : ge + de + ye + $.mainAxis, Be = t.elements.arrow && _e(t.elements.arrow), It = Be ? D === "y" ? Be.clientTop || 0 : Be.clientLeft || 0 : 0, rt = (E = Y == null ? void 0 : Y[D]) != null ? E : 0, Wt = G + Nt - rt - It, Rt = G + Vt - rt, ot = ke(g ? Ve(Oe, Wt) : Oe, G, g ? ce(oe, Rt) : oe);
+      }, X = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : At(), $e = X[re], ye = X[oe], de = ke(0, M[I], se[I]), Nt = S ? M[I] / 2 - Te - de - $e - $.mainAxis : We - de - $e - $.mainAxis, Vt = S ? -M[I] / 2 + Te + de + ye + $.mainAxis : ge + de + ye + $.mainAxis, Re = t.elements.arrow && _e(t.elements.arrow), It = Re ? D === "y" ? Re.clientTop || 0 : Re.clientLeft || 0 : 0, rt = (E = Y == null ? void 0 : Y[D]) != null ? E : 0, Wt = G + Nt - rt - It, Rt = G + Vt - rt, ot = ke(g ? Ne(Oe, Wt) : Oe, G, g ? ce(ae, Rt) : ae);
       h[D] = ot, z[D] = ot - G;
     }
     if (i) {
-      var at, Bt = D === "x" ? N : V, qt = D === "x" ? B : q, se = h[y], Ce = y === "y" ? "height" : "width", st = se + f[Bt], it = se - f[qt], qe = [N, V].indexOf(v) !== -1, lt = (at = Y == null ? void 0 : Y[y]) != null ? at : 0, ct = qe ? st : se - M[Ce] - P[Ce] - lt + $.altAxis, ut = qe ? se + M[Ce] + P[Ce] - lt - $.altAxis : it, dt = g && qe ? br(ct, se, ut) : ke(g ? ct : st, se, g ? ut : it);
-      h[y] = dt, z[y] = dt - se;
+      var at, Bt = D === "x" ? N : V, qt = D === "x" ? B : q, ie = h[y], Ce = y === "y" ? "height" : "width", st = ie + f[Bt], it = ie - f[qt], Be = [N, V].indexOf(v) !== -1, lt = (at = Y == null ? void 0 : Y[y]) != null ? at : 0, ct = Be ? st : ie - M[Ce] - P[Ce] - lt + $.altAxis, ut = Be ? ie + M[Ce] + P[Ce] - lt - $.altAxis : it, dt = g && Be ? br(ct, ie, ut) : ke(g ? ct : st, ie, g ? ut : it);
+      h[y] = dt, z[y] = dt - ie;
     }
     t.modifiersData[o] = z;
   }
@@ -1668,7 +1668,7 @@ function Kr(e) {
 }
 function eo(e, t, n) {
   n === void 0 && (n = !1);
-  var o = R(t), r = R(t) && Kr(t), l = te(t), c = ve(e, r, n), i = {
+  var o = R(t), r = R(t) && Kr(t), l = ne(t), c = ve(e, r, n), i = {
     scrollLeft: 0,
     scrollTop: 0
   }, a = {
@@ -1769,8 +1769,8 @@ function ao(e) {
           popper: De(i)
         };
         var v = no(oo([].concat(o, u.options.modifiers)));
-        return u.orderedModifiers = v.filter(function(O) {
-          return O.enabled;
+        return u.orderedModifiers = v.filter(function(_) {
+          return _.enabled;
         }), g(), b.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
@@ -1788,12 +1788,12 @@ function ao(e) {
             }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(P) {
               return u.modifiersData[P.name] = Object.assign({}, P.data);
             });
-            for (var O = 0; O < u.orderedModifiers.length; O++) {
+            for (var _ = 0; _ < u.orderedModifiers.length; _++) {
               if (u.reset === !0) {
-                u.reset = !1, O = -1;
+                u.reset = !1, _ = -1;
                 continue;
               }
-              var S = u.orderedModifiers[O], D = S.fn, y = S.options, h = y === void 0 ? {} : y, M = S.name;
+              var S = u.orderedModifiers[_], D = S.fn, y = S.options, h = y === void 0 ? {} : y, M = S.name;
               typeof D == "function" && (u = D({
                 state: u,
                 options: h,
@@ -1822,13 +1822,13 @@ function ao(e) {
     });
     function g() {
       u.orderedModifiers.forEach(function(s) {
-        var f = s.name, v = s.options, O = v === void 0 ? {} : v, S = s.effect;
+        var f = s.name, v = s.options, _ = v === void 0 ? {} : v, S = s.effect;
         if (typeof S == "function") {
           var D = S({
             state: u,
             name: f,
             instance: b,
-            options: O
+            options: _
           }), y = function() {
           };
           p.push(D || y);
@@ -1919,14 +1919,14 @@ function lo(e, t = [0, 8], n, o = {}) {
     (y = c.value) == null || y.forceUpdate();
   }, v = () => {
     d(), c.value && (c.value.destroy(), c.value = null);
-  }, O = () => {
+  }, _ = () => {
     n === "hover" && g();
   }, S = () => {
     n === "hover" && m();
   }, D = (y) => !o.ignoreClickOutside || o.ignoreClickOutside.length === 0 ? !1 : o.ignoreClickOutside.some((h) => h.startsWith("#") ? y.id === h.substring(1) || y.closest(h) !== null : h.startsWith(".") ? y.classList.contains(h.substring(1)) || y.closest(h) !== null : y.matches(h) || y.closest(h) !== null);
-  return Ie(async () => {
+  return Ve(async () => {
     var y, h, M;
-    await K(), n === "click" && ((y = r.value) == null || y.addEventListener("click", s)), n === "hover" && ((h = r.value) == null || h.addEventListener("mouseenter", O), (M = r.value) == null || M.addEventListener("mouseleave", S)), tr(l, (P) => {
+    await K(), n === "click" && ((y = r.value) == null || y.addEventListener("click", s)), n === "hover" && ((h = r.value) == null || h.addEventListener("mouseenter", _), (M = r.value) == null || M.addEventListener("mouseleave", S)), tr(l, (P) => {
       if (a.value && n === "click") {
         const T = P.target;
         D(T) || m();
@@ -1934,7 +1934,7 @@ function lo(e, t = [0, 8], n, o = {}) {
     });
   }), Zt(() => {
     var y, h, M;
-    v(), n === "click" && ((y = r.value) == null || y.removeEventListener("click", s)), n === "hover" && ((h = r.value) == null || h.removeEventListener("mouseenter", O), (M = r.value) == null || M.removeEventListener("mouseleave", S));
+    v(), n === "click" && ((y = r.value) == null || y.removeEventListener("click", s)), n === "hover" && ((h = r.value) == null || h.removeEventListener("mouseenter", _), (M = r.value) == null || M.removeEventListener("mouseleave", S));
   }), le(
     () => e,
     () => {
@@ -1942,7 +1942,7 @@ function lo(e, t = [0, 8], n, o = {}) {
     }
   ), le(a, (y) => {
     n === "hover" && K(() => {
-      y && l.value && (l.value.addEventListener("mouseenter", O), l.value.addEventListener("mouseleave", S));
+      y && l.value && (l.value.addEventListener("mouseenter", _), l.value.addEventListener("mouseleave", S));
     });
   }), {
     triggerRef: r,
@@ -1983,24 +1983,24 @@ const co = { class: "tooltip-wrapper" }, uo = /* @__PURE__ */ J({
       const d = c.value;
       return d.includes("top") ? "tooltip-arrow--bottom" : d.includes("bottom") ? "tooltip-arrow--top" : d.includes("left") ? "tooltip-arrow--right" : d.includes("right") ? "tooltip-arrow--left" : "tooltip-arrow--top";
     });
-    return Ie(() => {
+    return Ve(() => {
       i();
     }), zt(() => {
       a();
-    }), (d, b) => (k(), _("div", co, [
+    }), (d, b) => (k(), O("div", co, [
       x("span", {
         ref_key: "triggerRef",
         ref: r,
         class: A(["tooltip-trigger", d.triggerClass])
       }, [
-        Fe(d.$slots, "trigger", je(Ne({ isOpen: w(u) })))
+        Le(d.$slots, "trigger", Fe(je({ isOpen: w(u) })))
       ], 2),
-      w(u) ? (k(), ie(Gt(d.teleport ? Ut : "div"), {
+      w(u) ? (k(), te(Gt(d.teleport ? Ut : "div"), {
         key: 0,
         to: "body"
       }, {
-        default: Ee(() => [
-          w(u) ? (k(), _("div", {
+        default: Ae(() => [
+          w(u) ? (k(), O("div", {
             key: 0,
             style: Mt(d.styles),
             ref_key: "containerRef",
@@ -2012,11 +2012,11 @@ const co = { class: "tooltip-wrapper" }, uo = /* @__PURE__ */ J({
             x("div", {
               class: A(["tooltip-content", d.contentClass])
             }, [
-              Fe(d.$slots, "default", je(Ne({ isOpen: w(u) })), () => [
+              Le(d.$slots, "default", Fe(je({ isOpen: w(u) })), () => [
                 Jt(j(d.content), 1)
               ])
             ], 2),
-            d.arrow ? (k(), _("div", {
+            d.arrow ? (k(), O("div", {
               key: 0,
               class: A(["tooltip-arrow", p.value])
             }, null, 2)) : U("", !0)
@@ -2026,7 +2026,7 @@ const co = { class: "tooltip-wrapper" }, uo = /* @__PURE__ */ J({
       })) : U("", !0)
     ]));
   }
-}), fo = { class: "v-time-picker" }, vo = /* @__PURE__ */ J({
+}), mo = /* @__PURE__ */ J({
   __name: "TimePicker",
   props: {
     modelValue: { default: null },
@@ -2039,8 +2039,8 @@ const co = { class: "tooltip-wrapper" }, uo = /* @__PURE__ */ J({
   setup(e, { emit: t }) {
     const n = e, o = t, r = C(12), l = C(0), c = C("AM"), i = C(null), a = H(() => n.timeFormat === "12h"), u = () => {
       if (n.modelValue) {
-        const [s, f] = n.modelValue.split(":"), v = parseInt(s), O = parseInt(f);
-        l.value = O, a.value ? v === 0 ? (r.value = 12, c.value = "AM") : v === 12 ? (r.value = 12, c.value = "PM") : v > 12 ? (r.value = v - 12, c.value = "PM") : (r.value = v, c.value = "AM") : r.value = v;
+        const [s, f] = n.modelValue.split(":"), v = parseInt(s), _ = parseInt(f);
+        l.value = _, a.value ? v === 0 ? (r.value = 12, c.value = "AM") : v === 12 ? (r.value = 12, c.value = "PM") : v > 12 ? (r.value = v - 12, c.value = "PM") : (r.value = v, c.value = "AM") : r.value = v;
       } else {
         const s = /* @__PURE__ */ new Date(), f = s.getHours(), v = s.getMinutes();
         l.value = v, a.value ? f === 0 ? (r.value = 12, c.value = "AM") : f === 12 ? (r.value = 12, c.value = "PM") : f > 12 ? (r.value = f - 12, c.value = "PM") : (r.value = f, c.value = "AM") : r.value = f;
@@ -2060,48 +2060,46 @@ const co = { class: "tooltip-wrapper" }, uo = /* @__PURE__ */ J({
       var s;
       (s = i == null ? void 0 : i.value) == null || s.scrollToSelected();
     };
-    return le(() => n.modelValue, u, { immediate: !0 }), le(() => n.timeFormat, u), (s, f) => (k(), _("div", fo, [
-      Ae(w(uo), {
-        trigger: "click",
-        placement: "bottom-start",
-        onOnShow: m,
-        teleport: "",
-        "class-name": s.className,
-        styles: s.style
-      }, {
-        trigger: Ee(() => [
-          Ae(Kn, {
-            hour: r.value,
-            minute: l.value,
-            period: c.value,
-            "is12-hour": a.value,
-            "trigger-class": s.triggerClass
-          }, {
-            default: Ee(({ displayTime: v }) => [
-              Fe(s.$slots, "default", je(Ne({ displayTime: v })))
-            ]),
-            _: 3
-          }, 8, ["hour", "minute", "period", "is12-hour", "trigger-class"])
-        ]),
-        default: Ee(() => [
-          Ae(Qn, {
-            ref_key: "dropdownRef",
-            ref: i,
-            "selected-hour": r.value,
-            "selected-minute": l.value,
-            "selected-period": c.value,
-            "is12-hour": a.value,
-            onSelectHour: d,
-            onSelectMinute: b,
-            onSelectPeriod: g
-          }, null, 8, ["selected-hour", "selected-minute", "selected-period", "is12-hour"])
-        ]),
-        _: 3
-      }, 8, ["class-name", "styles"])
-    ]));
+    return le(() => n.modelValue, u, { immediate: !0 }), le(() => n.timeFormat, u), (s, f) => (k(), te(w(uo), {
+      trigger: "click",
+      placement: "bottom-start",
+      onOnShow: m,
+      teleport: "",
+      "class-name": `v-time-picker ${s.className}`,
+      styles: s.style
+    }, {
+      trigger: Ae(() => [
+        Ge(Kn, {
+          hour: r.value,
+          minute: l.value,
+          period: c.value,
+          "is12-hour": a.value,
+          "trigger-class": s.triggerClass
+        }, {
+          default: Ae(({ displayTime: v }) => [
+            Le(s.$slots, "default", Fe(je({ displayTime: v })))
+          ]),
+          _: 3
+        }, 8, ["hour", "minute", "period", "is12-hour", "trigger-class"])
+      ]),
+      default: Ae(() => [
+        Ge(Qn, {
+          ref_key: "dropdownRef",
+          ref: i,
+          "selected-hour": r.value,
+          "selected-minute": l.value,
+          "selected-period": c.value,
+          "is12-hour": a.value,
+          onSelectHour: d,
+          onSelectMinute: b,
+          onSelectPeriod: g
+        }, null, 8, ["selected-hour", "selected-minute", "selected-period", "is12-hour"])
+      ]),
+      _: 3
+    }, 8, ["class-name", "styles"]));
   }
 });
 export {
-  vo as TimePicker,
-  mo as default
+  mo as TimePicker,
+  po as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-datepicker-lite",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "A lightweight Vue 3 date picker with date, time, date-time, week, and month modes",
   "type": "module",
   "author": "safdar-azeem",

package/style.css

@@ -1 +1 @@
-:root{--date-picker-primary: #2d66ed;--date-picker-primary-fg: #ffffff;--date-picker-text: inherit;--date-picker-border: #00000020;--date-picker-secondary: #00000010;--date-picker-hover: #00000010;--date-picker-disabled: #000000b4;--date-picker-today: #00000010;--date-picker-radius: .375em;--timer-picker-bg: white;--timer-picker-input-bg: white;--timer-picker-input-border: #00000020;--timer-picker-input-text: inherit;--timer-picker-input-text-size: .875em;--timer-picker-input-border-radius: .375em;--timer-picker-input-padding: .5em .75em}.ml-auto{margin-left:auto}.date-picker{position:relative;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--date-picker-text)}.date-picker-content{padding:0 .5em .5em}.date-picker-table{width:100%;border-collapse:collapse;border-spacing:0;margin:0}.date-picker-table:not(.date-picker-week-table) .date-picker-day-cell{padding:.13em}td,th{padding:0;margin:0;border:none}.date-picker-weekdays-row th{padding:.6em 0;font-size:.78em}.date-picker-weekday{display:flex;align-items:center;justify-content:center;height:2em;font-size:.75em;font-weight:500;opacity:.5;padding:.25em}.date-picker-days-body tr{border:none}.date-picker-day{display:flex;align-items:center;justify-content:center;width:100%;height:2em;border:none;background:none;border-radius:var(--date-picker-radius);cursor:pointer;font-size:.95em;color:var(--date-picker-text)}.date-picker-day:hover{background:var(--date-picker-hover)}.date-picker-day.other-month{opacity:.4}.date-picker-day.today{background:var(--date-picker-today);font-weight:400}.date-picker-day.selected{background:var(--date-picker-primary);color:var(--date-picker-primary-fg)}.date-picker-day.disabled{cursor:not-allowed;opacity:.5}.date-picker-day.disabled:hover{background:none}.date-picker-datetime-layout{display:flex;gap:.65em;width:100%}.date-picker-date-section{flex:1;height:100%}.date-picker-datetime-layout .date-picker-date-section{width:75%}.date-picker-time-section{width:100%;max-width:74px;border-left:1px solid var(--date-picker-border);display:flex;flex-direction:column}.date-picker-time-section .time-picker-container{flex:1;overflow-y:auto}.date-picker-week-table .date-picker-week-row{cursor:pointer}.date-picker-week-table .date-picker-week-row:not(.selected):hover td{background:var(--date-picker-hover)}.date-picker-week-table td{border-radius:0;padding:0}.date-picker-week-table .date-picker-day-cell .date-picker-day{border-radius:0}.date-picker-week-header{text-align:center}.date-picker-week-row .date-picker-week-number-cell{height:90%;padding-right:5px;background:var(--date-picker-secondary);opacity:.7;border-bottom:1px solid var(--date-picker-border);text-align:center;width:2.5em;font-size:.8em}.date-picker-week-row:last-child .date-picker-week-number-cell{border-bottom:none}.date-picker-week-row.selected .date-picker-day{background:var(--date-picker-primary);color:var(--date-picker-primary-fg)}.date-picker-months-table{width:100%}.date-picker-months-body .date-picker-month-cell{padding:2px}.date-picker-month{display:flex;align-items:center;justify-content:center;width:100%;height:2.5em;border:none;background:none;border-radius:var(--date-picker-radius);cursor:pointer;font-size:inherit;color:var(--date-picker-text)}.date-picker-month:hover{background:var(--date-picker-hover)}.date-picker-month.selected{background:var(--date-picker-primary);color:var(--date-picker-primary-fg)}.year-view-layout{display:flex;gap:1px;height:100%;padding-right:2px}.years-section{width:25%;min-width:60px;max-width:80px;border-right:1px solid var(--date-picker-border);display:flex;flex-direction:column;height:100%}.years-list{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}.year-item{display:flex;align-items:center;justify-content:center;padding:.5em;border:none;background:none;cursor:pointer;font-size:.875em;color:var(--date-picker-text);transition:background-color .15s ease;white-space:nowrap;flex-shrink:0}.year-item:hover{background:var(--date-picker-hover)}.year-item.selected{background:var(--date-picker-primary);color:var(--date-picker-primary-fg)}.year-item.current{font-weight:600}.months-section{width:75%;display:flex;flex-direction:column;height:100%}.months-section .date-picker-months-table{overflow:auto;flex:1}.year-view-layout .months-section{padding:5px 3px;height:94.5%}.time-picker-container{height:100%;display:flex;flex-direction:column}.time-wheel{height:100%;overflow-y:auto;display:flex;flex-direction:column;border:1px solid var(--date-picker-border);border-radius:var(--date-picker-radius)}.time-option{height:30px;display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer;font-size:.875em;color:var(--date-picker-text);flex-shrink:0}.time-option:hover{background:var(--date-picker-hover)}.time-option.selected{background:var(--date-picker-primary);color:var(--date-picker-primary-fg);font-weight:500}.date-picker-time-section .time-wheel{border:none;border-radius:0;height:100%;max-height:none}.date-picker-header{display:flex;align-items:center;justify-content:space-between;padding:.45em .4em;gap:.2em;border-bottom:1px solid var(--date-picker-border)}.date-picker-nav-button{display:flex;align-items:center;justify-content:center;width:1.65em;height:1.65em;border:none;background:none;border-radius:var(--date-picker-radius);cursor:pointer;transition:background-color .15s ease;opacity:.7}.date-picker-nav-button:hover:not(:disabled){background:var(--date-picker-hover)}.date-picker-nav-button:disabled{opacity:.5;cursor:not-allowed}.date-picker-nav-icon,.date-picker-header *{color:inherit!important}.date-picker-nav-icon svg{width:1.3em;height:1.3em;color:inherit!important;fill:currentColor!important}.date-picker-title{font-weight:600;font-size:1em;cursor:pointer;padding:.25em .5em;border-radius:var(--date-picker-radius);transition:background-color .15s ease;border:none;background:none;color:inherit}.date-picker-title:hover{background:var(--date-picker-hover)}.date-picker svg{display:flex;color:inherit}.date-picker *::-webkit-scrollbar{height:3px;width:3px}.date-picker *::-webkit-scrollbar-track{border-radius:5px;background-color:transparent}.date-picker *::-webkit-scrollbar-track:hover{background-color:transparent}.date-picker *::-webkit-scrollbar-track:active{background-color:transparent}.date-picker *::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--date-picker-border)}.date-picker *::-webkit-scrollbar-thumb:hover{background-color:var(--date-picker-border)}.date-picker *::-webkit-scrollbar-thumb:active{background-color:var(--date-picker-border)}.time-picker-dropdown{background:var(--timer-picker-bg);border:1px solid var(--date-picker-border, #00000020);border-radius:var(--date-picker-radius, .375rem)}.time-picker-sections{display:flex}.time-picker-time-section{border-right:1px solid var(--date-picker-border, #00000020);display:flex;flex-direction:column;min-width:3.8em;padding:.05em}.time-picker-time-section:last-child{border-right:none}.time-picker-period-section{min-width:60px}.time-picker-options-scroll{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:2px}.time-picker-option-button{padding:.5rem;border:none;background:transparent;border-radius:var(--date-picker-radius, .375rem);cursor:pointer;font-size:.875em;color:var(--date-picker-text, inherit);transition:all .15s ease;text-align:center}.time-picker-option-button:hover{background:var(--date-picker-hover, #00000010)}.time-picker-option-button.selected{background:var(--date-picker-primary, #2d66ed);color:var(--date-picker-primary-fg, #ffffff);font-weight:500}.time-picker-options-scroll::-webkit-scrollbar{width:0px}.time-picker-options-scroll::-webkit-scrollbar-track{background:transparent}.v-time-picker{position:relative;width:100%}.time-picker-input{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--timer-picker-input-padding);border:1px solid var(--timer-picker-input-border);border-radius:var(--timer-picker-input-border-radius);background:var(--timer-picker-input-bg);cursor:pointer;font-size:var(--timer-picker-input-text-size);color:var(--date-picker-text, inherit);transition:all .15s ease}.time-display{font-weight:500}.time-picker-clock-icon{opacity:.6}
+:root{--date-picker-primary: #2d66ed;--date-picker-primary-fg: #ffffff;--date-picker-text: inherit;--date-picker-border: #00000020;--date-picker-secondary: #00000010;--date-picker-hover: #00000010;--date-picker-disabled: #000000b4;--date-picker-today: #00000010;--date-picker-radius: .375em;--timer-picker-bg: white;--timer-picker-input-bg: white;--timer-picker-input-border: #00000020;--timer-picker-input-text: inherit;--timer-picker-input-text-size: .875em;--timer-picker-input-border-radius: .375em;--timer-picker-input-padding: .5em .75em}.ml-auto{margin-left:auto}.date-picker{position:relative;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--date-picker-text)}.date-picker-content{padding:0 .5em .5em}.date-picker-table{width:100%;border-collapse:collapse;border-spacing:0;margin:0}.date-picker-table:not(.date-picker-week-table) .date-picker-day-cell{padding:.13em}td,th{padding:0;margin:0;border:none}.date-picker-weekdays-row th{padding:.6em 0;font-size:.78em}.date-picker-weekday{display:flex;align-items:center;justify-content:center;height:2em;font-size:.75em;font-weight:500;opacity:.5;padding:.25em}.date-picker-days-body tr{border:none}.date-picker-day{display:flex;align-items:center;justify-content:center;width:100%;height:2em;border:none;background:none;border-radius:var(--date-picker-radius);cursor:pointer;font-size:.95em;color:var(--date-picker-text)}.date-picker-day:hover{background:var(--date-picker-hover)}.date-picker-day.other-month{opacity:.4}.date-picker-day.today{background:var(--date-picker-today);font-weight:400}.date-picker-day.selected{background:var(--date-picker-primary);color:var(--date-picker-primary-fg)}.date-picker-day.disabled{cursor:not-allowed;opacity:.5}.date-picker-day.disabled:hover{background:none}.date-picker-datetime-layout{display:flex;gap:.65em;width:100%}.date-picker-date-section{flex:1;height:100%}.date-picker-datetime-layout .date-picker-date-section{width:75%}.date-picker-time-section{width:100%;max-width:74px;border-left:1px solid var(--date-picker-border);display:flex;flex-direction:column}.date-picker-time-section .time-picker-container{flex:1;overflow-y:auto}.date-picker-week-table .date-picker-week-row{cursor:pointer}.date-picker-week-table .date-picker-week-row:not(.selected):hover td{background:var(--date-picker-hover)}.date-picker-week-table td{border-radius:0;padding:0}.date-picker-week-table .date-picker-day-cell .date-picker-day{border-radius:0}.date-picker-week-header{text-align:center}.date-picker-week-row .date-picker-week-number-cell{height:90%;padding-right:5px;background:var(--date-picker-secondary);opacity:.7;border-bottom:1px solid var(--date-picker-border);text-align:center;width:2.5em;font-size:.8em}.date-picker-week-row:last-child .date-picker-week-number-cell{border-bottom:none}.date-picker-week-row.selected .date-picker-day{background:var(--date-picker-primary);color:var(--date-picker-primary-fg)}.date-picker-months-table{width:100%}.date-picker-months-body .date-picker-month-cell{padding:2px}.date-picker-month{display:flex;align-items:center;justify-content:center;width:100%;height:2.5em;border:none;background:none;border-radius:var(--date-picker-radius);cursor:pointer;font-size:inherit;color:var(--date-picker-text)}.date-picker-month:hover{background:var(--date-picker-hover)}.date-picker-month.selected{background:var(--date-picker-primary);color:var(--date-picker-primary-fg)}.year-view-layout{display:flex;gap:1px;height:100%;padding-right:2px}.years-section{width:25%;min-width:60px;max-width:80px;border-right:1px solid var(--date-picker-border);display:flex;flex-direction:column;height:100%}.years-list{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}.year-item{display:flex;align-items:center;justify-content:center;padding:.5em;border:none;background:none;cursor:pointer;font-size:.875em;color:var(--date-picker-text);transition:background-color .15s ease;white-space:nowrap;flex-shrink:0}.year-item:hover{background:var(--date-picker-hover)}.year-item.selected{background:var(--date-picker-primary);color:var(--date-picker-primary-fg)}.year-item.current{font-weight:600}.months-section{width:75%;display:flex;flex-direction:column;height:100%}.months-section .date-picker-months-table{overflow:auto;flex:1}.year-view-layout .months-section{padding:5px 3px;height:94.5%}.time-picker-container{height:100%;display:flex;flex-direction:column}.time-wheel{height:100%;overflow-y:auto;display:flex;flex-direction:column;border:1px solid var(--date-picker-border);border-radius:var(--date-picker-radius)}.time-option{height:30px;display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer;font-size:.875em;color:var(--date-picker-text);flex-shrink:0}.time-option:hover{background:var(--date-picker-hover)}.time-option.selected{background:var(--date-picker-primary);color:var(--date-picker-primary-fg);font-weight:500}.date-picker-time-section .time-wheel{border:none;border-radius:0;height:100%;max-height:none}.date-picker-header{display:flex;align-items:center;justify-content:space-between;padding:.45em .4em;gap:.2em;border-bottom:1px solid var(--date-picker-border)}.date-picker-nav-button{display:flex;align-items:center;justify-content:center;width:1.65em;height:1.65em;border:none;background:none;border-radius:var(--date-picker-radius);cursor:pointer;transition:background-color .15s ease;opacity:.7}.date-picker-nav-button:hover:not(:disabled){background:var(--date-picker-hover)}.date-picker-nav-button:disabled{opacity:.5;cursor:not-allowed}.date-picker-nav-icon,.date-picker-header *{color:inherit!important}.date-picker-nav-icon svg{width:1.3em;height:1.3em;color:inherit!important;fill:currentColor!important}.date-picker-title{font-weight:600;font-size:1em;cursor:pointer;padding:.25em .5em;border-radius:var(--date-picker-radius);transition:background-color .15s ease;border:none;background:none;color:inherit}.date-picker-title:hover{background:var(--date-picker-hover)}.date-picker svg{display:flex;color:inherit}.date-picker *::-webkit-scrollbar{height:3px;width:3px}.date-picker *::-webkit-scrollbar-track{border-radius:5px;background-color:transparent}.date-picker *::-webkit-scrollbar-track:hover{background-color:transparent}.date-picker *::-webkit-scrollbar-track:active{background-color:transparent}.date-picker *::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--date-picker-border)}.date-picker *::-webkit-scrollbar-thumb:hover{background-color:var(--date-picker-border)}.date-picker *::-webkit-scrollbar-thumb:active{background-color:var(--date-picker-border)}.time-picker-dropdown{background:var(--timer-picker-bg);border:1px solid var(--date-picker-border, #00000020);border-radius:var(--date-picker-radius, .375rem)}.time-picker-sections{display:flex}.time-picker-time-section{border-right:1px solid var(--date-picker-border, #00000020);display:flex;flex-direction:column;min-width:3.8em;padding:.05em}.time-picker-time-section:last-child{border-right:none}.time-picker-period-section{min-width:60px}.time-picker-options-scroll{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:2px}.time-picker-option-button{padding:.5rem;border:none;background:transparent;border-radius:var(--date-picker-radius, .375rem);cursor:pointer;font-size:.875em;color:var(--date-picker-text, inherit);transition:all .15s ease;text-align:center}.time-picker-option-button:hover{background:var(--date-picker-hover, #00000010)}.time-picker-option-button.selected{background:var(--date-picker-primary, #2d66ed);color:var(--date-picker-primary-fg, #ffffff);font-weight:500}.time-picker-options-scroll::-webkit-scrollbar{width:0px}.time-picker-options-scroll::-webkit-scrollbar-track{background:transparent}.v-time-picker{z-index:999999999999}.time-picker-input{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--timer-picker-input-padding);border:1px solid var(--timer-picker-input-border);border-radius:var(--timer-picker-input-border-radius);background:var(--timer-picker-input-bg);cursor:pointer;font-size:var(--timer-picker-input-text-size);color:var(--date-picker-text, inherit);transition:all .15s ease}.time-display{font-weight:500}.time-picker-clock-icon{opacity:.6}