v-datepicker-lite 0.0.6 → 0.0.7

package/index.js

@@ -1,69 +1,69 @@
-import { defineComponent as N, computed as $, createElementBlock as f, openBlock as p, createElementVNode as g, Fragment as P, renderList as x, unref as v, toDisplayString as F, normalizeClass as I, ref as Y, watch as G, nextTick as B, onMounted as R, createBlock as q, createCommentVNode as V, normalizeStyle as X, createVNode as U, onUnmounted as ee } from "vue";
-const Z = (n, c = "YYYY-MM-DD") => {
-  const e = n.getFullYear(), h = String(n.getMonth() + 1).padStart(2, "0"), s = String(n.getDate()).padStart(2, "0"), o = String(n.getHours()).padStart(2, "0"), i = String(n.getMinutes()).padStart(2, "0"), t = String(n.getSeconds()).padStart(2, "0"), a = String(n.getMilliseconds()).padStart(3, "0");
-  return c.replace("YYYY", e.toString()).replace("MM", h).replace("DD", s).replace("HH", o).replace("mm", i).replace("ss", t).replace("sss", a);
-}, z = (n) => {
-  if (!n) return null;
-  const c = new Date(n);
-  return isNaN(c.getTime()) ? null : c;
-}, O = (n, c) => n.getFullYear() === c.getFullYear() && n.getMonth() === c.getMonth() && n.getDate() === c.getDate(), te = (n) => {
-  const c = new Date(n.getFullYear(), 0, 1), e = (n.getTime() - c.getTime()) / 864e5;
-  return Math.ceil((e + c.getDay() + 1) / 7);
-}, E = (n, c) => {
-  const e = new Date(n, c, 1), s = new Date(n, c + 1, 0).getDate(), o = e.getDay(), i = [], t = /* @__PURE__ */ new Date(), a = c === 0 ? 11 : c - 1, m = c === 0 ? n - 1 : n, y = new Date(m, a + 1, 0).getDate();
-  for (let M = o - 1; M >= 0; M--) {
-    const u = new Date(m, a, y - M);
-    i.push({
-      date: u,
-      day: y - M,
+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";
+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) => {
+  if (!e) return null;
+  const t = new Date(e);
+  return isNaN(t.getTime()) ? null : t;
+}, we = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), Qt = (e) => {
+  const t = new Date(e.getFullYear(), 0, 1), n = (e.getTime() - t.getTime()) / 864e5;
+  return Math.ceil((n + t.getDay() + 1) / 7);
+}, _t = (e, t) => {
+  const n = new Date(e, t, 1), r = new Date(e, t + 1, 0).getDate(), l = n.getDay(), c = [], i = /* @__PURE__ */ new Date(), a = t === 0 ? 11 : t - 1, u = t === 0 ? e - 1 : e, p = new Date(u, a + 1, 0).getDate();
+  for (let m = l - 1; m >= 0; m--) {
+    const s = new Date(u, a, p - m);
+    c.push({
+      date: s,
+      day: p - m,
       month: a,
-      year: m,
+      year: u,
       isCurrentMonth: !1,
-      isToday: O(u, t),
+      isToday: we(s, i),
       isSelected: !1,
       isDisabled: !1
     });
   }
-  for (let M = 1; M <= s; M++) {
-    const u = new Date(n, c, M);
-    i.push({
-      date: u,
-      day: M,
-      month: c,
-      year: n,
+  for (let m = 1; m <= r; m++) {
+    const s = new Date(e, t, m);
+    c.push({
+      date: s,
+      day: m,
+      month: t,
+      year: e,
       isCurrentMonth: !0,
-      isToday: O(u, t),
+      isToday: we(s, i),
       isSelected: !1,
       isDisabled: !1
     });
   }
-  const r = 42 - i.length, S = c === 11 ? 0 : c + 1, _ = c === 11 ? n + 1 : n;
-  for (let M = 1; M <= r; M++) {
-    const u = new Date(_, S, M);
-    i.push({
-      date: u,
-      day: M,
-      month: S,
-      year: _,
+  const d = 42 - c.length, b = t === 11 ? 0 : t + 1, g = t === 11 ? e + 1 : e;
+  for (let m = 1; m <= d; m++) {
+    const s = new Date(g, b, m);
+    c.push({
+      date: s,
+      day: m,
+      month: b,
+      year: g,
       isCurrentMonth: !1,
-      isToday: O(u, t),
+      isToday: we(s, i),
       isSelected: !1,
       isDisabled: !1
     });
   }
-  return i;
-}, ne = (n, c) => {
-  const e = E(n, c), h = [];
-  for (let s = 0; s < e.length; s += 7) {
-    const o = e.slice(s, s + 7), i = te(o[0].date);
-    h.push({
-      weekNumber: i,
-      days: o,
+  return c;
+}, Xt = (e, t) => {
+  const n = _t(e, t), o = [];
+  for (let r = 0; r < n.length; r += 7) {
+    const l = n.slice(r, r + 7), c = Qt(l[0].date);
+    o.push({
+      weekNumber: c,
+      days: l,
       isSelected: !1
     });
   }
-  return h;
-}, j = (n) => [
+  return o;
+}, Ot = (e) => [
   "January",
   "February",
   "March",
@@ -76,16 +76,16 @@ const Z = (n, c = "YYYY-MM-DD") => {
   "October",
   "November",
   "December"
-].map((e, h) => ({
-  month: h,
-  year: n,
-  name: e,
+].map((n, o) => ({
+  month: o,
+  year: e,
+  name: n,
   isSelected: !1,
   isDisabled: !1
-})), se = (n, c, e, h) => {
-  const s = Z(n, "YYYY-MM-DD");
-  return c && s < c || e && s > e ? !0 : h ? h.some((o) => o.end ? s >= o.start && s <= o.end : s === o.start) : !1;
-}, W = [
+})), Kt = (e, t, n, o) => {
+  const r = St(e, "YYYY-MM-DD");
+  return t && r < t || n && r > n ? !0 : o ? o.some((l) => l.end ? r >= l.start && r <= l.end : r === l.start) : !1;
+}, ft = [
   "January",
   "February",
   "March",
@@ -98,7 +98,7 @@ const Z = (n, c = "YYYY-MM-DD") => {
   "October",
   "November",
   "December"
-], K = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], ae = { class: "date-picker-content" }, le = { class: "date-picker-table" }, oe = { class: "date-picker-weekdays-row" }, re = { class: "date-picker-days-body" }, ce = ["onClick", "disabled"], ie = /* @__PURE__ */ N({
+], Tt = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], en = { class: "date-picker-content" }, tn = { class: "date-picker-table" }, nn = { class: "date-picker-weekdays-row" }, rn = { class: "date-picker-days-body" }, on = ["onClick", "disabled"], an = /* @__PURE__ */ J({
   __name: "DateView",
   props: {
     currentDate: {},
@@ -108,192 +108,192 @@ const Z = (n, c = "YYYY-MM-DD") => {
     disabledDates: {}
   },
   emits: ["select"],
-  setup(n, { emit: c }) {
-    const e = n, h = c, s = $(() => E(e.currentDate.getFullYear(), e.currentDate.getMonth()).map((a) => ({
+  setup(e, { emit: t }) {
+    const n = e, o = t, r = H(() => _t(n.currentDate.getFullYear(), n.currentDate.getMonth()).map((a) => ({
       ...a,
-      isSelected: e.selectedDate ? O(a.date, e.selectedDate) : !1,
-      isDisabled: se(a.date, e.minDate, e.maxDate, e.disabledDates)
-    }))), o = $(() => {
-      const t = [];
-      for (let a = 0; a < s.value.length; a += 7)
-        t.push(s.value.slice(a, a + 7));
-      return t;
-    }), i = (t) => {
-      t.isDisabled || h("select", t.date);
+      isSelected: n.selectedDate ? we(a.date, n.selectedDate) : !1,
+      isDisabled: Kt(a.date, n.minDate, n.maxDate, n.disabledDates)
+    }))), l = H(() => {
+      const i = [];
+      for (let a = 0; a < r.value.length; a += 7)
+        i.push(r.value.slice(a, a + 7));
+      return i;
+    }), c = (i) => {
+      i.isDisabled || o("select", i.date);
     };
-    return (t, a) => (p(), f("div", ae, [
-      g("table", le, [
-        g("thead", null, [
-          g("tr", oe, [
-            (p(!0), f(P, null, x(v(K), (m) => (p(), f("th", { key: m }, F(m), 1))), 128))
+    return (i, a) => (k(), _("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))
           ])
         ]),
-        g("tbody", re, [
-          (p(!0), f(P, null, x(o.value, (m, y) => (p(), f("tr", {
-            key: y,
+        x("tbody", rn, [
+          (k(!0), _(L, null, F(l.value, (u, p) => (k(), _("tr", {
+            key: p,
             class: "date-picker-week-row"
           }, [
-            (p(!0), f(P, null, x(m, (r) => (p(), f("td", {
-              key: `${r.year}-${r.month}-${r.day}`,
+            (k(!0), _(L, null, F(u, (d) => (k(), _("td", {
+              key: `${d.year}-${d.month}-${d.day}`,
               class: "date-picker-day-cell"
             }, [
-              g("button", {
-                class: I([
+              x("button", {
+                class: A([
                   "date-picker-day",
                   {
-                    "other-month": !r.isCurrentMonth,
-                    today: r.isToday,
-                    selected: r.isSelected,
-                    disabled: r.isDisabled
+                    "other-month": !d.isCurrentMonth,
+                    today: d.isToday,
+                    selected: d.isSelected,
+                    disabled: d.isDisabled
                   }
                 ]),
-                onClick: (S) => i(r),
-                disabled: r.isDisabled
-              }, F(r.day), 11, ce)
+                onClick: (b) => c(d),
+                disabled: d.isDisabled
+              }, j(d.day), 11, on)
             ]))), 128))
           ]))), 128))
         ])
       ])
     ]));
   }
-}), ue = { class: "date-picker-content" }, de = {
+}), sn = { class: "date-picker-content" }, ln = {
   class: "date-picker-table date-picker-week-table",
   cellpadding: "0",
   cellspacing: "0"
-}, me = { class: "date-picker-weekdays-row" }, ve = { class: "date-picker-weeks-body" }, pe = ["onClick"], he = { class: "date-picker-week-number-cell" }, ke = { class: "date-picker-week-number" }, ge = /* @__PURE__ */ N({
+}, cn = { class: "date-picker-weekdays-row" }, un = { class: "date-picker-weeks-body" }, dn = ["onClick"], fn = { class: "date-picker-week-number-cell" }, pn = { class: "date-picker-week-number" }, mn = /* @__PURE__ */ J({
   __name: "WeekView",
   props: {
     currentDate: {},
     selectedDate: {}
   },
   emits: ["select"],
-  setup(n, { emit: c }) {
-    const e = n, h = c, s = $(() => ne(e.currentDate.getFullYear(), e.currentDate.getMonth()).map((t) => {
-      const a = e.selectedDate ? t.days.some((m) => O(m.date, e.selectedDate)) : !1;
+  setup(e, { emit: t }) {
+    const n = e, o = t, r = H(() => Xt(n.currentDate.getFullYear(), n.currentDate.getMonth()).map((i) => {
+      const a = n.selectedDate ? i.days.some((u) => we(u.date, n.selectedDate)) : !1;
       return {
-        ...t,
+        ...i,
         isSelected: a
       };
-    })), o = (i) => {
+    })), l = (c) => {
       var a;
-      const t = ((a = i.days.find((m) => m.isCurrentMonth)) == null ? void 0 : a.date) || i.days[0].date;
-      h("select", t);
+      const i = ((a = c.days.find((u) => u.isCurrentMonth)) == null ? void 0 : a.date) || c.days[0].date;
+      o("select", i);
     };
-    return (i, t) => (p(), f("div", ue, [
-      g("table", de, [
-        g("thead", null, [
-          g("tr", me, [
-            t[0] || (t[0] = g("th", { class: "date-picker-weekday date-picker-week-header" }, "Wk", -1)),
-            (p(!0), f(P, null, x(v(K), (a) => (p(), f("th", { key: a }, F(a), 1))), 128))
+    return (c, i) => (k(), _("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))
           ])
         ]),
-        g("tbody", ve, [
-          (p(!0), f(P, null, x(s.value, (a) => (p(), f("tr", {
+        x("tbody", un, [
+          (k(!0), _(L, null, F(r.value, (a) => (k(), _("tr", {
             key: a.weekNumber,
-            class: I([
+            class: A([
               "date-picker-week-row",
               {
                 selected: a.isSelected
               }
             ]),
-            onClick: (m) => o(a)
+            onClick: (u) => l(a)
           }, [
-            g("td", he, [
-              g("div", ke, F(a.weekNumber), 1)
+            x("td", fn, [
+              x("div", pn, j(a.weekNumber), 1)
             ]),
-            (p(!0), f(P, null, x(a.days, (m) => (p(), f("td", {
-              key: `${m.year}-${m.month}-${m.day}`,
+            (k(!0), _(L, null, F(a.days, (u) => (k(), _("td", {
+              key: `${u.year}-${u.month}-${u.day}`,
               class: "date-picker-day-cell"
             }, [
-              g("button", {
-                class: I([
+              x("button", {
+                class: A([
                   "date-picker-day",
                   {
-                    "other-month": !m.isCurrentMonth,
-                    today: m.isToday
+                    "other-month": !u.isCurrentMonth,
+                    today: u.isToday
                   }
                 ])
-              }, F(m.day), 3)
+              }, j(u.day), 3)
             ]))), 128))
-          ], 10, pe))), 128))
+          ], 10, dn))), 128))
         ])
       ])
     ]));
   }
 });
-function fe(n, c = "24h", e = 15, h) {
-  const s = Y(0), o = Y(0), i = Y([]), t = $(() => c === "12h"), a = () => {
-    if (n)
-      s.value = n.getHours(), o.value = n.getMinutes();
+function vn(e, t = "24h", n = 15, o) {
+  const r = C(0), l = C(0), c = C([]), i = H(() => t === "12h"), a = () => {
+    if (e)
+      r.value = e.getHours(), l.value = e.getMinutes();
     else {
-      const u = /* @__PURE__ */ new Date();
-      s.value = u.getHours(), o.value = u.getMinutes();
+      const s = /* @__PURE__ */ new Date();
+      r.value = s.getHours(), l.value = s.getMinutes();
     }
-    y();
-  }, m = (u) => {
-    u && (s.value = u.getHours(), o.value = u.getMinutes());
-  }, y = () => {
-    const u = [], d = t.value ? 1 : 0;
-    for (let l = 0; l < (t.value ? 2 : 1); l++) {
-      const k = t.value ? l === 0 ? " AM" : " PM" : "";
-      for (let b = d; b <= (t.value ? 12 : 23); b++)
-        for (let C = 0; C < 60; C += e) {
-          const A = (t.value, b), D = t.value ? b === 12 ? l === 0 ? 0 : 12 : b + l * 12 : b, H = `${String(A).padStart(2, "0")}:${String(C).padStart(2, "0")}` + k;
-          u.push({
-            display: H,
-            value: `${String(D).padStart(2, "0")}:${String(C).padStart(2, "0")}`,
-            hour: D,
-            minute: C
+    p();
+  }, u = (s) => {
+    s && (r.value = s.getHours(), l.value = s.getMinutes());
+  }, 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" : "";
+      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;
+          s.push({
+            display: P,
+            value: `${String(h).padStart(2, "0")}:${String(D).padStart(2, "0")}`,
+            hour: h,
+            minute: D
           });
         }
     }
-    t.value ? i.value = u.map((l) => l.display) : i.value = u.map((l) => l.value);
-  }, r = () => {
-    if (t.value) {
-      const u = s.value === 0 ? 12 : s.value > 12 ? s.value - 12 : s.value, d = s.value < 12 ? " AM" : " PM";
-      return `${String(u).padStart(2, "0")}:${String(o.value).padStart(
+    i.value ? c.value = s.map((v) => v.display) : c.value = s.map((v) => v.value);
+  }, d = () => {
+    if (i.value) {
+      const s = r.value === 0 ? 12 : r.value > 12 ? r.value - 12 : r.value, f = r.value < 12 ? " AM" : " PM";
+      return `${String(s).padStart(2, "0")}:${String(l.value).padStart(
         2,
         "0"
-      )}${d}`;
+      )}${f}`;
     }
-    return `${String(s.value).padStart(2, "0")}:${String(o.value).padStart(2, "0")}`;
+    return `${String(r.value).padStart(2, "0")}:${String(l.value).padStart(2, "0")}`;
   };
   return {
-    hours: s,
-    minutes: o,
-    timeOptions: i,
-    is12HourFormat: t,
+    hours: r,
+    minutes: l,
+    timeOptions: c,
+    is12HourFormat: i,
     initializeTime: a,
-    updateTime: m,
-    generateTimeOptions: y,
-    getCurrentTimeString: r,
-    selectTime: (u) => {
-      let d, l;
-      if (t.value) {
-        const [b, C] = u.split(" "), [A, D] = b.split(":");
-        d = parseInt(A), l = parseInt(D), C === "AM" ? d === 12 && (d = 0) : d !== 12 && (d += 12);
+    updateTime: u,
+    generateTimeOptions: p,
+    getCurrentTimeString: d,
+    selectTime: (s) => {
+      let f, v;
+      if (i.value) {
+        const [S, D] = s.split(" "), [y, h] = S.split(":");
+        f = parseInt(y), v = parseInt(h), D === "AM" ? f === 12 && (f = 0) : f !== 12 && (f += 12);
       } else {
-        const [b, C] = u.split(":");
-        d = parseInt(b), l = parseInt(C);
+        const [S, D] = s.split(":");
+        f = parseInt(S), v = parseInt(D);
       }
-      s.value = d, o.value = l;
-      const k = n ? new Date(n.getTime()) : /* @__PURE__ */ new Date();
-      k.setHours(d, l, 0, 0), h("update", k);
+      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);
     },
-    scrollToSelected: (u) => {
-      if (!u) return;
-      const d = i.value.findIndex((l) => l === r());
-      if (d >= 0) {
-        const k = u.clientHeight, b = d * 30 - k / 2 + 30 / 2;
-        u.scrollTop = Math.max(0, b);
+    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;
+        s.scrollTop = Math.max(0, S);
       }
     },
-    onTimeUpdate: (u) => {
-      s.value = u.getHours(), o.value = u.getMinutes(), h("update", u);
+    onTimeUpdate: (s) => {
+      r.value = s.getHours(), l.value = s.getMinutes(), o("update", s);
     }
   };
 }
-const De = { class: "time-picker-container" }, ye = ["aria-selected", "onClick"], J = /* @__PURE__ */ N({
+const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"], pt = /* @__PURE__ */ J({
   __name: "TimeView",
   props: {
     selectedTime: {},
@@ -301,121 +301,121 @@ const De = { class: "time-picker-container" }, ye = ["aria-selected", "onClick"]
     timeInterval: { default: 15 }
   },
   emits: ["update"],
-  setup(n, { emit: c }) {
-    const e = n, h = c, s = Y(null), { timeOptions: o, initializeTime: i, updateTime: t, getCurrentTimeString: a, selectTime: m, scrollToSelected: y } = fe(e.selectedTime, e.timeFormat, e.timeInterval, h);
-    return G(
-      () => e.selectedTime,
-      (r) => {
-        t(r), B(() => {
-          y(s.value);
+  setup(e, { emit: t }) {
+    const n = e, o = t, r = C(null), { timeOptions: l, initializeTime: c, updateTime: i, getCurrentTimeString: a, selectTime: u, scrollToSelected: p } = vn(n.selectedTime, n.timeFormat, n.timeInterval, o);
+    return le(
+      () => n.selectedTime,
+      (d) => {
+        i(d), K(() => {
+          p(r.value);
         });
       },
       { immediate: !0 }
-    ), G(
-      () => e.timeFormat,
+    ), le(
+      () => n.timeFormat,
       () => {
-        i(), B(() => {
-          y(s.value);
+        c(), K(() => {
+          p(r.value);
         });
       }
-    ), G(
-      () => e.timeInterval,
+    ), le(
+      () => n.timeInterval,
       () => {
-        i(), B(() => {
-          y(s.value);
+        c(), K(() => {
+          p(r.value);
         });
       }
-    ), R(() => {
-      i(), B(() => {
+    ), Ie(() => {
+      c(), K(() => {
         setTimeout(() => {
-          y(s.value);
+          p(r.value);
         }, 3);
       });
-    }), (r, S) => (p(), f("div", De, [
-      g("div", {
+    }), (d, b) => (k(), _("div", hn, [
+      x("div", {
         ref_key: "timeListRef",
-        ref: s,
+        ref: r,
         class: "time-wheel",
         role: "listbox",
         "aria-label": "Time Selection"
       }, [
-        (p(!0), f(P, null, x(v(o), (_) => (p(), f("div", {
-          key: _,
-          class: I(["time-option", {
-            selected: _ === v(a)()
+        (k(!0), _(L, null, F(w(l), (g) => (k(), _("div", {
+          key: g,
+          class: A(["time-option", {
+            selected: g === w(a)()
           }]),
           role: "option",
-          "aria-selected": _ === v(a)(),
-          onClick: (M) => v(m)(_)
-        }, F(_), 11, ye))), 128))
+          "aria-selected": g === w(a)(),
+          onClick: (m) => w(u)(g)
+        }, j(g), 11, gn))), 128))
       ], 512)
     ]));
   }
-}), Me = { class: "year-view-layout" }, be = { class: "years-section" }, _e = { class: "years-list" }, Se = ["onClick"], we = { class: "months-section" }, $e = { class: "date-picker-table date-picker-months-table" }, Te = { class: "date-picker-months-body" }, Ye = ["onClick", "disabled"], Ce = /* @__PURE__ */ N({
+}), yn = { class: "year-view-layout" }, bn = { class: "years-section" }, wn = { class: "years-list" }, kn = ["onClick"], Dn = { class: "months-section" }, xn = { class: "date-picker-table date-picker-months-table" }, Mn = { class: "date-picker-months-body" }, Sn = ["onClick", "disabled"], _n = /* @__PURE__ */ J({
   __name: "YearView",
   props: {
     currentDate: {},
     selectedDate: {}
   },
   emits: ["select", "month-select"],
-  setup(n, { emit: c }) {
-    const e = n, h = c, s = $(() => e.currentDate.getFullYear()), o = $(() => {
-      var r;
-      return (r = e.selectedDate) == null ? void 0 : r.getFullYear();
-    }), i = $(() => {
-      const r = Math.floor(s.value / 10) * 10;
-      return Array.from({ length: 12 }, (S, _) => r + _ - 1);
-    }), t = $(() => j(s.value).map((r) => ({
-      ...r,
-      isSelected: e.selectedDate ? r.month === e.selectedDate.getMonth() && r.year === e.selectedDate.getFullYear() : !1
-    }))), a = $(() => {
-      const r = [];
-      for (let S = 0; S < t.value.length; S += 3)
-        r.push(t.value.slice(S, S + 3));
-      return r;
-    }), m = (r) => {
-      h("select", r);
-    }, y = (r) => {
-      h("month-select", r.month);
+  setup(e, { emit: t }) {
+    const n = e, o = t, r = H(() => n.currentDate.getFullYear()), l = H(() => {
+      var d;
+      return (d = n.selectedDate) == null ? void 0 : d.getFullYear();
+    }), c = H(() => {
+      const d = Math.floor(r.value / 10) * 10;
+      return Array.from({ length: 12 }, (b, g) => d + g - 1);
+    }), i = H(() => Ot(r.value).map((d) => ({
+      ...d,
+      isSelected: n.selectedDate ? d.month === n.selectedDate.getMonth() && d.year === n.selectedDate.getFullYear() : !1
+    }))), a = H(() => {
+      const d = [];
+      for (let b = 0; b < i.value.length; b += 3)
+        d.push(i.value.slice(b, b + 3));
+      return d;
+    }), u = (d) => {
+      o("select", d);
+    }, p = (d) => {
+      o("month-select", d.month);
     };
-    return (r, S) => (p(), f("div", Me, [
-      g("div", be, [
-        g("div", _e, [
-          (p(!0), f(P, null, x(i.value, (_) => (p(), f("button", {
-            key: _,
-            class: I([
+    return (d, b) => (k(), _("div", yn, [
+      x("div", bn, [
+        x("div", wn, [
+          (k(!0), _(L, null, F(c.value, (g) => (k(), _("button", {
+            key: g,
+            class: A([
               "year-item",
               {
-                selected: _ === o.value,
-                current: _ === s.value
+                selected: g === l.value,
+                current: g === r.value
               }
             ]),
-            onClick: (M) => m(_)
-          }, F(_), 11, Se))), 128))
+            onClick: (m) => u(g)
+          }, j(g), 11, kn))), 128))
         ])
       ]),
-      g("div", we, [
-        g("table", $e, [
-          g("tbody", Te, [
-            (p(!0), f(P, null, x(a.value, (_, M) => (p(), f("tr", {
-              key: M,
+      x("div", Dn, [
+        x("table", xn, [
+          x("tbody", Mn, [
+            (k(!0), _(L, null, F(a.value, (g, m) => (k(), _("tr", {
+              key: m,
               class: "date-picker-months-row"
             }, [
-              (p(!0), f(P, null, x(_, (u) => (p(), f("td", {
-                key: u.month,
+              (k(!0), _(L, null, F(g, (s) => (k(), _("td", {
+                key: s.month,
                 class: "date-picker-month-cell"
               }, [
-                g("button", {
-                  class: I([
+                x("button", {
+                  class: A([
                     "date-picker-month",
                     {
-                      selected: u.isSelected,
-                      disabled: u.isDisabled
+                      selected: s.isSelected,
+                      disabled: s.isDisabled
                     }
                   ]),
-                  onClick: (d) => y(u),
-                  disabled: u.isDisabled
-                }, F(u.name.substring(0, 3)), 11, Ye)
+                  onClick: (f) => p(s),
+                  disabled: s.isDisabled
+                }, j(s.name.substring(0, 3)), 11, Sn)
               ]))), 128))
             ]))), 128))
           ])
@@ -423,54 +423,54 @@ const De = { class: "time-picker-container" }, ye = ["aria-selected", "onClick"]
       ])
     ]));
   }
-}), He = { class: "date-picker-content" }, Pe = { class: "date-picker-table date-picker-months-table" }, xe = { class: "date-picker-months-body" }, Fe = ["onClick", "disabled"], Ie = /* @__PURE__ */ N({
+}), On = { class: "date-picker-content" }, Tn = { class: "date-picker-table date-picker-months-table" }, Pn = { class: "date-picker-months-body" }, $n = ["onClick", "disabled"], Cn = /* @__PURE__ */ J({
   __name: "MonthView",
   props: {
     currentDate: {},
     selectedDate: {}
   },
   emits: ["select"],
-  setup(n, { emit: c }) {
-    const e = n, h = c, s = $(() => j(e.currentDate.getFullYear()).map((a) => ({
+  setup(e, { emit: t }) {
+    const n = e, o = t, r = H(() => Ot(n.currentDate.getFullYear()).map((a) => ({
       ...a,
-      isSelected: e.selectedDate ? a.month === e.selectedDate.getMonth() && a.year === e.selectedDate.getFullYear() : !1
-    }))), o = $(() => {
-      const t = [];
-      for (let a = 0; a < s.value.length; a += 3)
-        t.push(s.value.slice(a, a + 3));
-      return t;
-    }), i = (t) => {
-      h("select", t.month);
+      isSelected: n.selectedDate ? a.month === n.selectedDate.getMonth() && a.year === n.selectedDate.getFullYear() : !1
+    }))), l = H(() => {
+      const i = [];
+      for (let a = 0; a < r.value.length; a += 3)
+        i.push(r.value.slice(a, a + 3));
+      return i;
+    }), c = (i) => {
+      o("select", i.month);
     };
-    return (t, a) => (p(), f("div", He, [
-      g("table", Pe, [
-        g("tbody", xe, [
-          (p(!0), f(P, null, x(o.value, (m, y) => (p(), f("tr", {
-            key: y,
+    return (i, a) => (k(), _("div", On, [
+      x("table", Tn, [
+        x("tbody", Pn, [
+          (k(!0), _(L, null, F(l.value, (u, p) => (k(), _("tr", {
+            key: p,
             class: "date-picker-months-row"
           }, [
-            (p(!0), f(P, null, x(m, (r) => (p(), f("td", {
-              key: r.month,
+            (k(!0), _(L, null, F(u, (d) => (k(), _("td", {
+              key: d.month,
               class: "date-picker-month-cell"
             }, [
-              g("button", {
-                class: I([
+              x("button", {
+                class: A([
                   "date-picker-month",
                   {
-                    selected: r.isSelected,
-                    disabled: r.isDisabled
+                    selected: d.isSelected,
+                    disabled: d.isDisabled
                   }
                 ]),
-                onClick: (S) => i(r),
-                disabled: r.isDisabled
-              }, F(r.name), 11, Fe)
+                onClick: (b) => c(d),
+                disabled: d.isDisabled
+              }, j(d.name), 11, $n)
             ]))), 128))
           ]))), 128))
         ])
       ])
     ]));
   }
-}), Ae = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M8.293 12.707a1 1 0 0 1 0-1.414l5.657-5.657a1 1 0 1 1 1.414 1.414L10.414 12l4.95 4.95a1 1 0 0 1-1.414 1.414z"/></g></svg>', Ne = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414z"/></g></svg>', Ve = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-1.5a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9"/></svg>', Le = { class: "date-picker-header" }, qe = ["disabled"], Be = ["innerHTML"], Ge = ["innerHTML"], Oe = ["disabled"], ze = ["innerHTML"], Re = /* @__PURE__ */ N({
+}), Hn = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M8.293 12.707a1 1 0 0 1 0-1.414l5.657-5.657a1 1 0 1 1 1.414 1.414L10.414 12l4.95 4.95a1 1 0 0 1-1.414 1.414z"/></g></svg>', Yn = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414z"/></g></svg>', An = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-1.5a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9"/></svg>', En = { class: "date-picker-header" }, Ln = ["disabled"], Fn = ["innerHTML"], jn = ["innerHTML"], Nn = ["disabled"], Vn = ["innerHTML"], In = /* @__PURE__ */ J({
   __name: "DatePickerHeader",
   props: {
     currentDate: {},
@@ -479,150 +479,150 @@ const De = { class: "time-picker-container" }, ye = ["aria-selected", "onClick"]
     canGoNext: { type: Boolean }
   },
   emits: ["prev", "next", "header-click", "current-date"],
-  setup(n, { emit: c }) {
-    const e = n, h = c, s = $(() => {
-      const m = e.currentDate.getFullYear(), y = e.currentDate.getMonth();
-      switch (e.viewMode) {
+  setup(e, { emit: t }) {
+    const n = e, o = t, r = H(() => {
+      const u = n.currentDate.getFullYear(), p = n.currentDate.getMonth();
+      switch (n.viewMode) {
         case "date":
-          return `${W[y]} ${m}`;
+          return `${ft[p]} ${u}`;
         case "year":
-          const r = Math.floor(m / 10) * 10, S = r + 9;
-          return `${r}–${S}`;
+          const d = Math.floor(u / 10) * 10, b = d + 9;
+          return `${d}–${b}`;
         default:
-          return `${W[y]} ${m}`;
+          return `${ft[p]} ${u}`;
       }
-    }), o = () => {
-      h("prev");
+    }), l = () => {
+      o("prev");
+    }, c = () => {
+      o("next");
     }, i = () => {
-      h("next");
-    }, t = () => {
-      h("header-click");
+      o("header-click");
     }, a = () => {
-      h("current-date");
+      o("current-date");
     };
-    return (m, y) => (p(), f("div", Le, [
-      g("button", {
+    return (u, p) => (k(), _("div", En, [
+      x("button", {
         class: "date-picker-title",
-        onClick: t,
+        onClick: i,
         type: "button"
-      }, F(s.value), 1),
-      g("button", {
+      }, j(r.value), 1),
+      x("button", {
         class: "date-picker-nav-button ml-auto",
-        disabled: !m.canGoPrev,
-        onClick: o,
+        disabled: !u.canGoPrev,
+        onClick: l,
         type: "button",
         "aria-label": "Previous"
       }, [
-        g("span", {
+        x("span", {
           class: "date-picker-nav-icon",
-          innerHTML: v(Ae)
-        }, null, 8, Be)
-      ], 8, qe),
-      g("button", {
+          innerHTML: w(Hn)
+        }, null, 8, Fn)
+      ], 8, Ln),
+      x("button", {
         class: "date-picker-nav-button",
         onClick: a,
         type: "button",
         "aria-label": "Current Date"
       }, [
-        g("span", {
+        x("span", {
           class: "date-picker-nav-icon",
-          innerHTML: v(Ve)
-        }, null, 8, Ge)
+          innerHTML: w(An)
+        }, null, 8, jn)
       ]),
-      g("button", {
+      x("button", {
         class: "date-picker-nav-button",
-        disabled: !m.canGoNext,
-        onClick: i,
+        disabled: !u.canGoNext,
+        onClick: c,
         type: "button",
         "aria-label": "Next"
       }, [
-        g("span", {
+        x("span", {
           class: "date-picker-nav-icon",
-          innerHTML: v(Ne)
-        }, null, 8, ze)
-      ], 8, Oe)
+          innerHTML: w(Yn)
+        }, null, 8, Vn)
+      ], 8, Nn)
     ]));
   }
 });
-function We(n, c) {
-  const e = Y(/* @__PURE__ */ new Date()), h = Y("date"), s = $(() => n.value ? n.value instanceof Date ? n.value : z(n.value) : null), o = $(() => {
-    if (!n.minDate) return !0;
-    const D = z(n.minDate);
-    if (!D) return !0;
-    const T = e.value.getFullYear(), H = e.value.getMonth();
-    return new Date(T, H, 1) > D;
-  }), i = $(() => {
-    if (!n.maxDate) return !0;
-    const D = z(n.maxDate);
-    if (!D) return !0;
-    const T = e.value.getFullYear(), H = e.value.getMonth();
-    return new Date(T, H + 1, 0) < D;
-  }), t = () => {
-    o.value && (e.value = new Date(e.value.getFullYear(), e.value.getMonth() - 1, 1));
+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(() => {
+    if (!e.minDate) return !0;
+    const h = ze(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);
+    if (!h) return !0;
+    const M = n.value.getFullYear(), P = n.value.getMonth();
+    return new Date(M, P + 1, 0) < h;
+  }), i = () => {
+    l.value && (n.value = new Date(n.value.getFullYear(), n.value.getMonth() - 1, 1));
   }, a = () => {
-    i.value && (e.value = new Date(e.value.getFullYear(), e.value.getMonth() + 1, 1));
+    c.value && (n.value = new Date(n.value.getFullYear(), n.value.getMonth() + 1, 1));
+  }, u = () => {
+    n.value = new Date(n.value.getFullYear() - 1, n.value.getMonth(), 1);
+  }, p = () => {
+    n.value = new Date(n.value.getFullYear() + 1, n.value.getMonth(), 1);
+  }, d = () => {
+    n.value = new Date(n.value.getFullYear() - 10, n.value.getMonth(), 1);
+  }, b = () => {
+    n.value = new Date(n.value.getFullYear() + 10, n.value.getMonth(), 1);
+  }, g = () => {
+    n.value = /* @__PURE__ */ new Date(), o.value = "date";
   }, m = () => {
-    e.value = new Date(e.value.getFullYear() - 1, e.value.getMonth(), 1);
-  }, y = () => {
-    e.value = new Date(e.value.getFullYear() + 1, e.value.getMonth(), 1);
-  }, r = () => {
-    e.value = new Date(e.value.getFullYear() - 10, e.value.getMonth(), 1);
-  }, S = () => {
-    e.value = new Date(e.value.getFullYear() + 10, e.value.getMonth(), 1);
-  }, _ = () => {
-    e.value = /* @__PURE__ */ new Date(), h.value = "date";
-  }, M = () => {
-    switch (h.value) {
+    switch (o.value) {
       case "date":
-        h.value = "year";
+        o.value = "year";
         break;
       case "year":
-        h.value = "date";
+        o.value = "date";
         break;
     }
-  }, u = (D) => {
-    n.mode === "dateTime" && s.value && D.setHours(s.value.getHours(), s.value.getMinutes()), A(D);
-  }, d = (D) => {
-    A(D);
-  }, l = (D) => {
-    e.value = new Date(e.value.getFullYear(), D, 1), h.value = "date", n.mode === "month" && A(new Date(e.value.getFullYear(), D, 1));
-  }, k = (D) => {
-    e.value = new Date(D, e.value.getMonth(), 1), h.value = "date";
-  }, b = (D) => {
-    const T = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z?$/, H = /^\d{4}-\d{2}-\d{2}$/;
-    return T.test(D) ? D.includes(".") ? "YYYY-MM-DDTHH:mm:ss.sssZ" : "YYYY-MM-DDTHH:mm:ssZ" : H.test(D) ? "YYYY-MM-DD" : n.format || "YYYY-MM-DD";
-  }, C = (D, T) => {
-    const H = b(T);
-    return H.includes("T") ? H.includes(".sss") ? D.toISOString() : D.toISOString().replace(/\.\d{3}Z$/, "Z") : Z(D, H);
-  }, A = (D) => {
-    let T;
-    typeof n.value == "string" ? T = C(D, n.value) : T = D, c("update:value", T), c("change", T), c("select", T);
+  }, s = (h) => {
+    e.mode === "dateTime" && r.value && h.setHours(r.value.getHours(), r.value.getMinutes()), y(h);
+  }, f = (h) => {
+    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) => {
+    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}$/;
+    return M.test(h) ? h.includes(".") ? "YYYY-MM-DDTHH:mm:ss.sssZ" : "YYYY-MM-DDTHH:mm:ssZ" : P.test(h) ? "YYYY-MM-DD" : e.format || "YYYY-MM-DD";
+  }, D = (h, M) => {
+    const P = S(M);
+    return P.includes("T") ? P.includes(".sss") ? h.toISOString() : h.toISOString().replace(/\.\d{3}Z$/, "Z") : St(h, P);
+  }, y = (h) => {
+    let M;
+    typeof e.value == "string" ? M = D(h, e.value) : M = h, t("update:value", M), t("change", M), t("select", M);
   };
   return {
-    currentDate: e,
-    viewMode: h,
-    selectedDate: s,
-    canGoPrev: o,
-    canGoNext: i,
-    goToPrevMonth: t,
+    currentDate: n,
+    viewMode: o,
+    selectedDate: r,
+    canGoPrev: l,
+    canGoNext: c,
+    goToPrevMonth: i,
     goToNextMonth: a,
-    goToPrevYear: m,
-    goToNextYear: y,
-    goToPrevDecade: r,
-    goToNextDecade: S,
-    goToCurrentDate: _,
-    onHeaderClick: M,
-    onDateSelect: u,
-    onWeekSelect: d,
-    onMonthSelect: l,
-    onYearSelect: k,
-    emitValue: A
+    goToPrevYear: u,
+    goToNextYear: p,
+    goToPrevDecade: d,
+    goToNextDecade: b,
+    goToCurrentDate: g,
+    onHeaderClick: m,
+    onDateSelect: s,
+    onWeekSelect: f,
+    onMonthSelect: v,
+    onYearSelect: O,
+    emitValue: y
   };
 }
-const Je = { class: "date-picker" }, Ue = {
+const Rn = { class: "date-picker" }, Bn = {
   key: 0,
   class: "date-picker-time-section"
-}, lt = /* @__PURE__ */ N({
+}, mo = /* @__PURE__ */ J({
   __name: "DatePicker",
   props: {
     value: {},
@@ -637,113 +637,113 @@ const Je = { class: "date-picker" }, Ue = {
     timeInterval: { default: 15 }
   },
   emits: ["update:value", "change", "select"],
-  setup(n, { emit: c }) {
-    const e = n, h = c, s = Y(null), o = Y(0), {
-      currentDate: i,
-      viewMode: t,
+  setup(e, { emit: t }) {
+    const n = e, o = t, r = C(null), l = C(0), {
+      currentDate: c,
+      viewMode: i,
       selectedDate: a,
-      canGoPrev: m,
-      canGoNext: y,
-      goToPrevMonth: r,
-      goToNextMonth: S,
-      goToPrevYear: _,
-      goToNextYear: M,
-      goToPrevDecade: u,
-      goToNextDecade: d,
-      goToCurrentDate: l,
-      onHeaderClick: k,
-      onDateSelect: b,
-      onWeekSelect: C,
-      onMonthSelect: A,
-      onYearSelect: D,
-      emitValue: T
-    } = We(e, h), H = (w) => {
-      if (e.mode === "dateTime" && a.value) {
-        const L = new Date(a.value.getTime());
-        L.setHours(w.getHours(), w.getMinutes(), 0, 0), T(L);
+      canGoPrev: u,
+      canGoNext: p,
+      goToPrevMonth: d,
+      goToNextMonth: b,
+      goToPrevYear: g,
+      goToNextYear: m,
+      goToPrevDecade: s,
+      goToNextDecade: f,
+      goToCurrentDate: v,
+      onHeaderClick: O,
+      onDateSelect: S,
+      onWeekSelect: D,
+      onMonthSelect: y,
+      onYearSelect: h,
+      emitValue: M
+    } = Wn(n, o), P = (T) => {
+      if (n.mode === "dateTime" && a.value) {
+        const $ = new Date(a.value.getTime());
+        $.setHours(T.getHours(), T.getMinutes(), 0, 0), M($);
       } else
-        T(w);
+        M(T);
     };
-    return R(async () => {
-      B(() => {
-        s.value && (o.value = s.value.clientHeight);
+    return Ie(async () => {
+      K(() => {
+        r.value && (l.value = r.value.clientHeight);
       });
-    }), (w, L) => (p(), f("div", Je, [
-      w.mode !== "time" ? (p(), q(Re, {
+    }), (T, $) => (k(), _("div", Rn, [
+      T.mode !== "time" ? (k(), ie(In, {
         key: 0,
-        "current-date": v(i),
-        "view-mode": v(t),
-        "can-go-prev": v(m),
-        "can-go-next": v(y),
-        onPrev: L[0] || (L[0] = (Q) => v(t) === "year" ? v(u)() : v(t) === "month" ? v(_)() : v(r)()),
-        onNext: L[1] || (L[1] = (Q) => v(t) === "year" ? v(d)() : v(t) === "month" ? v(M)() : v(S)()),
-        onHeaderClick: v(k),
-        onCurrentDate: v(l)
-      }, null, 8, ["current-date", "view-mode", "can-go-prev", "can-go-next", "onHeaderClick", "onCurrentDate"])) : V("", !0),
-      g("div", {
-        class: I({
-          "date-picker-datetime-layout": w.mode === "dateTime" && v(t) === "date"
+        "current-date": w(c),
+        "view-mode": w(i),
+        "can-go-prev": w(u),
+        "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),
+        onCurrentDate: w(v)
+      }, null, 8, ["current-date", "view-mode", "can-go-prev", "can-go-next", "onHeaderClick", "onCurrentDate"])) : U("", !0),
+      x("div", {
+        class: A({
+          "date-picker-datetime-layout": T.mode === "dateTime" && w(i) === "date"
         }),
-        style: X({
-          height: o.value !== 0 ? o.value + "px" : "100%"
+        style: Mt({
+          height: l.value !== 0 ? l.value + "px" : "100%"
         })
       }, [
-        g("div", {
+        x("div", {
           class: "date-picker-date-section",
           ref_key: "datePickerContent",
-          ref: s
+          ref: r
         }, [
-          v(t) === "date" && (w.mode === "date" || w.mode === "dateTime") ? (p(), q(ie, {
+          w(i) === "date" && (T.mode === "date" || T.mode === "dateTime") ? (k(), ie(an, {
             key: 0,
-            "current-date": v(i),
-            "selected-date": v(a),
-            "min-date": w.minDate,
-            "max-date": w.maxDate,
-            "disabled-dates": w.disabledDates,
-            onSelect: v(b)
-          }, null, 8, ["current-date", "selected-date", "min-date", "max-date", "disabled-dates", "onSelect"])) : V("", !0),
-          w.mode === "week" && v(t) === "date" ? (p(), q(ge, {
+            "current-date": w(c),
+            "selected-date": w(a),
+            "min-date": T.minDate,
+            "max-date": T.maxDate,
+            "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, {
             key: 1,
-            "current-date": v(i),
-            "selected-date": v(a),
-            onSelect: v(C)
-          }, null, 8, ["current-date", "selected-date", "onSelect"])) : V("", !0),
-          v(t) !== "year" && (v(t) === "month" || w.mode === "month") ? (p(), q(Ie, {
+            "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, {
             key: 2,
-            "current-date": v(i),
-            "selected-date": v(a),
-            onSelect: v(A)
-          }, null, 8, ["current-date", "selected-date", "onSelect"])) : V("", !0),
-          v(t) === "year" ? (p(), q(Ce, {
+            "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, {
             key: 3,
-            "current-date": v(i),
-            "selected-date": v(a),
-            onSelect: v(D),
-            onMonthSelect: v(A)
-          }, null, 8, ["current-date", "selected-date", "onSelect", "onMonthSelect"])) : V("", !0)
+            "current-date": w(c),
+            "selected-date": w(a),
+            onSelect: w(h),
+            onMonthSelect: w(y)
+          }, null, 8, ["current-date", "selected-date", "onSelect", "onMonthSelect"])) : U("", !0)
         ], 512),
-        w.mode === "dateTime" && v(t) === "date" ? (p(), f("div", Ue, [
-          U(J, {
-            "selected-time": v(a),
-            "time-format": w.timeFormat,
-            "time-interval": w.timeInterval,
-            onUpdate: H
+        T.mode === "dateTime" && w(i) === "date" ? (k(), _("div", Bn, [
+          Ae(pt, {
+            "selected-time": w(a),
+            "time-format": T.timeFormat,
+            "time-interval": T.timeInterval,
+            onUpdate: P
           }, null, 8, ["selected-time", "time-format", "time-interval"])
-        ])) : V("", !0)
+        ])) : U("", !0)
       ], 6),
-      w.mode === "time" ? (p(), q(J, {
+      T.mode === "time" ? (k(), ie(pt, {
         key: 1,
-        "selected-time": v(a),
-        "time-format": w.timeFormat,
-        "time-interval": w.timeInterval,
-        onUpdate: H
-      }, null, 8, ["selected-time", "time-format", "time-interval"])) : V("", !0)
+        "selected-time": w(a),
+        "time-format": T.timeFormat,
+        "time-interval": T.timeInterval,
+        onUpdate: P
+      }, null, 8, ["selected-time", "time-format", "time-interval"])) : U("", !0)
     ]));
   }
-}), Ze = { class: "time-picker-sections" }, Ee = { class: "time-picker-time-section" }, je = ["onClick"], Ke = { class: "time-picker-time-section" }, Qe = ["onClick"], Xe = {
+}), qn = { class: "time-picker-sections" }, zn = { class: "time-picker-time-section" }, Gn = ["onClick"], Un = { class: "time-picker-time-section" }, Jn = ["onClick"], Zn = {
   key: 0,
   class: "time-picker-time-section time-picker-period-section"
-}, et = /* @__PURE__ */ N({
+}, Qn = /* @__PURE__ */ J({
   __name: "TimePickerDropdown",
   props: {
     selectedHour: {},
@@ -752,191 +752,1356 @@ const Je = { class: "date-picker" }, Ue = {
     is12Hour: { type: Boolean }
   },
   emits: ["select-hour", "select-minute", "select-period", "close"],
-  setup(n, { expose: c, emit: e }) {
-    const h = n, s = e, o = Y(null), i = Y(null), t = Y(null), a = Y(null), m = $(() => h.is12Hour ? Array.from({ length: 12 }, (d, l) => l + 1) : Array.from({ length: 24 }, (d, l) => l)), y = $(() => Array.from({ length: 60 }, (d, l) => l)), r = () => {
-      if (i.value) {
-        const d = i.value.querySelectorAll(".time-picker-option-button"), l = Array.from(d).findIndex((k) => k.classList.contains("selected"));
-        l !== -1 && d[l].scrollIntoView({ block: "center", behavior: "auto" });
+  setup(e, { expose: t, emit: n }) {
+    const o = e, r = n, l = C(null), c = C(null), i = C(null), a = C(null), u = H(() => o.is12Hour ? Array.from({ length: 12 }, (s, f) => f + 1) : Array.from({ length: 24 }, (s, f) => f)), p = H(() => Array.from({ length: 60 }, (s, f) => f)), d = () => {
+      if (c.value) {
+        const s = c.value.querySelectorAll(".time-picker-option-button"), f = Array.from(s).findIndex((v) => v.classList.contains("selected"));
+        f !== -1 && s[f].scrollIntoView({ block: "center", behavior: "auto" });
       }
-      if (t.value) {
-        const d = t.value.querySelectorAll(".time-picker-option-button"), l = Array.from(d).findIndex((k) => k.classList.contains("selected"));
-        l !== -1 && d[l].scrollIntoView({ block: "center", behavior: "auto" });
+      if (i.value) {
+        const s = i.value.querySelectorAll(".time-picker-option-button"), f = Array.from(s).findIndex((v) => v.classList.contains("selected"));
+        f !== -1 && s[f].scrollIntoView({ block: "center", behavior: "auto" });
       }
-      if (h.is12Hour && a.value) {
-        const d = a.value.querySelectorAll(".time-picker-option-button"), l = Array.from(d).findIndex((k) => k.classList.contains("selected"));
-        l !== -1 && d[l].scrollIntoView({ block: "center", behavior: "auto" });
+      if (o.is12Hour && a.value) {
+        const s = a.value.querySelectorAll(".time-picker-option-button"), f = Array.from(s).findIndex((v) => v.classList.contains("selected"));
+        f !== -1 && s[f].scrollIntoView({ block: "center", behavior: "auto" });
       }
-    }, S = (d) => {
-      s("select-hour", d);
-    }, _ = (d) => {
-      s("select-minute", d);
-    }, M = (d) => {
-      s("select-period", d);
-    }, u = (d) => {
-      o.value && !o.value.contains(d.target) && s("close");
+    }, b = (s) => {
+      r("select-hour", s);
+    }, g = (s) => {
+      r("select-minute", s);
+    }, m = (s) => {
+      r("select-period", s);
     };
-    return R(() => {
-      document.addEventListener("mousedown", u);
-    }), ee(() => {
-      document.removeEventListener("mousedown", u);
-    }), c({ scrollToSelected: r }), (d, l) => (p(), f("div", {
+    return t({ scrollToSelected: d }), (s, f) => (k(), _("div", {
       ref_key: "dropdownRef",
-      ref: o,
+      ref: l,
       class: "time-picker-dropdown"
     }, [
-      g("div", Ze, [
-        g("div", Ee, [
-          g("div", {
+      x("div", qn, [
+        x("div", zn, [
+          x("div", {
             ref_key: "hourScroll",
-            ref: i,
+            ref: c,
             class: "time-picker-options-scroll"
           }, [
-            (p(!0), f(P, null, x(m.value, (k) => (p(), f("button", {
-              key: k,
+            (k(!0), _(L, null, F(u.value, (v) => (k(), _("button", {
+              key: v,
               type: "button",
-              class: I(["time-picker-option-button", { selected: k === d.selectedHour }]),
-              onClick: (b) => S(k)
-            }, F(String(k).padStart(2, "0")), 11, je))), 128))
+              class: A(["time-picker-option-button", { selected: v === s.selectedHour }]),
+              onClick: (O) => b(v)
+            }, j(String(v).padStart(2, "0")), 11, Gn))), 128))
           ], 512)
         ]),
-        g("div", Ke, [
-          g("div", {
+        x("div", Un, [
+          x("div", {
             ref_key: "minuteScroll",
-            ref: t,
+            ref: i,
             class: "time-picker-options-scroll"
           }, [
-            (p(!0), f(P, null, x(y.value, (k) => (p(), f("button", {
-              key: k,
+            (k(!0), _(L, null, F(p.value, (v) => (k(), _("button", {
+              key: v,
               type: "button",
-              class: I(["time-picker-option-button", { selected: k === d.selectedMinute }]),
-              onClick: (b) => _(k)
-            }, F(String(k).padStart(2, "0")), 11, Qe))), 128))
+              class: A(["time-picker-option-button", { selected: v === s.selectedMinute }]),
+              onClick: (O) => g(v)
+            }, j(String(v).padStart(2, "0")), 11, Jn))), 128))
           ], 512)
         ]),
-        d.is12Hour ? (p(), f("div", Xe, [
-          g("div", {
+        s.is12Hour ? (k(), _("div", Zn, [
+          x("div", {
             ref_key: "periodScroll",
             ref: a,
             class: "time-picker-options-scroll"
           }, [
-            g("button", {
+            x("button", {
               type: "button",
-              class: I(["time-picker-option-button", { selected: d.selectedPeriod === "AM" }]),
-              onClick: l[0] || (l[0] = (k) => M("AM"))
+              class: A(["time-picker-option-button", { selected: s.selectedPeriod === "AM" }]),
+              onClick: f[0] || (f[0] = (v) => m("AM"))
             }, " AM ", 2),
-            g("button", {
+            x("button", {
               type: "button",
-              class: I(["time-picker-option-button", { selected: d.selectedPeriod === "PM" }]),
-              onClick: l[1] || (l[1] = (k) => M("PM"))
+              class: A(["time-picker-option-button", { selected: s.selectedPeriod === "PM" }]),
+              onClick: f[1] || (f[1] = (v) => m("PM"))
             }, " PM ", 2)
           ], 512)
-        ])) : V("", !0)
+        ])) : U("", !0)
       ])
     ], 512));
   }
-}), tt = { class: "time-display" }, nt = /* @__PURE__ */ N({
+}), Xn = { class: "time-display" }, Kn = /* @__PURE__ */ J({
   __name: "TimePickerInput",
   props: {
     hour: {},
     minute: {},
     period: {},
-    is12Hour: { type: Boolean }
+    is12Hour: { type: Boolean },
+    triggerClass: {}
+  },
+  setup(e) {
+    const t = e, n = H(() => {
+      const o = String(t.minute).padStart(2, "0");
+      if (t.is12Hour) {
+        let r = t.hour % 12;
+        return r === 0 && (r = 12), `${String(r).padStart(2, "0")}:${o} ${t.period}`;
+      } else
+        return `${String(t.hour).padStart(2, "0")}:${o}`;
+    });
+    return (o, r) => Fe(o.$slots, "default", je(Ne({ displayTime: n.value })), () => [
+      x("button", {
+        type: "button",
+        class: A(["time-picker-input", o.triggerClass])
+      }, [
+        x("span", Xn, j(n.value), 1),
+        r[0] || (r[0] = x("svg", {
+          class: "time-picker-clock-icon",
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "18",
+          height: "18",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [
+          x("circle", {
+            cx: "12",
+            cy: "12",
+            r: "10"
+          }),
+          x("polyline", { points: "12,6 12,12 16,14" })
+        ], -1))
+      ], 2)
+    ]);
+  }
+}), fe = () => {
+};
+function Pt(e) {
+  return typeof e == "function" ? e() : e && typeof e == "object" && "value" in e ? e.value : e;
+}
+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) {
+  return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
+}
+let mt = !1;
+function tr(e, t, n = {}) {
+  const { window: o = typeof globalThis < "u" ? globalThis.window : void 0, ignore: r = [], capture: l = !0, detectIframe: c = !1, controls: i = !1 } = n;
+  if (!o)
+    return i ? { stop: fe, cancel: fe, trigger: fe } : fe;
+  if (er && !mt) {
+    mt = !0;
+    const m = { passive: !0 };
+    Array.from(o.document.body.children).forEach((s) => s.addEventListener("click", fe, m)), o.document.documentElement.addEventListener("click", fe, m);
+  }
+  let a = !0;
+  const u = (m) => Pt(r).some((s) => {
+    if (typeof s == "string")
+      return Array.from(o.document.querySelectorAll(s)).some((f) => f === m.target || m.composedPath().includes(f));
+    {
+      const f = He(s);
+      return f && (m.target === f || m.composedPath().includes(f));
+    }
+  }), p = (m) => {
+    if (!m.target)
+      return;
+    const s = He(e);
+    if (s && !(s === m.target || m.composedPath().includes(s))) {
+      if ("detail" in m && m.detail === 0 && (a = !u(m)), !a) {
+        a = !0;
+        return;
+      }
+      t(m);
+    }
+  };
+  let d = !1;
+  const b = [
+    Ge(o, "click", (m) => {
+      d || (d = !0, setTimeout(() => {
+        d = !1;
+      }, 0), p(m));
+    }, { passive: !0, capture: l }),
+    Ge(o, "pointerdown", (m) => {
+      const s = He(e);
+      a = !u(m) && !!(s && !m.composedPath().includes(s));
+    }, { passive: !0 }),
+    c && Ge(o, "blur", (m) => {
+      setTimeout(() => {
+        var s;
+        const f = He(e);
+        ((s = o.document.activeElement) == null ? void 0 : s.tagName) === "IFRAME" && !(f != null && f.contains(o.document.activeElement)) && t(m);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), g = () => b.forEach((m) => m());
+  return i ? {
+    stop: g,
+    cancel: () => {
+      a = !1;
+    },
+    trigger: (m) => {
+      a = !0, p(m), a = !1;
+    }
+  } : g;
+}
+var N = "top", B = "bottom", q = "right", V = "left", Ze = "auto", Se = [N, B, q, V], pe = "start", xe = "end", nr = "clippingParents", $t = "viewport", be = "popper", rr = "reference", vt = /* @__PURE__ */ Se.reduce(function(e, t) {
+  return e.concat([t + "-" + pe, t + "-" + xe]);
+}, []), Ct = /* @__PURE__ */ [].concat(Se, [Ze]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + pe, t + "-" + xe]);
+}, []), or = "beforeRead", ar = "read", sr = "afterRead", ir = "beforeMain", lr = "main", cr = "afterMain", ur = "beforeWrite", dr = "write", fr = "afterWrite", pr = [or, ar, sr, ir, lr, cr, ur, dr, fr];
+function Q(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function W(e) {
+  if (e == null)
+    return window;
+  if (e.toString() !== "[object Window]") {
+    var t = e.ownerDocument;
+    return t && t.defaultView || window;
+  }
+  return e;
+}
+function ue(e) {
+  var t = W(e).Element;
+  return e instanceof t || e instanceof Element;
+}
+function R(e) {
+  var t = W(e).HTMLElement;
+  return e instanceof t || e instanceof HTMLElement;
+}
+function Qe(e) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var t = W(e).ShadowRoot;
+  return e instanceof t || e instanceof ShadowRoot;
+}
+function mr(e) {
+  var t = e.state;
+  Object.keys(t.elements).forEach(function(n) {
+    var o = t.styles[n] || {}, r = t.attributes[n] || {}, l = t.elements[n];
+    !R(l) || !Q(l) || (Object.assign(l.style, o), Object.keys(r).forEach(function(c) {
+      var i = r[c];
+      i === !1 ? l.removeAttribute(c) : l.setAttribute(c, i === !0 ? "" : i);
+    }));
+  });
+}
+function vr(e) {
+  var t = e.state, n = {
+    popper: {
+      position: t.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  return Object.assign(t.elements.popper.style, n.popper), t.styles = n, t.elements.arrow && Object.assign(t.elements.arrow.style, n.arrow), function() {
+    Object.keys(t.elements).forEach(function(o) {
+      var r = t.elements[o], l = t.attributes[o] || {}, c = Object.keys(t.styles.hasOwnProperty(o) ? t.styles[o] : n[o]), i = c.reduce(function(a, u) {
+        return a[u] = "", a;
+      }, {});
+      !R(r) || !Q(r) || (Object.assign(r.style, i), Object.keys(l).forEach(function(a) {
+        r.removeAttribute(a);
+      }));
+    });
+  };
+}
+const hr = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: mr,
+  effect: vr,
+  requires: ["computeStyles"]
+};
+function Z(e) {
+  return e.split("-")[0];
+}
+var ce = Math.max, Ve = 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) {
+    return t.brand + "/" + t.version;
+  }).join(" ") : navigator.userAgent;
+}
+function Ht() {
+  return !/^((?!chrome|android).)*safari/i.test(Ue());
+}
+function ve(e, t, n) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  var o = e.getBoundingClientRect(), r = 1, l = 1;
+  t && R(e) && (r = e.offsetWidth > 0 && me(o.width) / e.offsetWidth || 1, l = e.offsetHeight > 0 && me(o.height) / e.offsetHeight || 1);
+  var c = ue(e) ? W(e) : window, i = c.visualViewport, a = !Ht() && n, u = (o.left + (a && i ? i.offsetLeft : 0)) / r, p = (o.top + (a && i ? i.offsetTop : 0)) / l, d = o.width / r, b = o.height / l;
+  return {
+    width: d,
+    height: b,
+    top: p,
+    right: u + d,
+    bottom: p + b,
+    left: u,
+    x: u,
+    y: p
+  };
+}
+function Xe(e) {
+  var t = ve(e), n = e.offsetWidth, o = e.offsetHeight;
+  return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - o) <= 1 && (o = t.height), {
+    x: e.offsetLeft,
+    y: e.offsetTop,
+    width: n,
+    height: o
+  };
+}
+function Yt(e, t) {
+  var n = t.getRootNode && t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (n && Qe(n)) {
+    var o = t;
+    do {
+      if (o && e.isSameNode(o))
+        return !0;
+      o = o.parentNode || o.host;
+    } while (o);
+  }
+  return !1;
+}
+function ee(e) {
+  return W(e).getComputedStyle(e);
+}
+function gr(e) {
+  return ["table", "td", "th"].indexOf(Q(e)) >= 0;
+}
+function te(e) {
+  return ((ue(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
+}
+function We(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]
+    // $FlowFixMe[prop-missing]
+    e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    e.parentNode || // DOM Element detected
+    (Qe(e) ? e.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    te(e)
+  );
+}
+function ht(e) {
+  return !R(e) || // https://github.com/popperjs/popper-core/issues/837
+  ee(e).position === "fixed" ? null : e.offsetParent;
+}
+function yr(e) {
+  var t = /firefox/i.test(Ue()), n = /Trident/i.test(Ue());
+  if (n && R(e)) {
+    var o = ee(e);
+    if (o.position === "fixed")
+      return null;
+  }
+  var r = We(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")
+      return r;
+    r = r.parentNode;
+  }
+  return null;
+}
+function _e(e) {
+  for (var t = W(e), n = ht(e); n && gr(n) && ee(n).position === "static"; )
+    n = ht(n);
+  return n && (Q(n) === "html" || Q(n) === "body" && ee(n).position === "static") ? t : n || yr(e) || t;
+}
+function Ke(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function ke(e, t, n) {
+  return ce(e, Ve(t, n));
+}
+function br(e, t, n) {
+  var o = ke(e, t, n);
+  return o > n ? n : o;
+}
+function At() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function Et(e) {
+  return Object.assign({}, At(), e);
+}
+function Lt(e, t) {
+  return t.reduce(function(n, o) {
+    return n[o] = e, n;
+  }, {});
+}
+var wr = function(e, t) {
+  return e = typeof e == "function" ? e(Object.assign({}, t.rects, {
+    placement: t.placement
+  })) : e, Et(typeof e != "number" ? e : Lt(e, Se));
+};
+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;
+    n.modifiersData[o] = (t = {}, t[P] = M, t.centerOffset = M - h, t);
+  }
+}
+function Dr(e) {
+  var t = e.state, n = e.options, o = n.element, r = o === void 0 ? "[data-popper-arrow]" : o;
+  r != null && (typeof r == "string" && (r = t.elements.popper.querySelector(r), !r) || Yt(t.elements.popper, r) && (t.elements.arrow = r));
+}
+const xr = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: kr,
+  effect: Dr,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function he(e) {
+  return e.split("-")[1];
+}
+var Mr = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function Sr(e, t) {
+  var n = e.x, o = e.y, r = t.devicePixelRatio || 1;
+  return {
+    x: me(n * r) / r || 0,
+    y: me(o * r) / r || 0
+  };
+}
+function gt(e) {
+  var t, n = e.popper, o = e.popperRect, r = e.placement, l = e.variation, c = e.offsets, i = e.position, a = e.gpuAcceleration, u = e.adaptive, p = e.roundOffsets, d = e.isFixed, b = c.x, g = b === void 0 ? 0 : b, m = c.y, s = m === void 0 ? 0 : m, f = typeof p == "function" ? p({
+    x: g,
+    y: s
+  }) : {
+    x: g,
+    y: s
+  };
+  g = f.x, s = f.y;
+  var v = c.hasOwnProperty("x"), O = 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) {
+      D = B;
+      var T = d && h === y && y.visualViewport ? y.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        h[M]
+      );
+      s -= T - o.height, s *= a ? 1 : -1;
+    }
+    if (r === V || (r === N || r === B) && l === xe) {
+      S = q;
+      var $ = d && h === y && y.visualViewport ? y.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        h[P]
+      );
+      g -= $ - o.width, g *= a ? 1 : -1;
+    }
+  }
+  var Y = Object.assign({
+    position: i
+  }, u && Mr), z = p === !0 ? Sr({
+    x: g,
+    y: s
+  }, W(n)) : {
+    x: g,
+    y: s
+  };
+  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, (t = {}, t[D] = O ? 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 = {
+    placement: Z(t.placement),
+    variation: he(t.placement),
+    popper: t.elements.popper,
+    popperRect: t.rects.popper,
+    gpuAcceleration: r,
+    isFixed: t.options.strategy === "fixed"
+  };
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, gt(Object.assign({}, u, {
+    offsets: t.modifiersData.popperOffsets,
+    position: t.options.strategy,
+    adaptive: c,
+    roundOffsets: a
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, gt(Object.assign({}, u, {
+    offsets: t.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: a
+  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-placement": t.placement
+  });
+}
+const Or = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: _r,
+  data: {}
+};
+var Ye = {
+  passive: !0
+};
+function Tr(e) {
+  var t = e.state, n = e.instance, o = e.options, r = o.scroll, l = r === void 0 ? !0 : r, c = o.resize, i = c === void 0 ? !0 : c, a = W(t.elements.popper), u = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return l && u.forEach(function(p) {
+    p.addEventListener("scroll", n.update, Ye);
+  }), i && a.addEventListener("resize", n.update, Ye), function() {
+    l && u.forEach(function(p) {
+      p.removeEventListener("scroll", n.update, Ye);
+    }), i && a.removeEventListener("resize", n.update, Ye);
+  };
+}
+const Pr = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
   },
-  emits: ["toggle"],
-  setup(n, { emit: c }) {
-    const e = n, h = c, s = $(() => {
-      const i = String(e.hour).padStart(2, "0"), t = String(e.minute).padStart(2, "0");
-      return `${i}:${t}`;
-    }), o = () => {
-      h("toggle");
+  effect: Tr,
+  data: {}
+};
+var $r = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function Le(e) {
+  return e.replace(/left|right|bottom|top/g, function(t) {
+    return $r[t];
+  });
+}
+var Cr = {
+  start: "end",
+  end: "start"
+};
+function yt(e) {
+  return e.replace(/start|end/g, function(t) {
+    return Cr[t];
+  });
+}
+function et(e) {
+  var t = W(e), n = t.pageXOffset, o = t.pageYOffset;
+  return {
+    scrollLeft: n,
+    scrollTop: o
+  };
+}
+function tt(e) {
+  return ve(te(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;
+  if (r) {
+    l = r.width, c = r.height;
+    var u = Ht();
+    (u || !u && t === "fixed") && (i = r.offsetLeft, a = r.offsetTop);
+  }
+  return {
+    width: l,
+    height: c,
+    x: i + tt(e),
+    y: a
+  };
+}
+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;
+  return ee(r || n).direction === "rtl" && (i += ce(n.clientWidth, r ? r.clientWidth : 0) - l), {
+    width: l,
+    height: c,
+    x: i,
+    y: a
+  };
+}
+function nt(e) {
+  var t = ee(e), n = t.overflow, o = t.overflowX, r = t.overflowY;
+  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));
+}
+function De(e, t) {
+  var n;
+  t === void 0 && (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)))
+  );
+}
+function Je(e) {
+  return Object.assign({}, e, {
+    left: e.x,
+    top: e.y,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  });
+}
+function Ar(e, t) {
+  var n = ve(e, !1, t === "fixed");
+  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)));
+}
+function Er(e) {
+  var t = De(We(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";
+  }) : [];
+}
+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;
+  }, 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;
+}
+function jt(e) {
+  var t = e.reference, n = e.element, o = e.placement, r = o ? Z(o) : null, l = o ? he(o) : null, c = t.x + t.width / 2 - n.width / 2, i = t.y + t.height / 2 - n.height / 2, a;
+  switch (r) {
+    case N:
+      a = {
+        x: c,
+        y: t.y - n.height
+      };
+      break;
+    case B:
+      a = {
+        x: c,
+        y: t.y + t.height
+      };
+      break;
+    case q:
+      a = {
+        x: t.x + t.width,
+        y: i
+      };
+      break;
+    case V:
+      a = {
+        x: t.x - n.width,
+        y: i
+      };
+      break;
+    default:
+      a = {
+        x: t.x,
+        y: t.y
+      };
+  }
+  var u = r ? Ke(r) : null;
+  if (u != null) {
+    var p = u === "y" ? "height" : "width";
+    switch (l) {
+      case pe:
+        a[u] = a[u] - (t[p] / 2 - n[p] / 2);
+        break;
+      case xe:
+        a[u] = a[u] + (t[p] / 2 - n[p] / 2);
+        break;
+    }
+  }
+  return a;
+}
+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({
+    reference: h,
+    element: S,
+    placement: r
+  }), P = Je(Object.assign({}, S, M)), T = b === be ? P : h, $ = {
+    top: y.top - T.top + v.top,
+    bottom: T.bottom - y.bottom + v.bottom,
+    left: y.left - T.left + v.left,
+    right: T.right - y.right + v.right
+  }, Y = e.modifiersData.offset;
+  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;
+    });
+  }
+  return $;
+}
+function Fr(e, t) {
+  t === void 0 && (t = {});
+  var n = t, o = n.placement, r = n.boundary, l = n.rootBoundary, c = n.padding, i = n.flipVariations, a = n.allowedAutoPlacements, u = a === void 0 ? Ct : a, p = he(o), d = p ? i ? vt : vt.filter(function(m) {
+    return he(m) === p;
+  }) : Se, b = d.filter(function(m) {
+    return u.indexOf(m) >= 0;
+  });
+  b.length === 0 && (b = d);
+  var g = b.reduce(function(m, s) {
+    return m[s] = Me(e, {
+      placement: s,
+      boundary: r,
+      rootBoundary: l,
+      padding: c
+    })[Z(s)], m;
+  }, {});
+  return Object.keys(g).sort(function(m, s) {
+    return g[m] - g[s];
+  });
+}
+function jr(e) {
+  if (Z(e) === Ze)
+    return [];
+  var t = Le(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, {
+        placement: X,
+        boundary: p,
+        rootBoundary: d,
+        padding: u,
+        flipVariations: m,
+        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, {
+        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;
+      })) {
+        T = Y, P = !1;
+        break;
+      }
+      M.set(Y, oe);
+    }
+    if (P)
+      for (var Te = m ? 3 : 1, Re = function(ae) {
+        var X = D.find(function($e) {
+          var ye = M.get($e);
+          if (ye)
+            return ye.slice(0, ae).every(function(de) {
+              return de;
+            });
+        });
+        if (X)
+          return T = X, "break";
+      }, ge = Te; ge > 0; ge--) {
+        var Pe = Re(ge);
+        if (Pe === "break") break;
+      }
+    t.placement !== T && (t.modifiersData[o]._skip = !0, t.placement = T, t.reset = !0);
+  }
+}
+const Vr = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: Nr,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function wt(e, t, n) {
+  return n === void 0 && (n = {
+    x: 0,
+    y: 0
+  }), {
+    top: e.top - t.height - n.y,
+    right: e.right - t.width + n.x,
+    bottom: e.bottom - t.height + n.y,
+    left: e.left - t.width - n.x
+  };
+}
+function kt(e) {
+  return [N, q, B, V].some(function(t) {
+    return e[t] >= 0;
+  });
+}
+function Ir(e) {
+  var t = e.state, n = e.name, o = t.rects.reference, r = t.rects.popper, l = t.modifiersData.preventOverflow, c = Me(t, {
+    elementContext: "reference"
+  }), i = Me(t, {
+    altBoundary: !0
+  }), a = wt(c, o), u = wt(i, r, l), p = kt(a), d = kt(u);
+  t.modifiersData[n] = {
+    referenceClippingOffsets: a,
+    popperEscapeOffsets: u,
+    isReferenceHidden: p,
+    hasPopperEscaped: d
+  }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-reference-hidden": p,
+    "data-popper-escaped": d
+  });
+}
+const Wr = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: Ir
+};
+function Rr(e, t, n) {
+  var o = Z(e), r = [V, N].indexOf(o) >= 0 ? -1 : 1, l = typeof n == "function" ? n(Object.assign({}, t, {
+    placement: e
+  })) : n, c = l[0], i = l[1];
+  return c = c || 0, i = (i || 0) * r, [V, q].indexOf(o) >= 0 ? {
+    x: i,
+    y: c
+  } : {
+    x: c,
+    y: i
+  };
+}
+function Br(e) {
+  var t = e.state, n = e.options, o = e.name, r = n.offset, l = r === void 0 ? [0, 0] : r, c = Ct.reduce(function(p, d) {
+    return p[d] = Rr(d, t.rects, l), p;
+  }, {}), i = c[t.placement], a = i.x, u = i.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += a, t.modifiersData.popperOffsets.y += u), t.modifiersData[o] = c;
+}
+const qr = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: Br
+};
+function zr(e) {
+  var t = e.state, n = e.name;
+  t.modifiersData[n] = jt({
+    reference: t.rects.reference,
+    element: t.rects.popper,
+    placement: t.placement
+  });
+}
+const Gr = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: zr,
+  data: {}
+};
+function Ur(e) {
+  return e === "x" ? "y" : "x";
+}
+function Jr(e) {
+  var t = e.state, n = e.options, o = e.name, r = n.mainAxis, l = r === void 0 ? !0 : r, c = n.altAxis, i = c === void 0 ? !1 : c, a = n.boundary, u = n.rootBoundary, p = n.altBoundary, d = n.padding, b = n.tether, g = b === void 0 ? !0 : b, m = n.tetherOffset, s = m === void 0 ? 0 : m, f = Me(t, {
+    boundary: a,
+    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, {
+    placement: t.placement
+  })) : s, $ = typeof T == "number" ? {
+    mainAxis: T,
+    altAxis: T
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, T), Y = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, z = {
+    x: 0,
+    y: 0
+  };
+  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) : {
+        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);
+      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;
+    }
+    t.modifiersData[o] = z;
+  }
+}
+const Zr = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: Jr,
+  requiresIfExists: ["offset"]
+};
+function Qr(e) {
+  return {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  };
+}
+function Xr(e) {
+  return e === W(e) || !R(e) ? et(e) : Qr(e);
+}
+function Kr(e) {
+  var t = e.getBoundingClientRect(), n = me(t.width) / e.offsetWidth || 1, o = me(t.height) / e.offsetHeight || 1;
+  return n !== 1 || o !== 1;
+}
+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 = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = {
+    x: 0,
+    y: 0
+  };
+  return (o || !o && !n) && ((Q(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  nt(l)) && (i = Xr(t)), R(t) ? (a = ve(t, !0), a.x += t.clientLeft, a.y += t.clientTop) : l && (a.x = tt(l))), {
+    x: c.left + i.scrollLeft - a.x,
+    y: c.top + i.scrollTop - a.y,
+    width: c.width,
+    height: c.height
+  };
+}
+function to(e) {
+  var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), o = [];
+  e.forEach(function(l) {
+    t.set(l.name, l);
+  });
+  function r(l) {
+    n.add(l.name);
+    var c = [].concat(l.requires || [], l.requiresIfExists || []);
+    c.forEach(function(i) {
+      if (!n.has(i)) {
+        var a = t.get(i);
+        a && r(a);
+      }
+    }), o.push(l);
+  }
+  return e.forEach(function(l) {
+    n.has(l.name) || r(l);
+  }), o;
+}
+function no(e) {
+  var t = to(e);
+  return pr.reduce(function(n, o) {
+    return n.concat(t.filter(function(r) {
+      return r.phase === o;
+    }));
+  }, []);
+}
+function ro(e) {
+  var t;
+  return function() {
+    return t || (t = new Promise(function(n) {
+      Promise.resolve().then(function() {
+        t = void 0, n(e());
+      });
+    })), t;
+  };
+}
+function oo(e) {
+  var t = e.reduce(function(n, o) {
+    var r = n[o.name];
+    return n[o.name] = r ? Object.assign({}, r, o, {
+      options: Object.assign({}, r.options, o.options),
+      data: Object.assign({}, r.data, o.data)
+    }) : o, n;
+  }, {});
+  return Object.keys(t).map(function(n) {
+    return t[n];
+  });
+}
+var Dt = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function xt() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  return !t.some(function(o) {
+    return !(o && typeof o.getBoundingClientRect == "function");
+  });
+}
+function ao(e) {
+  e === void 0 && (e = {});
+  var t = e, n = t.defaultModifiers, o = n === void 0 ? [] : n, r = t.defaultOptions, l = r === void 0 ? Dt : r;
+  return function(c, i, a) {
+    a === void 0 && (a = l);
+    var u = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, Dt, l),
+      modifiersData: {},
+      elements: {
+        reference: c,
+        popper: i
+      },
+      attributes: {},
+      styles: {}
+    }, p = [], d = !1, b = {
+      state: u,
+      setOptions: function(s) {
+        var f = typeof s == "function" ? s(u.options) : s;
+        m(), u.options = Object.assign({}, l, u.options, f), u.scrollParents = {
+          reference: ue(c) ? De(c) : c.contextElement ? De(c.contextElement) : [],
+          popper: De(i)
+        };
+        var v = no(oo([].concat(o, u.options.modifiers)));
+        return u.orderedModifiers = v.filter(function(O) {
+          return O.enabled;
+        }), g(), b.update();
+      },
+      // Sync update – it will always be executed, even if not necessary. This
+      // is useful for low frequency updates where sync behavior simplifies the
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
+      forceUpdate: function() {
+        if (!d) {
+          var s = u.elements, f = s.reference, v = s.popper;
+          if (xt(f, v)) {
+            u.rects = {
+              reference: eo(f, _e(v), u.options.strategy === "fixed"),
+              popper: Xe(v)
+            }, 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++) {
+              if (u.reset === !0) {
+                u.reset = !1, O = -1;
+                continue;
+              }
+              var S = u.orderedModifiers[O], D = S.fn, y = S.options, h = y === void 0 ? {} : y, M = S.name;
+              typeof D == "function" && (u = D({
+                state: u,
+                options: h,
+                name: M,
+                instance: b
+              }) || u);
+            }
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: ro(function() {
+        return new Promise(function(s) {
+          b.forceUpdate(), s(u);
+        });
+      }),
+      destroy: function() {
+        m(), d = !0;
+      }
     };
-    return (i, t) => (p(), f("button", {
-      type: "button",
-      class: "time-picker-input",
-      onClick: o
-    }, [
-      g("span", tt, F(s.value), 1),
-      t[0] || (t[0] = g("svg", {
-        class: "time-picker-clock-icon",
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "18",
-        height: "18",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+    if (!xt(c, i))
+      return b;
+    b.setOptions(a).then(function(s) {
+      !d && a.onFirstUpdate && a.onFirstUpdate(s);
+    });
+    function g() {
+      u.orderedModifiers.forEach(function(s) {
+        var f = s.name, v = s.options, O = v === void 0 ? {} : v, S = s.effect;
+        if (typeof S == "function") {
+          var D = S({
+            state: u,
+            name: f,
+            instance: b,
+            options: O
+          }), y = function() {
+          };
+          p.push(D || y);
+        }
+      });
+    }
+    function m() {
+      p.forEach(function(s) {
+        return s();
+      }), p = [];
+    }
+    return b;
+  };
+}
+var so = [Pr, Gr, Or, hr, qr, Vr, Zr, xr, Wr], io = /* @__PURE__ */ ao({
+  defaultModifiers: so
+});
+function lo(e, t = [0, 8], n, o = {}) {
+  const r = C(null), l = C(null), c = C(null), i = C(e), a = C(!1);
+  let u = null, p = null;
+  const d = () => {
+    u && (clearTimeout(u), u = null), p && (clearTimeout(p), p = null);
+  }, b = async () => {
+    var y;
+    r.value && l.value && ((y = c.value) == null || y.destroy(), await K(), c.value = io(r.value, l.value, {
+      placement: e,
+      strategy: "absolute",
+      modifiers: [
+        {
+          name: "offset",
+          options: {
+            offset: t
+          }
+        },
+        {
+          name: "preventOverflow",
+          options: {
+            boundary: "viewport",
+            padding: 8
+          }
+        },
+        {
+          name: "flip",
+          options: {
+            fallbackPlacements: ["top", "bottom", "left", "right"]
+          }
+        },
+        {
+          name: "arrow",
+          options: {
+            element: ".tooltip-arrow",
+            padding: 8
+          }
+        },
+        {
+          name: "updateActualPlacement",
+          enabled: !0,
+          phase: "afterWrite",
+          fn({ state: h }) {
+            i.value = h.placement;
+          }
+        }
+      ]
+    }));
+  }, g = async () => {
+    d(), a.value || (u = window.setTimeout(
+      async () => {
+        var y;
+        a.value = !0, await K(), l.value && (await b(), (y = o.onShow) == null || y.call(o), setTimeout(() => {
+          var h;
+          (h = c.value) == null || h.forceUpdate();
+        }, 0));
+      },
+      n === "hover" ? 150 : 0
+    ));
+  }, m = () => {
+    d(), a.value && (p = window.setTimeout(
+      () => {
+        var y, h;
+        a.value = !1, (y = c.value) == null || y.destroy(), c.value = null, (h = o.onHide) == null || h.call(o);
+      },
+      n === "hover" ? 100 : 0
+    ));
+  }, s = () => {
+    a.value ? m() : g();
+  }, f = () => {
+    var y;
+    (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 () => {
+    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) => {
+      if (a.value && n === "click") {
+        const T = P.target;
+        D(T) || m();
+      }
+    });
+  }), 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));
+  }), le(
+    () => e,
+    () => {
+      a.value && b();
+    }
+  ), le(a, (y) => {
+    n === "hover" && K(() => {
+      y && l.value && (l.value.addEventListener("mouseenter", O), l.value.addEventListener("mouseleave", S));
+    });
+  }), {
+    triggerRef: r,
+    containerRef: l,
+    popperInstance: c,
+    actualPlacement: i,
+    isOpen: a,
+    initializePopper: b,
+    updatePopper: f,
+    destroyPopper: v,
+    showTooltip: g,
+    hideTooltip: m
+  };
+}
+const co = { class: "tooltip-wrapper" }, uo = /* @__PURE__ */ J({
+  __name: "ToolTip",
+  props: {
+    content: { default: "" },
+    placement: { default: "bottom-end" },
+    offset: { default: () => [0, 8] },
+    trigger: { default: "hover" },
+    arrow: { type: Boolean, default: !0 },
+    triggerClass: {},
+    className: {},
+    contentClass: {},
+    teleport: { type: Boolean, default: !0 },
+    styles: {},
+    ignoreClickOutside: { default: () => [] }
+  },
+  emits: ["onShow", "onHide"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, { triggerRef: r, containerRef: l, actualPlacement: c, initializePopper: i, destroyPopper: a, isOpen: u } = lo(n.placement, n.offset, n.trigger, {
+      onShow: () => o("onShow"),
+      onHide: () => o("onHide"),
+      ignoreClickOutside: n.ignoreClickOutside
+    }), p = H(() => {
+      if (!n.arrow) return "";
+      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(() => {
+      i();
+    }), zt(() => {
+      a();
+    }), (d, b) => (k(), _("div", co, [
+      x("span", {
+        ref_key: "triggerRef",
+        ref: r,
+        class: A(["tooltip-trigger", d.triggerClass])
       }, [
-        g("circle", {
-          cx: "12",
-          cy: "12",
-          r: "10"
-        }),
-        g("polyline", { points: "12,6 12,12 16,14" })
-      ], -1))
+        Fe(d.$slots, "trigger", je(Ne({ isOpen: w(u) })))
+      ], 2),
+      w(u) ? (k(), ie(Gt(d.teleport ? Ut : "div"), {
+        key: 0,
+        to: "body"
+      }, {
+        default: Ee(() => [
+          w(u) ? (k(), _("div", {
+            key: 0,
+            style: Mt(d.styles),
+            ref_key: "containerRef",
+            ref: l,
+            class: A(["tooltip-container tooltip-container--open", d.className]),
+            role: "tooltip",
+            "aria-hidden": "true"
+          }, [
+            x("div", {
+              class: A(["tooltip-content", d.contentClass])
+            }, [
+              Fe(d.$slots, "default", je(Ne({ isOpen: w(u) })), () => [
+                Jt(j(d.content), 1)
+              ])
+            ], 2),
+            d.arrow ? (k(), _("div", {
+              key: 0,
+              class: A(["tooltip-arrow", p.value])
+            }, null, 2)) : U("", !0)
+          ], 6)) : U("", !0)
+        ]),
+        _: 3
+      })) : U("", !0)
     ]));
   }
-}), st = { class: "v-time-picker" }, ot = /* @__PURE__ */ N({
+}), fo = { class: "v-time-picker" }, vo = /* @__PURE__ */ J({
   __name: "TimePicker",
   props: {
     modelValue: { default: null },
-    timeFormat: { default: "12h" }
+    timeFormat: { default: "12h" },
+    triggerClass: {},
+    style: {},
+    className: {}
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: c }) {
-    const e = n, h = c, s = Y(!1), o = Y(12), i = Y(0), t = Y("AM"), a = Y(null), m = $(() => e.timeFormat === "12h"), y = () => {
-      if (e.modelValue) {
-        const [l, k] = e.modelValue.split(":"), b = parseInt(l), C = parseInt(k);
-        i.value = C, m.value ? b === 0 ? (o.value = 12, t.value = "AM") : b === 12 ? (o.value = 12, t.value = "PM") : b > 12 ? (o.value = b - 12, t.value = "PM") : (o.value = b, t.value = "AM") : o.value = b;
+  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;
       } else {
-        const l = /* @__PURE__ */ new Date(), k = l.getHours(), b = l.getMinutes();
-        i.value = b, m.value ? k === 0 ? (o.value = 12, t.value = "AM") : k === 12 ? (o.value = 12, t.value = "PM") : k > 12 ? (o.value = k - 12, t.value = "PM") : (o.value = k, t.value = "AM") : o.value = k;
+        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;
       }
-    }, r = () => {
-      let l = o.value;
-      m.value && (t.value === "AM" && l === 12 ? l = 0 : t.value === "PM" && l !== 12 && (l += 12));
-      const k = `${String(l).padStart(2, "0")}:${String(i.value).padStart(2, "0")}`;
-      h("update:modelValue", k);
-    }, S = (l) => {
-      o.value = l, r();
-    }, _ = (l) => {
-      i.value = l, r();
-    }, M = (l) => {
-      t.value = l, r();
-    }, u = () => {
-      s.value = !s.value;
-    }, d = () => {
-      s.value = !1;
+    }, p = () => {
+      let s = r.value;
+      a.value && (c.value === "AM" && s === 12 ? s = 0 : c.value === "PM" && s !== 12 && (s += 12));
+      const f = `${String(s).padStart(2, "0")}:${String(l.value).padStart(2, "0")}`;
+      o("update:modelValue", f);
+    }, d = (s) => {
+      r.value = s, p();
+    }, b = (s) => {
+      l.value = s, p();
+    }, g = (s) => {
+      c.value = s, p();
+    }, m = () => {
+      var s;
+      (s = i == null ? void 0 : i.value) == null || s.scrollToSelected();
     };
-    return G(s, async (l) => {
-      var k;
-      l && (await B(), (k = a.value) == null || k.scrollToSelected());
-    }), G(() => e.modelValue, y, { immediate: !0 }), G(() => e.timeFormat, y), (l, k) => (p(), f("div", st, [
-      U(nt, {
-        hour: o.value,
-        minute: i.value,
-        period: t.value,
-        "is12-hour": m.value,
-        onToggle: u
-      }, null, 8, ["hour", "minute", "period", "is12-hour"]),
-      s.value ? (p(), q(et, {
-        key: 0,
-        ref_key: "dropdownRef",
-        ref: a,
-        "selected-hour": o.value,
-        "selected-minute": i.value,
-        "selected-period": t.value,
-        "is12-hour": m.value,
-        onSelectHour: S,
-        onSelectMinute: _,
-        onSelectPeriod: M,
-        onClose: d
-      }, null, 8, ["selected-hour", "selected-minute", "selected-period", "is12-hour"])) : V("", !0)
+    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"])
     ]));
   }
 });
 export {
-  ot as TimePicker,
-  lt as default
+  vo as TimePicker,
+  mo as default
 };