v-datepicker-lite 0.0.8 → 0.0.9

package/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as J, computed as H, createElementBlock as O, openBlock as k, createElementVNode as x, Fragment as L, renderList as F, unref as w, toDisplayString as j, normalizeClass as A, ref as C, watch as le, nextTick as K, onMounted as Ve, createBlock as te, createCommentVNode as U, normalizeStyle as Mt, createVNode as Ge, renderSlot as Le, normalizeProps as Fe, guardReactiveProps as je, onUnmounted as zt, resolveDynamicComponent as Gt, Teleport as Ut, withCtx as Ae, createTextVNode as Jt, onBeforeUnmount as Zt } from "vue";
+import { defineComponent as J, computed as H, createElementBlock as _, openBlock as k, createElementVNode as M, 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 xt, 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);
-}, qe = (e) => {
+}, ze = (e) => {
   if (!e) return null;
   const t = new Date(e);
   return isNaN(t.getTime()) ? null : t;
@@ -121,23 +121,23 @@ const St = (e, t = "YYYY-MM-DD") => {
     }), c = (i) => {
       i.isDisabled || o("select", i.date);
     };
-    return (i, a) => (k(), O("div", en, [
-      x("table", tn, [
-        x("thead", null, [
-          x("tr", nn, [
-            (k(!0), O(L, null, F(w(Tt), (u) => (k(), O("th", { key: u }, j(u), 1))), 128))
+    return (i, a) => (k(), _("div", en, [
+      M("table", tn, [
+        M("thead", null, [
+          M("tr", nn, [
+            (k(!0), _(L, null, F(w(Tt), (u) => (k(), _("th", { key: u }, j(u), 1))), 128))
           ])
         ]),
-        x("tbody", rn, [
-          (k(!0), O(L, null, F(l.value, (u, p) => (k(), O("tr", {
+        M("tbody", rn, [
+          (k(!0), _(L, null, F(l.value, (u, p) => (k(), _("tr", {
             key: p,
             class: "date-picker-week-row"
           }, [
-            (k(!0), O(L, null, F(u, (d) => (k(), O("td", {
+            (k(!0), _(L, null, F(u, (d) => (k(), _("td", {
               key: `${d.year}-${d.month}-${d.day}`,
               class: "date-picker-day-cell"
             }, [
-              x("button", {
+              M("button", {
                 class: A([
                   "date-picker-day",
                   {
@@ -179,16 +179,16 @@ const St = (e, t = "YYYY-MM-DD") => {
       const i = ((a = c.days.find((u) => u.isCurrentMonth)) == null ? void 0 : a.date) || c.days[0].date;
       o("select", i);
     };
-    return (c, i) => (k(), O("div", sn, [
-      x("table", ln, [
-        x("thead", null, [
-          x("tr", cn, [
-            i[0] || (i[0] = x("th", { class: "date-picker-weekday date-picker-week-header" }, "Wk", -1)),
-            (k(!0), O(L, null, F(w(Tt), (a) => (k(), O("th", { key: a }, j(a), 1))), 128))
+    return (c, i) => (k(), _("div", sn, [
+      M("table", ln, [
+        M("thead", null, [
+          M("tr", cn, [
+            i[0] || (i[0] = M("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))
           ])
         ]),
-        x("tbody", un, [
-          (k(!0), O(L, null, F(r.value, (a) => (k(), O("tr", {
+        M("tbody", un, [
+          (k(!0), _(L, null, F(r.value, (a) => (k(), _("tr", {
             key: a.weekNumber,
             class: A([
               "date-picker-week-row",
@@ -198,14 +198,14 @@ const St = (e, t = "YYYY-MM-DD") => {
             ]),
             onClick: (u) => l(a)
           }, [
-            x("td", fn, [
-              x("div", pn, j(a.weekNumber), 1)
+            M("td", fn, [
+              M("div", pn, j(a.weekNumber), 1)
             ]),
-            (k(!0), O(L, null, F(a.days, (u) => (k(), O("td", {
+            (k(!0), _(L, null, F(a.days, (u) => (k(), _("td", {
               key: `${u.year}-${u.month}-${u.day}`,
               class: "date-picker-day-cell"
             }, [
-              x("button", {
+              M("button", {
                 class: A([
                   "date-picker-day",
                   {
@@ -235,12 +235,12 @@ function vn(e, t = "24h", n = 15, o) {
   }, p = () => {
     const s = [], f = i.value ? 1 : 0;
     for (let v = 0; v < (i.value ? 2 : 1); v++) {
-      const _ = i.value ? v === 0 ? " AM" : " PM" : "";
+      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")}` + _;
+          const y = (i.value, S), h = i.value ? S === 12 ? v === 0 ? 0 : 12 : S + v * 12 : S, $ = `${String(y).padStart(2, "0")}:${String(D).padStart(2, "0")}` + O;
           s.push({
-            display: P,
+            display: $,
             value: `${String(h).padStart(2, "0")}:${String(D).padStart(2, "0")}`,
             hour: h,
             minute: D
@@ -277,14 +277,14 @@ function vn(e, t = "24h", n = 15, o) {
         f = parseInt(S), v = parseInt(D);
       }
       r.value = f, l.value = v;
-      const _ = e ? new Date(e.getTime()) : /* @__PURE__ */ new Date();
-      _.setHours(f, v, 0, 0), o("update", _);
+      const O = e ? new Date(e.getTime()) : /* @__PURE__ */ new Date();
+      O.setHours(f, v, 0, 0), o("update", O);
     },
     scrollToSelected: (s) => {
       if (!s) return;
       const f = c.value.findIndex((v) => v === d());
       if (f >= 0) {
-        const _ = s.clientHeight, S = f * 30 - _ / 2 + 30 / 2;
+        const O = s.clientHeight, S = f * 30 - O / 2 + 30 / 2;
         s.scrollTop = Math.max(0, S);
       }
     },
@@ -325,21 +325,21 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
           p(r.value);
         });
       }
-    ), Ve(() => {
+    ), Ie(() => {
       c(), K(() => {
         setTimeout(() => {
           p(r.value);
         }, 3);
       });
-    }), (d, b) => (k(), O("div", hn, [
-      x("div", {
+    }), (d, b) => (k(), _("div", hn, [
+      M("div", {
         ref_key: "timeListRef",
         ref: r,
         class: "time-wheel",
         role: "listbox",
         "aria-label": "Time Selection"
       }, [
-        (k(!0), O(L, null, F(w(l), (g) => (k(), O("div", {
+        (k(!0), _(L, null, F(w(l), (g) => (k(), _("div", {
           key: g,
           class: A(["time-option", {
             selected: g === w(a)()
@@ -351,7 +351,7 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
       ], 512)
     ]));
   }
-}), 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({
+}), yn = { class: "year-view-layout" }, bn = { class: "years-section" }, wn = { class: "years-list" }, kn = ["onClick"], Dn = { class: "months-section" }, Mn = { class: "date-picker-table date-picker-months-table" }, xn = { class: "date-picker-months-body" }, Sn = ["onClick", "disabled"], _n = /* @__PURE__ */ J({
   __name: "YearView",
   props: {
     currentDate: {},
@@ -378,10 +378,10 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
     }, p = (d) => {
       o("month-select", d.month);
     };
-    return (d, b) => (k(), O("div", yn, [
-      x("div", bn, [
-        x("div", wn, [
-          (k(!0), O(L, null, F(c.value, (g) => (k(), O("button", {
+    return (d, b) => (k(), _("div", yn, [
+      M("div", bn, [
+        M("div", wn, [
+          (k(!0), _(L, null, F(c.value, (g) => (k(), _("button", {
             key: g,
             class: A([
               "year-item",
@@ -394,18 +394,18 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
           }, j(g), 11, kn))), 128))
         ])
       ]),
-      x("div", Dn, [
-        x("table", xn, [
-          x("tbody", Mn, [
-            (k(!0), O(L, null, F(a.value, (g, m) => (k(), O("tr", {
+      M("div", Dn, [
+        M("table", Mn, [
+          M("tbody", xn, [
+            (k(!0), _(L, null, F(a.value, (g, m) => (k(), _("tr", {
               key: m,
               class: "date-picker-months-row"
             }, [
-              (k(!0), O(L, null, F(g, (s) => (k(), O("td", {
+              (k(!0), _(L, null, F(g, (s) => (k(), _("td", {
                 key: s.month,
                 class: "date-picker-month-cell"
               }, [
-                x("button", {
+                M("button", {
                   class: A([
                     "date-picker-month",
                     {
@@ -423,7 +423,7 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
       ])
     ]));
   }
-}), 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({
+}), On = { class: "date-picker-content" }, Tn = { class: "date-picker-table date-picker-months-table" }, $n = { class: "date-picker-months-body" }, Pn = ["onClick", "disabled"], Cn = /* @__PURE__ */ J({
   __name: "MonthView",
   props: {
     currentDate: {},
@@ -442,18 +442,18 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
     }), c = (i) => {
       o("select", i.month);
     };
-    return (i, a) => (k(), O("div", On, [
-      x("table", Tn, [
-        x("tbody", Pn, [
-          (k(!0), O(L, null, F(l.value, (u, p) => (k(), O("tr", {
+    return (i, a) => (k(), _("div", On, [
+      M("table", Tn, [
+        M("tbody", $n, [
+          (k(!0), _(L, null, F(l.value, (u, p) => (k(), _("tr", {
             key: p,
             class: "date-picker-months-row"
           }, [
-            (k(!0), O(L, null, F(u, (d) => (k(), O("td", {
+            (k(!0), _(L, null, F(u, (d) => (k(), _("td", {
               key: d.month,
               class: "date-picker-month-cell"
             }, [
-              x("button", {
+              M("button", {
                 class: A([
                   "date-picker-month",
                   {
@@ -463,7 +463,7 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
                 ]),
                 onClick: (b) => c(d),
                 disabled: d.isDisabled
-              }, j(d.name), 11, $n)
+              }, j(d.name), 11, Pn)
             ]))), 128))
           ]))), 128))
         ])
@@ -500,43 +500,43 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
     }, a = () => {
       o("current-date");
     };
-    return (u, p) => (k(), O("div", En, [
-      x("button", {
+    return (u, p) => (k(), _("div", En, [
+      M("button", {
         class: "date-picker-title",
         onClick: i,
         type: "button"
       }, j(r.value), 1),
-      x("button", {
+      M("button", {
         class: "date-picker-nav-button ml-auto",
         disabled: !u.canGoPrev,
         onClick: l,
         type: "button",
         "aria-label": "Previous"
       }, [
-        x("span", {
+        M("span", {
           class: "date-picker-nav-icon",
           innerHTML: w(Hn)
         }, null, 8, Fn)
       ], 8, Ln),
-      x("button", {
+      M("button", {
         class: "date-picker-nav-button",
         onClick: a,
         type: "button",
         "aria-label": "Current Date"
       }, [
-        x("span", {
+        M("span", {
           class: "date-picker-nav-icon",
           innerHTML: w(An)
         }, null, 8, jn)
       ]),
-      x("button", {
+      M("button", {
         class: "date-picker-nav-button",
         disabled: !u.canGoNext,
         onClick: c,
         type: "button",
         "aria-label": "Next"
       }, [
-        x("span", {
+        M("span", {
           class: "date-picker-nav-icon",
           innerHTML: w(Yn)
         }, null, 8, Vn)
@@ -545,18 +545,18 @@ const hn = { class: "time-picker-container" }, gn = ["aria-selected", "onClick"]
   }
 });
 function Wn(e, t) {
-  const n = C(/* @__PURE__ */ new Date()), o = C("date"), r = H(() => e.value ? e.value instanceof Date ? e.value : qe(e.value) : null), l = H(() => {
+  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 = qe(e.minDate);
+    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;
+    const x = n.value.getFullYear(), $ = n.value.getMonth();
+    return new Date(x, $, 1) > h;
   }), c = H(() => {
     if (!e.maxDate) return !0;
-    const h = qe(e.maxDate);
+    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;
+    const x = n.value.getFullYear(), $ = n.value.getMonth();
+    return new Date(x, $ + 1, 0) < h;
   }), i = () => {
     l.value && (n.value = new Date(n.value.getFullYear(), n.value.getMonth() - 1, 1));
   }, a = () => {
@@ -586,17 +586,17 @@ function Wn(e, t) {
     y(h);
   }, v = (h) => {
     n.value = new Date(n.value.getFullYear(), h, 1), o.value = "date", e.mode === "month" && y(new Date(n.value.getFullYear(), h, 1));
-  }, _ = (h) => {
+  }, 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);
+    const x = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z?$/, $ = /^\d{4}-\d{2}-\d{2}$/;
+    return x.test(h) ? h.includes(".") ? "YYYY-MM-DDTHH:mm:ss.sssZ" : "YYYY-MM-DDTHH:mm:ssZ" : $.test(h) ? "YYYY-MM-DD" : e.format || "YYYY-MM-DD";
+  }, D = (h, x) => {
+    const $ = S(x);
+    return $.includes("T") ? $.includes(".sss") ? h.toISOString() : h.toISOString().replace(/\.\d{3}Z$/, "Z") : St(h, $);
   }, 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);
+    let x;
+    typeof e.value == "string" ? x = D(h, e.value) : x = h, t("update:value", x), t("change", x), t("select", x);
   };
   return {
     currentDate: n,
@@ -615,14 +615,14 @@ function Wn(e, t) {
     onDateSelect: s,
     onWeekSelect: f,
     onMonthSelect: v,
-    onYearSelect: _,
+    onYearSelect: O,
     emitValue: y
   };
 }
 const Rn = { class: "date-picker" }, Bn = {
   key: 0,
   class: "date-picker-time-section"
-}, po = /* @__PURE__ */ J({
+}, mo = /* @__PURE__ */ J({
   __name: "DatePicker",
   props: {
     value: {},
@@ -651,49 +651,49 @@ const Rn = { class: "date-picker" }, Bn = {
       goToPrevDecade: s,
       goToNextDecade: f,
       goToCurrentDate: v,
-      onHeaderClick: _,
+      onHeaderClick: O,
       onDateSelect: S,
       onWeekSelect: D,
       onMonthSelect: y,
       onYearSelect: h,
-      emitValue: M
-    } = Wn(n, o), P = (T) => {
+      emitValue: x
+    } = Wn(n, o), $ = (T) => {
       if (n.mode === "dateTime" && a.value) {
-        const $ = new Date(a.value.getTime());
-        $.setHours(T.getHours(), T.getMinutes(), 0, 0), M($);
+        const P = new Date(a.value.getTime());
+        P.setHours(T.getHours(), T.getMinutes(), 0, 0), x(P);
       } else
-        M(T);
+        x(T);
     };
-    return Ve(async () => {
+    return Ie(async () => {
       K(() => {
         r.value && (l.value = r.value.clientHeight);
       });
-    }), (T, $) => (k(), O("div", Rn, [
-      T.mode !== "time" ? (k(), te(In, {
+    }), (T, P) => (k(), _("div", Rn, [
+      T.mode !== "time" ? (k(), ie(In, {
         key: 0,
         "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(_),
+        onPrev: P[0] || (P[0] = (Y) => w(i) === "year" ? w(s)() : w(i) === "month" ? w(g)() : w(d)()),
+        onNext: P[1] || (P[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", {
+      M("div", {
         class: A({
           "date-picker-datetime-layout": T.mode === "dateTime" && w(i) === "date"
         }),
-        style: Mt({
+        style: xt({
           height: l.value !== 0 ? l.value + "px" : "100%"
         })
       }, [
-        x("div", {
+        M("div", {
           class: "date-picker-date-section",
           ref_key: "datePickerContent",
           ref: r
         }, [
-          w(i) === "date" && (T.mode === "date" || T.mode === "dateTime") ? (k(), te(an, {
+          w(i) === "date" && (T.mode === "date" || T.mode === "dateTime") ? (k(), ie(an, {
             key: 0,
             "current-date": w(c),
             "selected-date": w(a),
@@ -702,19 +702,19 @@ const Rn = { class: "date-picker" }, Bn = {
             "disabled-dates": T.disabledDates,
             onSelect: w(S)
           }, null, 8, ["current-date", "selected-date", "min-date", "max-date", "disabled-dates", "onSelect"])) : U("", !0),
-          T.mode === "week" && w(i) === "date" ? (k(), te(mn, {
+          T.mode === "week" && w(i) === "date" ? (k(), ie(mn, {
             key: 1,
             "current-date": w(c),
             "selected-date": w(a),
             onSelect: w(D)
           }, null, 8, ["current-date", "selected-date", "onSelect"])) : U("", !0),
-          w(i) !== "year" && (w(i) === "month" || T.mode === "month") ? (k(), te(Cn, {
+          w(i) !== "year" && (w(i) === "month" || T.mode === "month") ? (k(), ie(Cn, {
             key: 2,
             "current-date": w(c),
             "selected-date": w(a),
             onSelect: w(y)
           }, null, 8, ["current-date", "selected-date", "onSelect"])) : U("", !0),
-          w(i) === "year" ? (k(), te(_n, {
+          w(i) === "year" ? (k(), ie(_n, {
             key: 3,
             "current-date": w(c),
             "selected-date": w(a),
@@ -722,21 +722,21 @@ const Rn = { class: "date-picker" }, Bn = {
             onMonthSelect: w(y)
           }, null, 8, ["current-date", "selected-date", "onSelect", "onMonthSelect"])) : U("", !0)
         ], 512),
-        T.mode === "dateTime" && w(i) === "date" ? (k(), O("div", Bn, [
-          Ge(pt, {
+        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
+            onUpdate: $
           }, null, 8, ["selected-time", "time-format", "time-interval"])
         ])) : U("", !0)
       ], 6),
-      T.mode === "time" ? (k(), te(pt, {
+      T.mode === "time" ? (k(), ie(pt, {
         key: 1,
         "selected-time": w(a),
         "time-format": T.timeFormat,
         "time-interval": T.timeInterval,
-        onUpdate: P
+        onUpdate: $
       }, null, 8, ["selected-time", "time-format", "time-interval"])) : U("", !0)
     ]));
   }
@@ -773,52 +773,52 @@ const Rn = { class: "date-picker" }, Bn = {
     }, m = (s) => {
       r("select-period", s);
     };
-    return t({ scrollToSelected: d }), (s, f) => (k(), O("div", {
+    return t({ scrollToSelected: d }), (s, f) => (k(), _("div", {
       ref_key: "dropdownRef",
       ref: l,
       class: "time-picker-dropdown"
     }, [
-      x("div", qn, [
-        x("div", zn, [
-          x("div", {
+      M("div", qn, [
+        M("div", zn, [
+          M("div", {
             ref_key: "hourScroll",
             ref: c,
             class: "time-picker-options-scroll"
           }, [
-            (k(!0), O(L, null, F(u.value, (v) => (k(), O("button", {
+            (k(!0), _(L, null, F(u.value, (v) => (k(), _("button", {
               key: v,
               type: "button",
               class: A(["time-picker-option-button", { selected: v === s.selectedHour }]),
-              onClick: (_) => b(v)
+              onClick: (O) => b(v)
             }, j(String(v).padStart(2, "0")), 11, Gn))), 128))
           ], 512)
         ]),
-        x("div", Un, [
-          x("div", {
+        M("div", Un, [
+          M("div", {
             ref_key: "minuteScroll",
             ref: i,
             class: "time-picker-options-scroll"
           }, [
-            (k(!0), O(L, null, F(p.value, (v) => (k(), O("button", {
+            (k(!0), _(L, null, F(p.value, (v) => (k(), _("button", {
               key: v,
               type: "button",
               class: A(["time-picker-option-button", { selected: v === s.selectedMinute }]),
-              onClick: (_) => g(v)
+              onClick: (O) => g(v)
             }, j(String(v).padStart(2, "0")), 11, Jn))), 128))
           ], 512)
         ]),
-        s.is12Hour ? (k(), O("div", Zn, [
-          x("div", {
+        s.is12Hour ? (k(), _("div", Zn, [
+          M("div", {
             ref_key: "periodScroll",
             ref: a,
             class: "time-picker-options-scroll"
           }, [
-            x("button", {
+            M("button", {
               type: "button",
               class: A(["time-picker-option-button", { selected: s.selectedPeriod === "AM" }]),
               onClick: f[0] || (f[0] = (v) => m("AM"))
             }, " AM ", 2),
-            x("button", {
+            M("button", {
               type: "button",
               class: A(["time-picker-option-button", { selected: s.selectedPeriod === "PM" }]),
               onClick: f[1] || (f[1] = (v) => m("PM"))
@@ -846,13 +846,13 @@ const Rn = { class: "date-picker" }, Bn = {
       } else
         return `${String(t.hour).padStart(2, "0")}:${o}`;
     });
-    return (o, r) => Le(o.$slots, "default", Fe(je({ displayTime: n.value })), () => [
-      x("button", {
+    return (o, r) => Fe(o.$slots, "default", je(Ne({ displayTime: n.value })), () => [
+      M("button", {
         type: "button",
         class: A(["time-picker-input", o.triggerClass])
       }, [
-        x("span", Xn, j(n.value), 1),
-        r[0] || (r[0] = x("svg", {
+        M("span", Xn, j(n.value), 1),
+        r[0] || (r[0] = M("svg", {
           class: "time-picker-clock-icon",
           xmlns: "http://www.w3.org/2000/svg",
           width: "18",
@@ -864,26 +864,26 @@ const Rn = { class: "date-picker" }, Bn = {
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
         }, [
-          x("circle", {
+          M("circle", {
             cx: "12",
             cy: "12",
             r: "10"
           }),
-          x("polyline", { points: "12,6 12,12 16,14" })
+          M("polyline", { points: "12,6 12,12 16,14" })
         ], -1))
       ], 2)
     ]);
   }
 }), fe = () => {
 };
-function Pt(e) {
+function $t(e) {
   return typeof e == "function" ? e() : e && typeof e == "object" && "value" in e ? e.value : e;
 }
 function He(e) {
-  return Pt(e);
+  return $t(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 ze(e, t, n, o) {
+function Ge(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
 }
 let mt = !1;
@@ -897,7 +897,7 @@ function tr(e, t, n = {}) {
     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) => {
+  const u = (m) => $t(r).some((s) => {
     if (typeof s == "string")
       return Array.from(o.document.querySelectorAll(s)).some((f) => f === m.target || m.composedPath().includes(f));
     {
@@ -918,16 +918,16 @@ function tr(e, t, n = {}) {
   };
   let d = !1;
   const b = [
-    ze(o, "click", (m) => {
+    Ge(o, "click", (m) => {
       d || (d = !0, setTimeout(() => {
         d = !1;
       }, 0), p(m));
     }, { passive: !0, capture: l }),
-    ze(o, "pointerdown", (m) => {
+    Ge(o, "pointerdown", (m) => {
       const s = He(e);
       a = !u(m) && !!(s && !m.composedPath().includes(s));
     }, { passive: !0 }),
-    c && ze(o, "blur", (m) => {
+    c && Ge(o, "blur", (m) => {
       setTimeout(() => {
         var s;
         const f = He(e);
@@ -945,10 +945,10 @@ function tr(e, t, n = {}) {
     }
   } : 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]);
+var N = "top", B = "bottom", q = "right", V = "left", Ze = "auto", Se = [N, B, q, V], pe = "start", Me = "end", nr = "clippingParents", Pt = "viewport", be = "popper", rr = "reference", vt = /* @__PURE__ */ Se.reduce(function(e, t) {
+  return e.concat([t + "-" + pe, t + "-" + Me]);
 }, []), Ct = /* @__PURE__ */ [].concat(Se, [Ze]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + pe, t + "-" + xe]);
+  return e.concat([t, t + "-" + pe, t + "-" + Me]);
 }, []), 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;
@@ -1021,7 +1021,7 @@ const hr = {
 function Z(e) {
   return e.split("-")[0];
 }
-var ce = Math.max, Ne = Math.min, me = Math.round;
+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) {
@@ -1076,13 +1076,13 @@ function ee(e) {
 function gr(e) {
   return ["table", "td", "th"].indexOf(Q(e)) >= 0;
 }
-function ne(e) {
+function te(e) {
   return ((ue(e) ? e.ownerDocument : (
     // $FlowFixMe[prop-missing]
     e.document
   )) || window.document).documentElement;
 }
-function Ie(e) {
+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]
@@ -1091,7 +1091,7 @@ function Ie(e) {
     e.parentNode || // DOM Element detected
     (Qe(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    ne(e)
+    te(e)
   );
 }
 function ht(e) {
@@ -1105,7 +1105,7 @@ function yr(e) {
     if (o.position === "fixed")
       return null;
   }
-  var r = Ie(e);
+  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")
@@ -1123,7 +1123,7 @@ function Ke(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
 function ke(e, t, n) {
-  return ce(e, Ne(t, n));
+  return ce(e, Ve(t, n));
 }
 function br(e, t, n) {
   var o = ke(e, t, n);
@@ -1153,15 +1153,15 @@ var wr = function(e, t) {
 function kr(e) {
   var t, n = e.state, o = e.name, r = e.options, l = n.elements.arrow, c = n.modifiersData.popperOffsets, i = Z(n.placement), a = Ke(i), u = [V, q].indexOf(i) >= 0, p = u ? "height" : "width";
   if (!(!l || !c)) {
-    var d = wr(r.padding, n), b = Xe(l), g = a === "y" ? N : V, m = a === "y" ? B : q, s = n.rects.reference[p] + n.rects.reference[a] - c[a] - n.rects.popper[p], f = c[a] - n.rects.reference[a], v = _e(l), _ = v ? a === "y" ? v.clientHeight || 0 : v.clientWidth || 0 : 0, S = s / 2 - f / 2, D = d[g], y = _ - b[p] - d[m], h = _ / 2 - b[p] / 2 + S, M = ke(D, h, y), P = a;
-    n.modifiersData[o] = (t = {}, t[P] = M, t.centerOffset = M - h, t);
+    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, x = ke(D, h, y), $ = a;
+    n.modifiersData[o] = (t = {}, t[$] = x, t.centerOffset = x - 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 = {
+const Mr = {
   name: "arrow",
   enabled: !0,
   phase: "main",
@@ -1173,7 +1173,7 @@ const xr = {
 function he(e) {
   return e.split("-")[1];
 }
-var Mr = {
+var xr = {
   top: "auto",
   right: "auto",
   bottom: "auto",
@@ -1195,29 +1195,29 @@ function gt(e) {
     y: s
   };
   g = f.x, s = f.y;
-  var v = c.hasOwnProperty("x"), _ = c.hasOwnProperty("y"), S = V, D = N, y = window;
+  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 = ne(n), ee(h).position !== "static" && i === "absolute" && (M = "scrollHeight", P = "scrollWidth")), h = h, r === N || (r === V || r === q) && l === xe) {
+    var h = _e(n), x = "clientHeight", $ = "clientWidth";
+    if (h === W(n) && (h = te(n), ee(h).position !== "static" && i === "absolute" && (x = "scrollHeight", $ = "scrollWidth")), h = h, r === N || (r === V || r === q) && l === Me) {
       D = B;
       var T = d && h === y && y.visualViewport ? y.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        h[M]
+        h[x]
       );
       s -= T - o.height, s *= a ? 1 : -1;
     }
-    if (r === V || (r === N || r === B) && l === xe) {
+    if (r === V || (r === N || r === B) && l === Me) {
       S = q;
-      var $ = d && h === y && y.visualViewport ? y.visualViewport.width : (
+      var P = d && h === y && y.visualViewport ? y.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        h[P]
+        h[$]
       );
-      g -= $ - o.width, g *= a ? 1 : -1;
+      g -= P - o.width, g *= a ? 1 : -1;
     }
   }
   var Y = Object.assign({
     position: i
-  }, u && Mr), z = p === !0 ? Sr({
+  }, u && xr), z = p === !0 ? Sr({
     x: g,
     y: s
   }, W(n)) : {
@@ -1226,9 +1226,9 @@ function gt(e) {
   };
   if (g = z.x, s = z.y, a) {
     var E;
-    return Object.assign({}, Y, (E = {}, E[D] = _ ? "0" : "", E[S] = v ? "0" : "", E.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + g + "px, " + s + "px)" : "translate3d(" + g + "px, " + s + "px, 0)", E));
+    return Object.assign({}, Y, (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] = _ ? s + "px" : "", t[S] = v ? g + "px" : "", t.transform = "", t));
+  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 = {
@@ -1273,7 +1273,7 @@ function Tr(e) {
     }), i && a.removeEventListener("resize", n.update, Ye);
   };
 }
-const Pr = {
+const $r = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
@@ -1282,15 +1282,15 @@ const Pr = {
   effect: Tr,
   data: {}
 };
-var $r = {
+var Pr = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function Ee(e) {
+function Le(e) {
   return e.replace(/left|right|bottom|top/g, function(t) {
-    return $r[t];
+    return Pr[t];
   });
 }
 var Cr = {
@@ -1310,10 +1310,10 @@ function et(e) {
   };
 }
 function tt(e) {
-  return ve(ne(e)).left + et(e).scrollLeft;
+  return ve(te(e)).left + et(e).scrollLeft;
 }
 function Hr(e, t) {
-  var n = W(e), o = ne(e), r = n.visualViewport, l = o.clientWidth, c = o.clientHeight, i = 0, a = 0;
+  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();
@@ -1327,7 +1327,7 @@ function Hr(e, t) {
   };
 }
 function Yr(e) {
-  var t, n = ne(e), o = et(e), r = (t = e.ownerDocument) == null ? void 0 : t.body, l = ce(n.scrollWidth, n.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), c = ce(n.scrollHeight, n.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), i = -o.scrollLeft + tt(e), a = -o.scrollTop;
+  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,
@@ -1340,7 +1340,7 @@ function nt(e) {
   return /auto|scroll|overlay|hidden/.test(n + r + o);
 }
 function Ft(e) {
-  return ["html", "body", "#document"].indexOf(Q(e)) >= 0 ? e.ownerDocument.body : R(e) && nt(e) ? e : Ft(Ie(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;
@@ -1348,7 +1348,7 @@ function De(e, t) {
   var o = Ft(e), r = o === ((n = e.ownerDocument) == null ? void 0 : n.body), l = W(o), c = r ? [l].concat(l.visualViewport || [], nt(o) ? o : []) : o, i = t.concat(c);
   return r ? i : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    i.concat(De(Ie(c)))
+    i.concat(De(We(c)))
   );
 }
 function Je(e) {
@@ -1364,10 +1364,10 @@ function Ar(e, t) {
   return n.top = n.top + e.clientTop, n.left = n.left + e.clientLeft, n.bottom = n.top + e.clientHeight, n.right = n.left + e.clientWidth, n.width = e.clientWidth, n.height = e.clientHeight, n.x = n.left, n.y = n.top, n;
 }
 function bt(e, t, n) {
-  return t === $t ? Je(Hr(e, n)) : ue(t) ? Ar(t, n) : Je(Yr(ne(e)));
+  return t === Pt ? Je(Hr(e, n)) : ue(t) ? Ar(t, n) : Je(Yr(te(e)));
 }
 function Er(e) {
-  var t = De(Ie(e)), n = ["absolute", "fixed"].indexOf(ee(e).position) >= 0, o = n && R(e) ? _e(e) : 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";
   }) : [];
@@ -1375,7 +1375,7 @@ function Er(e) {
 function Lr(e, t, n, o) {
   var r = t === "clippingParents" ? Er(e) : [].concat(t), l = [].concat(r, [n]), c = l[0], i = l.reduce(function(a, u) {
     var p = bt(e, u, o);
-    return a.top = ce(p.top, a.top), a.right = Ne(p.right, a.right), a.bottom = Ne(p.bottom, a.bottom), a.left = ce(p.left, a.left), a;
+    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;
 }
@@ -1419,20 +1419,20 @@ function jt(e) {
       case pe:
         a[u] = a[u] - (t[p] / 2 - n[p] / 2);
         break;
-      case xe:
+      case Me:
         a[u] = a[u] + (t[p] / 2 - n[p] / 2);
         break;
     }
   }
   return a;
 }
-function Me(e, t) {
+function xe(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)), _ = b === be ? rr : be, S = e.rects.popper, D = e.elements[m ? _ : b], y = Lr(ue(D) ? D : D.contextElement || ne(e.elements.popper), a, p, c), h = ve(e.elements.reference), M = jt({
+  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 ? Pt : 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), x = jt({
     reference: h,
     element: S,
     placement: r
-  }), P = Je(Object.assign({}, S, M)), T = b === be ? P : h, $ = {
+  }), $ = Je(Object.assign({}, S, x)), T = b === be ? $ : h, P = {
     top: y.top - T.top + v.top,
     bottom: T.bottom - y.bottom + v.bottom,
     left: y.left - T.left + v.left,
@@ -1440,12 +1440,12 @@ function Me(e, t) {
   }, Y = e.modifiersData.offset;
   if (b === be && Y) {
     var z = Y[r];
-    Object.keys($).forEach(function(E) {
-      var re = [q, B].indexOf(E) >= 0 ? 1 : -1, oe = [N, B].indexOf(E) >= 0 ? "y" : "x";
-      $[E] += z[oe] * re;
+    Object.keys(P).forEach(function(E) {
+      var ne = [q, B].indexOf(E) >= 0 ? 1 : -1, re = [N, B].indexOf(E) >= 0 ? "y" : "x";
+      P[E] += z[re] * ne;
     });
   }
-  return $;
+  return P;
 }
 function Fr(e, t) {
   t === void 0 && (t = {});
@@ -1456,7 +1456,7 @@ function Fr(e, t) {
   });
   b.length === 0 && (b = d);
   var g = b.reduce(function(m, s) {
-    return m[s] = Me(e, {
+    return m[s] = xe(e, {
       placement: s,
       boundary: r,
       rootBoundary: l,
@@ -1470,14 +1470,14 @@ function Fr(e, t) {
 function jr(e) {
   if (Z(e) === Ze)
     return [];
-  var t = Ee(e);
+  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), _ = v === f, S = a || (_ || !m ? [Ee(f)] : jr(f)), D = [f].concat(S).reduce(function(se, X) {
-      return se.concat(Z(X) === Ze ? Fr(t, {
+    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,
@@ -1485,38 +1485,38 @@ function Nr(e) {
         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, re = [N, B].indexOf(z) >= 0, oe = re ? "width" : "height", I = Me(t, {
+    }, []), y = t.rects.reference, h = t.rects.popper, x = /* @__PURE__ */ new Map(), $ = !0, T = D[0], P = 0; P < D.length; P++) {
+      var Y = D[P], z = Z(Y), E = he(Y) === pe, ne = [N, B].indexOf(z) >= 0, re = ne ? "width" : "height", I = xe(t, {
         placement: Y,
         boundary: p,
         rootBoundary: d,
         altBoundary: b,
         padding: u
-      }), G = re ? E ? q : V : E ? B : N;
-      y[oe] > h[oe] && (G = Ee(G));
-      var Oe = Ee(G), ae = [];
-      if (l && ae.push(I[z] <= 0), i && ae.push(I[G] <= 0, I[Oe] <= 0), ae.every(function(se) {
-        return se;
+      }), 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;
+        T = Y, $ = !1;
         break;
       }
-      M.set(Y, ae);
+      x.set(Y, oe);
     }
-    if (P)
-      for (var Te = m ? 3 : 1, We = function(se) {
-        var X = D.find(function($e) {
-          var ye = M.get($e);
+    if ($)
+      for (var Te = m ? 3 : 1, Re = function(ae) {
+        var X = D.find(function(Pe) {
+          var ye = x.get(Pe);
           if (ye)
-            return ye.slice(0, se).every(function(de) {
+            return ye.slice(0, ae).every(function(de) {
               return de;
             });
         });
         if (X)
           return T = X, "break";
       }, ge = Te; ge > 0; ge--) {
-        var Pe = We(ge);
-        if (Pe === "break") break;
+        var $e = Re(ge);
+        if ($e === "break") break;
       }
     t.placement !== T && (t.modifiersData[o]._skip = !0, t.placement = T, t.reset = !0);
   }
@@ -1548,9 +1548,9 @@ function kt(e) {
   });
 }
 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, {
+  var t = e.state, n = e.name, o = t.rects.reference, r = t.rects.popper, l = t.modifiersData.preventOverflow, c = xe(t, {
     elementContext: "reference"
-  }), i = Me(t, {
+  }), i = xe(t, {
     altBoundary: !0
   }), a = wt(c, o), u = wt(i, r, l), p = kt(a), d = kt(u);
   t.modifiersData[n] = {
@@ -1614,14 +1614,14 @@ 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, {
+  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 = xe(t, {
     boundary: a,
     rootBoundary: u,
     padding: d,
     altBoundary: p
-  }), v = Z(t.placement), _ = he(t.placement), S = !_, D = Ke(v), y = Ur(D), h = t.modifiersData.popperOffsets, M = t.rects.reference, P = t.rects.popper, T = typeof s == "function" ? s(Object.assign({}, t.rects, {
+  }), v = Z(t.placement), O = he(t.placement), S = !O, D = Ke(v), y = Ur(D), h = t.modifiersData.popperOffsets, x = t.rects.reference, $ = t.rects.popper, T = typeof s == "function" ? s(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : s, $ = typeof T == "number" ? {
+  })) : s, P = typeof T == "number" ? {
     mainAxis: T,
     altAxis: T
   } : Object.assign({
@@ -1633,15 +1633,15 @@ function Jr(e) {
   };
   if (h) {
     if (l) {
-      var E, re = D === "y" ? N : V, oe = D === "y" ? B : q, I = D === "y" ? "height" : "width", G = h[D], Oe = G + f[re], ae = G - f[oe], Te = g ? -P[I] / 2 : 0, We = _ === pe ? M[I] : P[I], ge = _ === pe ? -P[I] : -M[I], Pe = t.elements.arrow, se = g && Pe ? Xe(Pe) : {
+      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 ? -$[I] / 2 : 0, Re = O === pe ? x[I] : $[I], ge = O === pe ? -$[I] : -x[I], $e = t.elements.arrow, ae = g && $e ? Xe($e) : {
         width: 0,
         height: 0
-      }, X = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : At(), $e = X[re], ye = X[oe], de = ke(0, M[I], se[I]), Nt = S ? M[I] / 2 - Te - de - $e - $.mainAxis : We - de - $e - $.mainAxis, Vt = S ? -M[I] / 2 + Te + de + ye + $.mainAxis : ge + de + ye + $.mainAxis, Re = t.elements.arrow && _e(t.elements.arrow), It = Re ? D === "y" ? Re.clientTop || 0 : Re.clientLeft || 0 : 0, rt = (E = Y == null ? void 0 : Y[D]) != null ? E : 0, Wt = G + Nt - rt - It, Rt = G + Vt - rt, ot = ke(g ? Ne(Oe, Wt) : Oe, G, g ? ce(ae, Rt) : ae);
+      }, X = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : At(), Pe = X[ne], ye = X[re], de = ke(0, x[I], ae[I]), Nt = S ? x[I] / 2 - Te - de - Pe - P.mainAxis : Re - de - Pe - P.mainAxis, Vt = S ? -x[I] / 2 + Te + de + ye + P.mainAxis : ge + de + ye + P.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, ie = h[y], Ce = y === "y" ? "height" : "width", st = ie + f[Bt], it = ie - f[qt], Be = [N, V].indexOf(v) !== -1, lt = (at = Y == null ? void 0 : Y[y]) != null ? at : 0, ct = Be ? st : ie - M[Ce] - P[Ce] - lt + $.altAxis, ut = Be ? ie + M[Ce] + P[Ce] - lt - $.altAxis : it, dt = g && Be ? br(ct, ie, ut) : ke(g ? ct : st, ie, g ? ut : it);
-      h[y] = dt, z[y] = dt - ie;
+      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 - x[Ce] - $[Ce] - lt + P.altAxis, ut = qe ? se + x[Ce] + $[Ce] - lt - P.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;
   }
@@ -1668,7 +1668,7 @@ function Kr(e) {
 }
 function eo(e, t, n) {
   n === void 0 && (n = !1);
-  var o = R(t), r = R(t) && Kr(t), l = ne(t), c = ve(e, r, n), i = {
+  var o = R(t), r = R(t) && Kr(t), l = te(t), c = ve(e, r, n), i = {
     scrollLeft: 0,
     scrollTop: 0
   }, a = {
@@ -1737,7 +1737,7 @@ var Dt = {
   modifiers: [],
   strategy: "absolute"
 };
-function xt() {
+function Mt() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
   return !t.some(function(o) {
@@ -1769,8 +1769,8 @@ function ao(e) {
           popper: De(i)
         };
         var v = no(oo([].concat(o, u.options.modifiers)));
-        return u.orderedModifiers = v.filter(function(_) {
-          return _.enabled;
+        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
@@ -1781,23 +1781,23 @@ function ao(e) {
       forceUpdate: function() {
         if (!d) {
           var s = u.elements, f = s.reference, v = s.popper;
-          if (xt(f, v)) {
+          if (Mt(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);
+            }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function($) {
+              return u.modifiersData[$.name] = Object.assign({}, $.data);
             });
-            for (var _ = 0; _ < u.orderedModifiers.length; _++) {
+            for (var O = 0; O < u.orderedModifiers.length; O++) {
               if (u.reset === !0) {
-                u.reset = !1, _ = -1;
+                u.reset = !1, O = -1;
                 continue;
               }
-              var S = u.orderedModifiers[_], D = S.fn, y = S.options, h = y === void 0 ? {} : y, M = S.name;
+              var S = u.orderedModifiers[O], D = S.fn, y = S.options, h = y === void 0 ? {} : y, x = S.name;
               typeof D == "function" && (u = D({
                 state: u,
                 options: h,
-                name: M,
+                name: x,
                 instance: b
               }) || u);
             }
@@ -1815,20 +1815,20 @@ function ao(e) {
         m(), d = !0;
       }
     };
-    if (!xt(c, i))
+    if (!Mt(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, _ = v === void 0 ? {} : v, S = s.effect;
+        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: _
+            options: O
           }), y = function() {
           };
           p.push(D || y);
@@ -1843,7 +1843,7 @@ function ao(e) {
     return b;
   };
 }
-var so = [Pr, Gr, Or, hr, qr, Vr, Zr, xr, Wr], io = /* @__PURE__ */ ao({
+var so = [$r, Gr, Or, hr, qr, Vr, Zr, Mr, Wr], io = /* @__PURE__ */ ao({
   defaultModifiers: so
 });
 function lo(e, t = [0, 8], n, o = {}) {
@@ -1919,22 +1919,22 @@ function lo(e, t = [0, 8], n, o = {}) {
     (y = c.value) == null || y.forceUpdate();
   }, v = () => {
     d(), c.value && (c.value.destroy(), c.value = null);
-  }, _ = () => {
+  }, O = () => {
     n === "hover" && g();
   }, S = () => {
     n === "hover" && m();
   }, D = (y) => !o.ignoreClickOutside || o.ignoreClickOutside.length === 0 ? !1 : o.ignoreClickOutside.some((h) => h.startsWith("#") ? y.id === h.substring(1) || y.closest(h) !== null : h.startsWith(".") ? y.classList.contains(h.substring(1)) || y.closest(h) !== null : y.matches(h) || y.closest(h) !== null);
-  return Ve(async () => {
-    var y, h, M;
-    await K(), n === "click" && ((y = r.value) == null || y.addEventListener("click", s)), n === "hover" && ((h = r.value) == null || h.addEventListener("mouseenter", _), (M = r.value) == null || M.addEventListener("mouseleave", S)), tr(l, (P) => {
+  return Ie(async () => {
+    var y, h, x;
+    await K(), n === "click" && ((y = r.value) == null || y.addEventListener("click", s)), n === "hover" && ((h = r.value) == null || h.addEventListener("mouseenter", O), (x = r.value) == null || x.addEventListener("mouseleave", S)), tr(l, ($) => {
       if (a.value && n === "click") {
-        const T = P.target;
+        const T = $.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", _), (M = r.value) == null || M.removeEventListener("mouseleave", S));
+    var y, h, x;
+    v(), n === "click" && ((y = r.value) == null || y.removeEventListener("click", s)), n === "hover" && ((h = r.value) == null || h.removeEventListener("mouseenter", O), (x = r.value) == null || x.removeEventListener("mouseleave", S));
   }), le(
     () => e,
     () => {
@@ -1942,7 +1942,7 @@ function lo(e, t = [0, 8], n, o = {}) {
     }
   ), le(a, (y) => {
     n === "hover" && K(() => {
-      y && l.value && (l.value.addEventListener("mouseenter", _), l.value.addEventListener("mouseleave", S));
+      y && l.value && (l.value.addEventListener("mouseenter", O), l.value.addEventListener("mouseleave", S));
     });
   }), {
     triggerRef: r,
@@ -1983,40 +1983,40 @@ const co = { class: "tooltip-wrapper" }, uo = /* @__PURE__ */ J({
       const d = c.value;
       return d.includes("top") ? "tooltip-arrow--bottom" : d.includes("bottom") ? "tooltip-arrow--top" : d.includes("left") ? "tooltip-arrow--right" : d.includes("right") ? "tooltip-arrow--left" : "tooltip-arrow--top";
     });
-    return Ve(() => {
+    return Ie(() => {
       i();
     }), zt(() => {
       a();
-    }), (d, b) => (k(), O("div", co, [
-      x("span", {
+    }), (d, b) => (k(), _("div", co, [
+      M("span", {
         ref_key: "triggerRef",
         ref: r,
         class: A(["tooltip-trigger", d.triggerClass])
       }, [
-        Le(d.$slots, "trigger", Fe(je({ isOpen: w(u) })))
+        Fe(d.$slots, "trigger", je(Ne({ isOpen: w(u) })))
       ], 2),
-      w(u) ? (k(), te(Gt(d.teleport ? Ut : "div"), {
+      w(u) ? (k(), ie(Gt(d.teleport ? Ut : "div"), {
         key: 0,
         to: "body"
       }, {
-        default: Ae(() => [
-          w(u) ? (k(), O("div", {
+        default: Ee(() => [
+          w(u) ? (k(), _("div", {
             key: 0,
-            style: Mt(d.styles),
+            style: xt(d.styles),
             ref_key: "containerRef",
             ref: l,
             class: A(["tooltip-container tooltip-container--open", d.className]),
             role: "tooltip",
             "aria-hidden": "true"
           }, [
-            x("div", {
+            M("div", {
               class: A(["tooltip-content", d.contentClass])
             }, [
-              Le(d.$slots, "default", Fe(je({ isOpen: w(u) })), () => [
+              Fe(d.$slots, "default", je(Ne({ isOpen: w(u) })), () => [
                 Jt(j(d.content), 1)
               ])
             ], 2),
-            d.arrow ? (k(), O("div", {
+            d.arrow ? (k(), _("div", {
               key: 0,
               class: A(["tooltip-arrow", p.value])
             }, null, 2)) : U("", !0)
@@ -2026,21 +2026,24 @@ const co = { class: "tooltip-wrapper" }, uo = /* @__PURE__ */ J({
       })) : U("", !0)
     ]));
   }
-}), mo = /* @__PURE__ */ J({
+}), fo = { style: {
+  width: "100%"
+} }, vo = /* @__PURE__ */ J({
   __name: "TimePicker",
   props: {
     modelValue: { default: null },
     timeFormat: { default: "12h" },
     triggerClass: {},
     style: {},
-    className: {}
+    className: {},
+    offset: { default: () => [0, 10] }
   },
   emits: ["update:modelValue"],
   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), _ = parseInt(f);
-        l.value = _, a.value ? v === 0 ? (r.value = 12, c.value = "AM") : v === 12 ? (r.value = 12, c.value = "PM") : v > 12 ? (r.value = v - 12, c.value = "PM") : (r.value = v, c.value = "AM") : r.value = v;
+        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 s = /* @__PURE__ */ new Date(), f = s.getHours(), v = s.getMinutes();
         l.value = v, a.value ? f === 0 ? (r.value = 12, c.value = "AM") : f === 12 ? (r.value = 12, c.value = "PM") : f > 12 ? (r.value = f - 12, c.value = "PM") : (r.value = f, c.value = "AM") : r.value = f;
@@ -2060,46 +2063,53 @@ const co = { class: "tooltip-wrapper" }, uo = /* @__PURE__ */ J({
       var s;
       (s = i == null ? void 0 : i.value) == null || s.scrollToSelected();
     };
-    return le(() => n.modelValue, u, { immediate: !0 }), le(() => n.timeFormat, u), (s, f) => (k(), te(w(uo), {
-      trigger: "click",
-      placement: "bottom-start",
-      onOnShow: m,
-      teleport: "",
-      "class-name": `v-time-picker ${s.className}`,
-      styles: s.style
-    }, {
-      trigger: Ae(() => [
-        Ge(Kn, {
-          hour: r.value,
-          minute: l.value,
-          period: c.value,
-          "is12-hour": a.value,
-          "trigger-class": s.triggerClass
-        }, {
-          default: Ae(({ displayTime: v }) => [
-            Le(s.$slots, "default", Fe(je({ displayTime: v })))
-          ]),
-          _: 3
-        }, 8, ["hour", "minute", "period", "is12-hour", "trigger-class"])
-      ]),
-      default: Ae(() => [
-        Ge(Qn, {
-          ref_key: "dropdownRef",
-          ref: i,
-          "selected-hour": r.value,
-          "selected-minute": l.value,
-          "selected-period": c.value,
-          "is12-hour": a.value,
-          onSelectHour: d,
-          onSelectMinute: b,
-          onSelectPeriod: g
-        }, null, 8, ["selected-hour", "selected-minute", "selected-period", "is12-hour"])
-      ]),
-      _: 3
-    }, 8, ["class-name", "styles"]));
+    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: "",
+        offset: s.offset,
+        triggerClass: "w-full",
+        "class-name": `v-time-picker ${s.className}`,
+        styles: s.style,
+        style: {
+          width: "100%"
+        }
+      }, {
+        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, ["offset", "class-name", "styles"])
+    ]));
   }
 });
 export {
-  mo as TimePicker,
-  po as default
+  vo as TimePicker,
+  mo as default
 };