bitboss-ui 2.0.167 → 2.0.169

package/dist/index214.js

@@ -1,202 +1,9 @@
-import { defineComponent as j, ref as c, onMounted as J, watch as Q, createElementBlock as _, openBlock as R, createElementVNode as w, createTextVNode as B, createCommentVNode as K, toDisplayString as C, unref as x } from "vue";
-import { useResizeObserver as Z } from "./index137.js";
-import { hexToRgb as O } from "./index335.js";
-import { getHueFromRGB as F } from "./index336.js";
-import { hslToHex as y } from "./index337.js";
-import { useLocale as ee } from "./index219.js";
-const te = {
-  id: "mainCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, ae = { key: 0 }, ne = {
-  id: "hueCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, oe = { key: 0 }, de = /* @__PURE__ */ j({
-  __name: "ColorPallette",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(N, { emit: T }) {
-    const D = N, f = T, { t: h } = ee(), o = c(D.modelValue), d = c(
-      y(F(...O(o.value ?? "#ff0000")), 100, 50)
-    ), P = c(null), s = c(null), r = c(null), l = c({ x: 0, y: 0 }), u = c({ x: 0 }), b = c(!1), k = c(!1), H = () => {
-      const e = s.value, t = r.value;
-      !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), m());
-    }, I = () => {
-      const e = s.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, v = () => {
-      const e = s.value;
-      if (!e) return;
-      const t = I();
-      if (!t) return;
-      t.clearRect(0, 0, e.width, e.height);
-      const a = t.createLinearGradient(0, 0, e.width, 0);
-      a.addColorStop(0, d.value), a.addColorStop(1, "#ffffff");
-      const n = t.createLinearGradient(0, 0, 0, e.height);
-      n.addColorStop(0, "transparent"), n.addColorStop(1, "#000000"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), t.fillStyle = n, t.globalCompositeOperation = "multiply", t.fillRect(0, 0, e.width, e.height), t.globalCompositeOperation = "source-over", t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
-    }, p = () => {
-      const e = I();
-      e && (e.beginPath(), e.arc(
-        l.value.x,
-        l.value.y,
-        8,
-        0,
-        2 * Math.PI
-      ), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(
-        l.value.x,
-        l.value.y,
-        7,
-        0,
-        2 * Math.PI
-      ), e.strokeStyle = "#000000", e.lineWidth = 1, e.stroke(), e.globalCompositeOperation = "source-over");
-    }, V = () => {
-      const e = r.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, m = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = V();
-      if (!t) return;
-      const a = t.createLinearGradient(0, 0, e.width, 0);
-      for (let n = 0; n <= 360; n += 60)
-        a.addColorStop(n / 360, `hsl(${n}, 100%, 50%)`);
-      a.addColorStop(1, "hsl(360, 100%, 50%)"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), L(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
-    }, L = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = V();
-      if (!t) return;
-      const a = 10, n = 16, i = u.value.x - a / 2, S = e.height / 2 - n / 2;
-      t.beginPath(), t.roundRect(i, S, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
-    }, q = (e) => {
-      s.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), b.value = !0, G(e));
-    }, z = (e) => {
-      r.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), k.value = !0, W(e));
-    }, G = (e) => {
-      const t = s.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left)), i = Math.max(0, Math.min(t.height, e.clientY - a.top));
-      l.value = { x: n, y: i }, v(), p(), o.value = g(), f("update:modelValue", o.value);
-    }, W = (e) => {
-      const t = r.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left));
-      u.value = { x: n };
-      const i = n / t.width * 360;
-      d.value = y(i, 100, 50), m(), v(), p(), o.value = g(), f("update:modelValue", o.value);
-    }, A = (e) => {
-      b.value ? G(e) : k.value && W(e);
-    }, E = () => {
-      b.value = !1, k.value = !1;
-    }, U = (e) => {
-      var a, n;
-      switch (e.key) {
-        case "ArrowUp":
-          l.value.y = Math.max(0, l.value.y - 5);
-          break;
-        case "ArrowDown":
-          l.value.y = Math.min(
-            ((a = s.value) == null ? void 0 : a.height) ?? 0,
-            l.value.y + 5
-          );
-          break;
-        case "ArrowLeft":
-          l.value.x = Math.max(0, l.value.x - 5);
-          break;
-        case "ArrowRight":
-          l.value.x = Math.min(
-            ((n = s.value) == null ? void 0 : n.width) ?? 0,
-            l.value.x + 5
-          );
-          break;
-        default:
-          return;
-      }
-      v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
-    }, X = (e) => {
-      var n, i;
-      switch (e.key) {
-        case "ArrowLeft":
-          u.value.x = Math.max(0, u.value.x - 5);
-          break;
-        case "ArrowRight":
-          u.value.x = Math.min(
-            ((n = r.value) == null ? void 0 : n.width) ?? 0,
-            u.value.x + 5
-          );
-          break;
-        default:
-          return;
-      }
-      const a = u.value.x / (((i = r.value) == null ? void 0 : i.width) ?? 1) * 360;
-      d.value = y(a, 100, 50), m(), L(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
-    };
-    J(() => {
-      H(), M(o.value ?? "#ff0000");
-    }), Z(P, () => {
-      H(), M(o.value ?? "#ff0000");
-    }), Q(
-      () => D.modelValue,
-      (e) => {
-        !e || e === o.value || (o.value = e, M(e), m(), v());
-      }
-    );
-    const g = () => {
-      const e = s.value;
-      if (!e) return "#ffffff";
-      const t = e.getContext("2d");
-      if (!t) return "#ffffff";
-      const { x: a, y: n } = l.value, i = t.getImageData(a, n, 1, 1).data, [S, $, Y] = i;
-      return `#${((1 << 24) + (S << 16) + ($ << 8) + Y).toString(16).slice(1)}`;
-    };
-    function M(e) {
-      var a;
-      const t = F(...O(e));
-      d.value = y(t, 100, 50), u.value.x = t / 360 * (((a = r.value) == null ? void 0 : a.width) ?? 0);
-    }
-    return (e, t) => (R(), _("div", {
-      ref_key: "paletteRef",
-      ref: P,
-      "aria-label": "Color Picker",
-      class: "bb-color-palette",
-      role: "application"
-    }, [
-      w("canvas", {
-        ref_key: "mainCanvasRef",
-        ref: s,
-        "aria-describedby": "mainCanvasDesc",
-        "aria-label": "Main Color Selection",
-        class: "bb-color-palette__canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: U,
-        onPointerdown: q
-      }, null, 544),
-      w("p", te, [
-        B(C(x(h)("colorInput.mainCanvasDesc")) + " ", 1),
-        o.value ? (R(), _("span", ae, C(x(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : K("", !0)
-      ]),
-      w("canvas", {
-        ref_key: "hueCanvasRef",
-        ref: r,
-        "aria-describedby": "hueCanvasDesc",
-        "aria-label": "Hue Selection",
-        class: "bb-color-palette__hue-canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: X,
-        onPointerdown: z
-      }, null, 544),
-      w("p", ne, [
-        B(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
-        d.value ? (R(), _("span", oe, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : K("", !0)
-      ])
-    ], 512));
-  }
-});
+import { ref as e } from "vue";
+const o = e(0), s = () => {
+  o.value++;
+}, a = () => {
+  o.value--;
+}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
 export {
-  de as default
+  d as useModalsState
 };

package/dist/index215.js

@@ -0,0 +1,17 @@
+import { defineComponent as a, getCurrentInstance as c, createBlock as l, openBlock as u, Teleport as f, unref as d, renderSlot as m } from "vue";
+const i = /* @__PURE__ */ a({
+  __name: "BbTeleport",
+  props: {
+    target: {}
+  },
+  setup(o) {
+    var t, e;
+    const r = o, n = !!((e = (t = c()) == null ? void 0 : t.proxy) != null && e.$nuxt), p = r.target || (n ? "#teleports" : "body");
+    return (s, _) => (u(), l(f, { to: d(p) }, [
+      m(s.$slots, "default")
+    ], 8, ["to"]));
+  }
+});
+export {
+  i as default
+};

package/dist/index216.js

@@ -1,68 +1,15 @@
-import { defineComponent as _, ref as $, createElementBlock as k, openBlock as r, normalizeClass as y, renderSlot as n, createBlock as c, createCommentVNode as s, createVNode as p, createElementVNode as l, unref as i } from "vue";
-/* empty css       */
-/* empty css       */
-import m from "./index85.js";
-/* empty css        */
-import C from "./index113.js";
-/* empty css         */
-import h from "./index339.js";
-import B from "./index340.js";
-/* empty css         */
-const v = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, A = /* @__PURE__ */ _({
-  __name: "CommonInputInnerContainer",
-  props: {
-    "append:icon": {},
-    clearable: { type: Boolean },
-    "prepend:icon": {},
-    preventFocus: { type: Boolean }
-  },
-  emits: ["click:clear"],
-  setup(u, { emit: d }) {
-    const t = u, f = d, o = $(), a = () => {
-      var e;
-      !o.value || t.preventFocus || (e = o.value.querySelector("input")) == null || e.focus();
-    }, b = () => {
-      f("click:clear"), a();
-    };
-    return (e, E) => (r(), k("span", {
-      ref_key: "container",
-      ref: o,
-      class: y(["bb-common-input-inner-container", {
-        "bb-common-input-inner-container--clearable": t.clearable
-      }]),
-      onClick: a
-    }, [
-      n(e.$slots, "prepend", {}, () => [
-        l("span", v, [
-          n(e.$slots, "prefix")
-        ])
-      ]),
-      e.$props["prepend:icon"] ? (r(), c(i(m), {
-        key: 0,
-        class: "bb-common-input-inner-container__prepend-icon",
-        type: e.$props["prepend:icon"]
-      }, null, 8, ["type"])) : s("", !0),
-      n(e.$slots, "default"),
-      p(B, {
-        "aria-hidden": !e.clearable,
-        tabindex: e.clearable ? 0 : -1,
-        onClick: b
-      }, null, 8, ["aria-hidden", "tabindex"]),
-      e.$props["append:icon"] ? (r(), c(i(m), {
-        key: 1,
-        class: "bb-common-input-inner-container__append-icon",
-        type: e.$props["append:icon"]
-      }, null, 8, ["type"])) : s("", !0),
-      p(h),
-      p(i(C)),
-      n(e.$slots, "append", {}, () => [
-        l("span", I, [
-          n(e.$slots, "suffix")
-        ])
-      ])
-    ], 2));
-  }
+import { locales as t } from "./index289.js";
+import { _config as m } from "./index4.js";
+import { get as c } from "./index290.js";
+import { readonly as l, computed as n } from "vue";
+const p = (o, ...r) => l(
+  n(() => c(t[m.locale], o).replace(
+    /\{(\d+)\}/g,
+    (a, e) => r[e]
+  ))
+), d = () => ({
+  t: p
 });
 export {
-  A as default
+  d as useLocale
 };

package/dist/index217.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./index310.js";
+import { __require as o } from "./index293.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
+export {
+  s as default
+};

package/dist/index218.js

@@ -1,15 +1,7 @@
-import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
-/* empty css         */
-import r from "./index289.js";
-const s = {}, c = { class: "bb-common-input-outer-container" };
-function p(o, a) {
-  return n(), t("span", c, [
-    e(o.$slots, "prepend-outer"),
-    e(o.$slots, "default"),
-    e(o.$slots, "append-outer")
-  ]);
-}
-const i = /* @__PURE__ */ r(s, [["render", p]]);
+import { getDefaultExportFromCjs as r } from "./index310.js";
+import { __require as o } from "./index295.js";
+var t = o();
+const m = /* @__PURE__ */ r(t);
 export {
-  i as default
+  m as default
 };

package/dist/index219.js

@@ -1,15 +1,7 @@
-import { locales as t } from "./index290.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index291.js";
-import { readonly as l, computed as n } from "vue";
-const p = (o, ...r) => l(
-  n(() => c(t[m.locale], o).replace(
-    /\{(\d+)\}/g,
-    (a, e) => r[e]
-  ))
-), d = () => ({
-  t: p
-});
+import { getDefaultExportFromCjs as r } from "./index310.js";
+import { __require as e } from "./index297.js";
+var t = e();
+const m = /* @__PURE__ */ r(t);
 export {
-  d as useLocale
+  m as default
 };

package/dist/index220.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./index316.js";
-import { __require as o } from "./index292.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as r } from "./index310.js";
+import { __require as e } from "./index299.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
 export {
-  s as default
+  m as default
 };

package/dist/index221.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./index316.js";
-import { __require as e } from "./index294.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as r } from "./index310.js";
+import { __require as t } from "./index301.js";
+var o = t();
+const a = /* @__PURE__ */ r(o);
 export {
-  m as default
+  a as default
 };

package/dist/index222.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index316.js";
-import { __require as e } from "./index296.js";
+import { getDefaultExportFromCjs as r } from "./index310.js";
+import { __require as e } from "./index303.js";
 var o = e();
 const m = /* @__PURE__ */ r(o);
 export {

package/dist/index223.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./index316.js";
-import { __require as t } from "./index298.js";
-var o = t();
-const a = /* @__PURE__ */ r(o);
+const e = (t) => t;
 export {
-  a as default
+  e as identity
 };

package/dist/index224.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./index316.js";
-import { __require as e } from "./index300.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+const e = (t) => t[t.length - 1];
 export {
-  m as default
+  e as last
 };

package/dist/index225.js

@@ -1,7 +1,22 @@
-import { getDefaultExportFromCjs as e } from "./index316.js";
-import { __require as r } from "./index302.js";
-var o = r();
-const p = /* @__PURE__ */ e(o);
+import { MaskInput as r } from "./index269.js";
+const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
+  if (a.arg == null || a.instance == null) return;
+  const s = "setup" in a.instance.$.type;
+  a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
+}, k = (a, n) => {
+  var s;
+  const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
+  if (t == null || (t == null ? void 0 : t.type) === "file") return;
+  let e = {};
+  if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
+    const l = (o) => {
+      const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
+      p(n, i);
+    };
+    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
+  }
+  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
+};
 export {
-  p as default
+  k as vMaska
 };

package/dist/index226.js

@@ -1,7 +1,96 @@
-import { getDefaultExportFromCjs as e } from "./index316.js";
-import { __require as r } from "./index304.js";
-var o = r();
-const f = /* @__PURE__ */ e(o);
+import { defineComponent as h, toRef as y, ref as o, computed as n, watch as x, createBlock as $, openBlock as b, withCtx as A, createElementBlock as k, mergeProps as l, createElementVNode as f, renderSlot as B } from "vue";
+import C from "./index215.js";
+import c from "./index338.js";
+import { useFloating as D, arrow as E } from "./index262.js";
+import { flip as P, offset as F, shift as M, autoUpdate as S } from "./index265.js";
+const W = /* @__PURE__ */ h({
+  __name: "CommonFloating",
+  props: {
+    arrowPadding: {},
+    eager: { type: Boolean },
+    offset: {},
+    padding: {},
+    placement: {},
+    theme: { default: "default" },
+    transitionDuration: {},
+    containerAttributes: { default: () => ({}) },
+    bubbleAttributes: {},
+    wrapper: {},
+    baseClass: {},
+    open: { type: Boolean },
+    teleportTarget: {}
+  },
+  setup(d) {
+    const e = d, m = y(e, "wrapper"), i = o(), s = o(), p = o(), { floatingStyles: g, placement: w, middlewareData: a } = D(
+      i,
+      s,
+      {
+        placement: e.placement,
+        whileElementsMounted: S,
+        middleware: [
+          P(),
+          F(e.offset),
+          M({ padding: e.padding }),
+          E({
+            element: p,
+            padding: e.arrowPadding
+          })
+        ]
+      }
+    ), _ = n(() => {
+      if (a.value.arrow) {
+        const { x: t, y: r } = a.value.arrow;
+        return {
+          style: {
+            left: `${t}px`,
+            top: `${r}px`
+          }
+        };
+      }
+    }), u = n(() => {
+      var t, r;
+      return c({}, e.containerAttributes, {
+        class: {
+          "bb-floating": !0,
+          [`bb-floating--${w.value}`]: !0,
+          [`${e.baseClass}__bubble-container--${e.theme}`]: e.theme,
+          "bb-floating--hidden": !e.open,
+          "bb-floating--open": e.open
+        },
+        style: {
+          ...g.value,
+          "--transition-duration": `${e.transitionDuration}ms`,
+          "--arrow-offset-x": Math.round(((r = (t = a.value) == null ? void 0 : t.arrow) == null ? void 0 : r.x) ?? 0) + "px"
+        },
+        tabindex: e.open ? void 0 : -1
+      });
+    }), v = n(() => c({}, e.bubbleAttributes, {}));
+    return x(
+      () => e.open,
+      (t) => {
+        t && (i.value = m.value);
+      }
+    ), (t, r) => (b(), $(C, { target: t.teleportTarget }, {
+      default: A(() => [
+        (b(), k("span", l(u.value, {
+          key: u.value.id,
+          ref_key: "content",
+          ref: s
+        }), [
+          f("span", l({
+            ref_key: "bubblearrow",
+            ref: p,
+            class: "bb-floating__arrow"
+          }, _.value), null, 16),
+          f("span", l({ class: "bb-floating__bubble" }, v.value), [
+            B(t.$slots, "default")
+          ], 16)
+        ], 16))
+      ]),
+      _: 3
+    }, 8, ["target"]));
+  }
+});
 export {
-  f as default
+  W as default
 };

package/dist/index228.js

@@ -1,4 +1,4 @@
-const e = (t) => t[t.length - 1];
+const n = (t) => t == null || Number.isNaN(t) || typeof t == "object" && Object.keys(t).length === 0 || typeof t == "string" && t.trim().length === 0 || t instanceof Map && [...t.keys()].length === 0 || t instanceof Set && [...t.keys()].length === 0;
 export {
-  e as last
+  n as isEmpty
 };

package/dist/index229.js

@@ -1,10 +1,11 @@
-const o = "bitboss-ui | ", e = () => ({
-  warn: (r) => console.warn(`${o}${r}`),
-  error: (r) => console.error(`${o}${r}`),
-  throw: (r) => {
-    throw new Error(`${o}${r}`);
-  }
-});
+function u(e, i) {
+  let t;
+  return function(...o) {
+    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
+      e.apply(this, o);
+    }, i);
+  };
+}
 export {
-  e as useLogger
+  u as debounce
 };

package/dist/index23.js

@@ -1,30 +1,30 @@
 import { defineComponent as ee, watchEffect as te, ref as r, computed as D, watch as ae, createBlock as B, openBlock as O, normalizeClass as $, withCtx as n, createVNode as _, createCommentVNode as re, unref as l, withDirectives as oe, createElementVNode as i, mergeProps as P, withModifiers as ne, toDisplayString as E, renderSlot as p } from "vue";
-import o from "./index220.js";
-import le from "./index247.js";
-import ie from "./index221.js";
-import se from "./index222.js";
-import ue from "./index223.js";
-import de from "./index224.js";
-import { identity as ce } from "./index248.js";
-import { last as pe } from "./index228.js";
-import { useFocusTrap as me } from "./index210.js";
+import o from "./index217.js";
+import le from "./index218.js";
+import ie from "./index219.js";
+import se from "./index220.js";
+import ue from "./index221.js";
+import de from "./index222.js";
+import { identity as ce } from "./index223.js";
+import { last as pe } from "./index224.js";
+import { useFocusTrap as me } from "./index212.js";
 import { useId as fe } from "./index8.js";
 import { useIntersectionObserver as be } from "./index137.js";
-import { useLocale as ve } from "./index219.js";
+import { useLocale as ve } from "./index216.js";
 import { useMobile as ke } from "./index9.js";
-import { vMaska as ge } from "./index211.js";
+import { vMaska as ge } from "./index225.js";
 import { wait as ye } from "./index135.js";
-import { waitFor as he } from "./index235.js";
+import { waitFor as he } from "./index213.js";
 import De from "./index21.js";
 /* empty css        */
-import Me from "./index212.js";
+import Me from "./index226.js";
 /* empty css         */
-import Ve from "./index216.js";
+import Ve from "./index209.js";
 /* empty css         */
-import we from "./index218.js";
+import we from "./index211.js";
 import { _config as Ce } from "./index4.js";
-import { isEmpty as Ye } from "./index249.js";
-import { debounce as Se } from "./index250.js";
+import { isEmpty as Ye } from "./index228.js";
+import { debounce as Se } from "./index229.js";
 const Ie = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Be = ["aria-label", "disabled"], Oe = ["id"], $e = ["inert"], nt = /* @__PURE__ */ ee({
   __name: "BaseDatePickerInput",
   props: {