@adyen/bento-vue3 1.4.1 → 1.5.0

package/dist/chunks/{index.fd1cd23a.js → index.a57930ba.js}

@@ -1,51 +1,56 @@
-import { defineComponent as ye, reactive as ee, ref as h, computed as K, onMounted as Fe, resolveComponent as w, openBlock as f, createElementBlock as J, createElementVNode as F, createBlock as O, createCommentVNode as b, renderSlot as fe, createVNode as P, withCtx as k, createTextVNode as E, normalizeClass as ae, toRef as ge, watch as he, resolveDirective as Pe, withDirectives as Ue, toDisplayString as j, withKeys as $e } from "vue";
-import { B as Ne } from "./directive.0408e565.js";
-import { c as Ae } from "./dropdown-default-textbox.cd789a95.js";
-import { BentoPopover as Be } from "../popover.js";
+import { defineComponent as Ee, reactive as te, ref as F, computed as q, onMounted as Ue, resolveComponent as w, openBlock as f, createElementBlock as Q, createElementVNode as h, createBlock as O, createCommentVNode as R, renderSlot as ve, createVNode as P, withCtx as k, createTextVNode as E, normalizeClass as ne, toRef as Ie, watch as $e, resolveDirective as Ne, withDirectives as Ae, toDisplayString as z, withKeys as Be } from "vue";
+import { B as qe } from "./directive.0408e565.js";
+import { c as Ke } from "./dropdown-default-textbox.a1789dc7.js";
+import { BentoPopover as Ye } from "../popover.js";
 import { g as W } from "./unique-id.a2a2b458.js";
-import { u as te } from "./i18n.6c402773.js";
-import { B as ke } from "./index.77c651df.js";
-import { f as ve, v as Ke, D as M } from "./date-input.9186a0bf.js";
-import { t as ne, f as Y } from "./index.140bf28f.js";
-import { r as re, t as oe, e as C, d as se, f as ie } from "./index.f55fdc32.js";
-import { u as Ye } from "./use-form-layout-loading.d03e5d48.js";
-import { BentoInputField as qe } from "../input-field.js";
-import { B as Ve } from "./dropdown.ff4f94a8.js";
-import { d as z } from "./debounce.f8d92e44.js";
-import { u as Le } from "./use-has-slot.9fac7123.js";
-import { e as Z } from "./index.fdf12170.js";
-import { C as G } from "./calendar.0e42130b.js";
-import { _ as _e } from "./_plugin-vue_export-helper.dad06003.js";
-import { E as He } from "./error-message.8c67a507.js";
-import "../assets/index5.css";
-function We(e, t) {
-  re(2, arguments);
-  var s = oe(e), d = ne(t);
-  return s.setHours(d), s;
+import { u as re } from "./i18n.6c402773.js";
+import { B as Se } from "./index.32ed68b7.js";
+import { f as Re, v as Ve, D as M } from "./date-input.9186a0bf.js";
+import { t as oe, f as K } from "./index.c62ea69f.js";
+import { r as X, t as j, e as C, d as se, f as ie } from "./index.f55fdc32.js";
+import { u as Le } from "./use-form-layout-loading.d03e5d48.js";
+import { BentoInputField as He } from "../input-field.js";
+import { B as We } from "./dropdown.22e51667.js";
+import { d as J } from "./debounce.b5ef6acf.js";
+import { u as Ge } from "./use-has-slot.3daaffc6.js";
+import { e as ee } from "./index.fdf12170.js";
+import { C as G } from "./calendar.1e50c7d1.js";
+import { _ as Oe } from "./_plugin-vue_export-helper.dad06003.js";
+import { E as je } from "./error-message.37b6c7aa.js";
+import "../assets/index12.css";
+function be(e, t) {
+  X(2, arguments);
+  var s = j(e), i = j(t);
+  return s.getTime() === i.getTime();
 }
-function Ge(e, t) {
-  re(2, arguments);
-  var s = oe(e), d = ne(t);
-  return s.setMinutes(d), s;
+function ze(e, t) {
+  X(2, arguments);
+  var s = j(e), i = oe(t);
+  return s.setHours(i), s;
 }
-function je(e, t) {
-  re(2, arguments);
-  var s = oe(e), d = ne(t);
-  return s.setSeconds(d), s;
+function Je(e, t) {
+  X(2, arguments);
+  var s = j(e), i = oe(t);
+  return s.setMinutes(i), s;
 }
-var l = /* @__PURE__ */ ((e) => (e.CUSTOM_RANGE = "custom-range", e.INPUT = "input", e.ERROR = "error", e.FORM_DATE = "form-date", e))(l || {});
-const ze = /[\d]/, Je = /^\d{2}$/, Qe = /^\d{2}:\d{2}$/, Xe = (e) => {
-  const { selectionStart: t } = e.target, s = ze.test(e.key) || e.key === "Backspace", d = [1, 2, 4, 5].includes(t) && e.key === ":";
-  !s && !d && e.preventDefault();
-}, Ie = (e) => {
+function Qe(e, t) {
+  X(2, arguments);
+  var s = j(e), i = oe(t);
+  return s.setSeconds(i), s;
+}
+var d = /* @__PURE__ */ ((e) => (e.CUSTOM_RANGE = "custom-range", e.INPUT = "input", e.ERROR = "error", e.FORM_DATE = "form-date", e))(d || {});
+const Xe = /[\d]/, Ze = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, ea = (e) => {
+  const { selectionStart: t } = e.target, s = Xe.test(e.key) || e.key === "Backspace", i = [1, 2, 4, 5].includes(t) && e.key === ":";
+  !s && !i && e.preventDefault();
+}, Te = (e) => {
   if (!e)
     return e;
   let t = e;
   if (t.length === 1 && parseInt(e, 10) > 2)
     return `0${t}:`;
-  const [s, d] = t.slice(-2);
-  return [2, 5].includes(t.length) && d === ":" && (t = `${t.slice(0, t.length - 2)}0${s}`), (Je.test(t) || Qe.test(t)) && (t += ":"), t;
-}, be = {
+  const [s, i] = t.slice(-2);
+  return [2, 5].includes(t.length) && i === ":" && (t = `${t.slice(0, t.length - 2)}0${s}`), (Ze.test(t) || xe.test(t)) && (t += ":"), t;
+}, ye = {
   "en-US": {
     customRange: "Custom range",
     dateFrom: "Date from",
@@ -56,13 +61,13 @@ const ze = /[\d]/, Je = /^\d{2}$/, Qe = /^\d{2}:\d{2}$/, Xe = (e) => {
     timeFrom: "Time from",
     timeTo: "Time to"
   }
-}, Re = 300, x = "customRange", Ze = ye({
-  i18n: { messages: be },
+}, ke = 300, ae = "customRange", aa = Ee({
+  i18n: { messages: ye },
   name: "date-range-picker-calendar",
   components: {
-    BentoDropdown: Ve,
-    BentoInputField: qe,
-    BentoTypography: ke,
+    BentoDropdown: We,
+    BentoInputField: He,
+    BentoTypography: Se,
     Calendar: G
   },
   props: {
@@ -110,134 +115,138 @@ const ze = /[\d]/, Je = /^\d{2}$/, Qe = /^\d{2}:\d{2}$/, Xe = (e) => {
     value: { type: Object, default: void 0 }
   },
   emits: [
-    l.CUSTOM_RANGE,
-    l.INPUT,
-    l.ERROR,
-    l.FORM_DATE
+    d.CUSTOM_RANGE,
+    d.INPUT,
+    d.ERROR,
+    d.FORM_DATE
   ],
   setup(e, { emit: t, slots: s }) {
-    var me, pe;
-    const { locale: d, t: _ } = te({ messages: be }), g = { de: se, enUS: C, fr: ie }, o = ee({
+    var me, pe, fe, ge;
+    const { locale: i, t: _ } = re({ messages: ye }), g = { de: se, enUS: C, fr: ie }, o = te({
       startDate: (me = e.value) == null ? void 0 : me.startDate,
       endDate: (pe = e.value) == null ? void 0 : pe.endDate
-    }), c = h(x), p = K(() => ({
+    }), c = F(
+      ((ge = (fe = e == null ? void 0 : e.quickSelectRanges) == null ? void 0 : fe.find(
+        ({ data: a }) => be(a.startDate, o.startDate) && be(a.endDate, o.endDate)
+      )) == null ? void 0 : ge.value) ?? ae
+    ), p = q(() => ({
       "b-date-range-picker-calendar__form-input-wrapper": e.allowTimeInput
-    })), S = K(() => e.quickSelectRanges ? [
-      { label: _("customRange"), value: x },
+    })), S = q(() => e.quickSelectRanges ? [
+      { label: _("customRange"), value: ae },
       ...e.quickSelectRanges
     ] : []), v = () => {
-      e != null && e.quickSelectRanges && (c.value = x);
-    }, i = (a) => a ? Y(a, M.NUMERIC_DATE_YEAR_FIRST, {
-      locale: g[d.value.substring(0, 2)] || C
-    }) : "", R = (a) => a ? Y(a, M.HOUR_MINUTE_SECONDS, {
-      locale: g[d.value.substring(0, 2)] || C
-    }) : "", D = h(!1), T = h(!1), m = h(!1), I = h(!1), n = ee({
+      e != null && e.quickSelectRanges && (c.value = ae);
+    }, l = (a) => a ? K(a, M.NUMERIC_DATE_YEAR_FIRST, {
+      locale: g[i.value.substring(0, 2)] || C
+    }) : "", b = (a) => a ? K(a, M.HOUR_MINUTE_SECONDS, {
+      locale: g[i.value.substring(0, 2)] || C
+    }) : "", D = F(!1), T = F(!1), m = F(!1), I = F(!1), n = te({
       startDate: e.dateFormData.startDate,
       endDate: e.dateFormData.endDate,
       startTime: e.dateFormData.startTime,
       endTime: e.dateFormData.endTime
-    }), Q = (a) => {
-      t(l.INPUT, a);
-    }, q = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), V = (a, r) => {
-      if (!r || !q(r))
+    }), Z = (a) => {
+      t(d.INPUT, a);
+    }, Y = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), V = (a, r) => {
+      if (!r || !Y(r))
         return a;
       let y = new Date(a);
-      const [N, X, Ce] = r.split(":");
-      return y = We(y, parseInt(N, 10)), y = Ge(y, parseInt(X, 10)), y = je(y, parseInt(Ce, 10)), y;
+      const [N, x, Pe] = r.split(":");
+      return y = ze(y, parseInt(N, 10)), y = Je(y, parseInt(x, 10)), y = Qe(y, parseInt(Pe, 10)), y;
     }, $ = (a) => {
       const r = (N) => e.isDateDisabled ? !e.isDateDisabled(N) : !0;
       return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(a) && r(new Date(a));
     };
-    Fe(() => {
+    Ue(() => {
       e.dateFormData.startDate && !$(e.dateFormData.startDate) ? D.value = !0 : (D.value = !1, m.value = !1), e.dateFormData.endDate && !$(e.dateFormData.endDate) ? T.value = !0 : (T.value = !1, I.value = !1);
     });
     const le = (a) => {
       var r;
-      v(), n.startDate = i(a), n.startTime ? m.value && (n.startTime = (r = e.dateFormData) == null ? void 0 : r.startTime) : n.startTime = R(a), D.value = !1, m.value = !1;
+      v(), n.startDate = l(a), n.startTime ? m.value && (n.startTime = (r = e.dateFormData) == null ? void 0 : r.startTime) : n.startTime = b(a), D.value = !1, m.value = !1;
     }, de = (a) => {
       var r;
-      n.endDate = i(a), n.endTime ? I.value && (n.endTime = (r = e.dateFormData) == null ? void 0 : r.endTime) : n.endTime = R(Z(a)), T.value = !1, I.value = !1;
+      n.endDate = l(a), n.endTime ? I.value && (n.endTime = (r = e.dateFormData) == null ? void 0 : r.endTime) : n.endTime = b(ee(a)), T.value = !1, I.value = !1;
     }, L = (a) => {
       const r = e.value[a];
       if (r)
         return r;
       if (e.dateFormData[a] && $(e.dateFormData[a]))
         return new Date(e.dateFormData[a]);
-    }, ue = z((a) => {
+    }, ue = J((a) => {
       if ($(a)) {
         D.value = !1, o.startDate = V(new Date(a), n.startTime);
         const r = L("endDate");
-        t(l.FORM_DATE, {
+        t(d.FORM_DATE, {
           startDate: new Date(a),
           endDate: r
-        }), t(l.INPUT, {
+        }), t(d.INPUT, {
           startDate: new Date(a),
           endDate: r
         });
       } else
-        D.value = !0, t(l.ERROR, { ...n });
-    }, Re), ce = (a) => {
-      v(), n.startDate = ve(a), ue(n.startDate);
-    }, De = z((a) => {
+        D.value = !0, t(d.ERROR, { ...n });
+    }, ke), ce = (a) => {
+      v(), n.startDate = Re(a), ue(n.startDate);
+    }, De = J((a) => {
       if ($(a)) {
         T.value = !1, o.endDate = V(new Date(a), n.endTime);
         const r = L("startDate");
-        t(l.FORM_DATE, {
+        t(d.FORM_DATE, {
           startDate: r,
           endDate: new Date(o.endDate),
           startTime: e.dateFormData.endTime,
           endTime: a
-        }), t(l.INPUT, {
+        }), t(d.INPUT, {
           startDate: r,
           endDate: new Date(o.endDate)
         });
       } else
-        T.value = !0, t(l.ERROR, { ...n });
-    }, Re), u = (a) => {
-      v(), n.endDate = ve(a), De(n.endDate);
+        T.value = !0, t(d.ERROR, { ...n });
+    }, ke), u = (a) => {
+      v(), n.endDate = Re(a), De(n.endDate);
     }, U = (a) => {
-      Ke(a);
-    }, H = z((a) => {
-      if (q(a)) {
+      Ve(a);
+    }, H = J((a) => {
+      if (Y(a)) {
         m.value = !1, o.startDate = V(o.startDate, a);
         const r = L("endDate");
-        t(l.FORM_DATE, {
+        t(d.FORM_DATE, {
           startDate: new Date(o.startDate),
           endDate: r,
           startTime: a,
           endTime: e.dateFormData.endTime
-        }), t(l.INPUT, {
+        }), t(d.INPUT, {
           startDate: new Date(o.startDate),
           endDate: r
         });
       } else
-        m.value = !0, t(l.ERROR, { ...n });
-    }), Ee = z((a) => {
-      if (q(a)) {
+        m.value = !0, t(d.ERROR, { ...n });
+    }), we = J((a) => {
+      if (Y(a)) {
         I.value = !1, o.endDate = V(o.endDate, a);
         const r = L("startDate");
-        t(l.FORM_DATE, {
+        t(d.FORM_DATE, {
           startDate: r,
           endDate: new Date(o.endDate),
           startTime: e.dateFormData.startTime,
           endTime: a
-        }), t(l.INPUT, {
+        }), t(d.INPUT, {
           startDate: r,
           endDate: new Date(o.endDate)
         });
       } else
-        I.value = !0, t(l.ERROR, { ...n });
-    }), Se = (a) => {
-      v(), n.startTime = Ie(a), H(n.startTime);
-    }, Oe = (a) => {
-      v(), n.endTime = Ie(a), Ee(n.endTime);
-    }, we = (a) => {
-      Xe(a);
-    }, Me = (a) => {
+        I.value = !0, t(d.ERROR, { ...n });
+    }), Me = (a) => {
+      v(), n.startTime = Te(a), H(n.startTime);
+    }, Ce = (a) => {
+      v(), n.endTime = Te(a), we(n.endTime);
+    }, he = (a) => {
+      ea(a);
+    }, Fe = (a) => {
       var y, N;
       c.value = a;
-      const r = (N = (y = e.quickSelectRanges) == null ? void 0 : y.find(({ value: X }) => X === a)) == null ? void 0 : N.data;
-      r && (n.startDate = i(r.startDate), n.endDate = i(r.endDate), n.startTime || (n.startTime = R(Z(r.startDate))), n.endTime || (n.endTime = R(Z(r.endDate))), t(l.CUSTOM_RANGE, r));
+      const r = (N = (y = e.quickSelectRanges) == null ? void 0 : y.find(({ value: x }) => x === a)) == null ? void 0 : N.data;
+      r && (n.startDate = l(r.startDate), n.endDate = l(r.endDate), n.startTime || (n.startTime = b(ee(r.startDate))), n.endTime || (n.endTime = b(ee(r.endDate))), t(d.CUSTOM_RANGE, r));
     };
     return {
       // Values
@@ -250,37 +259,37 @@ const ze = /[\d]/, Je = /^\d{2}$/, Qe = /^\d{2}:\d{2}$/, Xe = (e) => {
       quickSelectRangeDefaultItems: S,
       formInputWrapperConditionalClasses: p,
       // Methods
-      hasSlot: Le(s),
+      hasSlot: Ge(s),
       t: _,
       // Events
-      onRangeSelectorInput: Me,
-      onDateInput: Q,
+      onRangeSelectorInput: Fe,
+      onDateInput: Z,
       onDateInputKeyDown: U,
       onEndDateInput: u,
       onEndDateSelected: de,
-      onEndTimeInput: Oe,
+      onEndTimeInput: Ce,
       onStartDateSelected: le,
       onStartDateInput: ce,
-      onStartTimeInput: Se,
-      onTimeInputKeyDown: we
+      onStartTimeInput: Me,
+      onTimeInputKeyDown: he
     };
   }
 });
-const xe = { class: "b-date-range-picker-calendar" }, ea = { class: "b-date-range-picker-calendar__form-container" }, aa = { class: "b-date-range-picker-calendar__form" }, ta = { key: 0 }, na = { class: "b-date-range-picker-calendar__calendars-container" };
-function ra(e, t, s, d, _, g) {
+const ta = { class: "b-date-range-picker-calendar" }, na = { class: "b-date-range-picker-calendar__form-container" }, ra = { class: "b-date-range-picker-calendar__form" }, oa = { key: 0 }, sa = { class: "b-date-range-picker-calendar__calendars-container" };
+function ia(e, t, s, i, _, g) {
   const o = w("bento-dropdown"), c = w("bento-typography"), p = w("bento-input-field"), S = w("calendar");
-  return f(), J("div", xe, [
-    F("div", ea, [
-      F("div", aa, [
+  return f(), Q("div", ta, [
+    h("div", na, [
+      h("div", ra, [
         e.quickSelectRanges ? (f(), O(o, {
           key: 0,
           "aria-label": e.t("customRange"),
           items: e.quickSelectRangeDefaultItems,
           value: e.selectedRangeSelectorValue,
           onInput: e.onRangeSelectorInput
-        }, null, 8, ["aria-label", "items", "value", "onInput"])) : b("", !0),
-        e.hasSlot("title") ? fe(e.$slots, "title", { key: 1 }, void 0, !0) : b("", !0),
-        F("div", null, [
+        }, null, 8, ["aria-label", "items", "value", "onInput"])) : R("", !0),
+        e.hasSlot("title") ? ve(e.$slots, "title", { key: 1 }, void 0, !0) : R("", !0),
+        h("div", null, [
           P(c, {
             stronger: "",
             el: "span",
@@ -291,8 +300,8 @@ function ra(e, t, s, d, _, g) {
             ]),
             _: 1
           }),
-          F("div", {
-            class: ae(e.formInputWrapperConditionalClasses)
+          h("div", {
+            class: ne(e.formInputWrapperConditionalClasses)
           }, [
             P(p, {
               "aria-label": e.$t("dateFrom"),
@@ -320,10 +329,10 @@ function ra(e, t, s, d, _, g) {
                 E("HH:MM:SS")
               ]),
               _: 1
-            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : b("", !0)
+            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : R("", !0)
           ], 2)
         ]),
-        F("div", null, [
+        h("div", null, [
           P(c, {
             stronger: "",
             el: "span",
@@ -334,8 +343,8 @@ function ra(e, t, s, d, _, g) {
             ]),
             _: 1
           }),
-          F("div", {
-            class: ae(e.formInputWrapperConditionalClasses)
+          h("div", {
+            class: ne(e.formInputWrapperConditionalClasses)
           }, [
             P(p, {
               class: "b-date-range-picker-calendar__form-input",
@@ -363,15 +372,15 @@ function ra(e, t, s, d, _, g) {
                 E("HH:MM:SS")
               ]),
               _: 1
-            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : b("", !0)
+            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : R("", !0)
           ], 2)
         ])
       ]),
-      e.hasSlot("actions") ? (f(), J("div", ta, [
-        fe(e.$slots, "actions", {}, void 0, !0)
-      ])) : b("", !0)
+      e.hasSlot("actions") ? (f(), Q("div", oa, [
+        ve(e.$slots, "actions", {}, void 0, !0)
+      ])) : R("", !0)
     ]),
-    F("div", na, [
+    h("div", sa, [
       P(S, {
         value: e.value,
         "first-day-of-week": e.firstDayOfWeek,
@@ -386,31 +395,31 @@ function ra(e, t, s, d, _, g) {
     ])
   ]);
 }
-const A = /* @__PURE__ */ _e(Ze, [["render", ra], ["__scopeId", "data-v-7316452c"]]);
+const A = /* @__PURE__ */ Oe(aa, [["render", ia], ["__scopeId", "data-v-d38a4818"]]);
 var B = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(B || {});
-const oa = ({
+const la = ({
   datePickerValue: e,
   isDateIncorrect: t
 }) => {
-  var v, i, R, D, T;
-  const { locale: s, t: d } = te(), _ = { de: se, enUS: C, fr: ie }, g = (m, I) => Y(m, I, {
+  var v, l, b, D, T;
+  const { locale: s, t: i } = re(), _ = { de: se, enUS: C, fr: ie }, g = (m, I) => K(m, I, {
     locale: _[s.value.substring(0, 2)] || C
-  }), o = (m) => Y(m, M.HOUR_MINUTE_SECONDS, {
+  }), o = (m) => K(m, M.HOUR_MINUTE_SECONDS, {
     locale: _[s.value.substring(0, 2)] || C
-  }), c = ee({
+  }), c = te({
     startDate: (v = e.value) != null && v.startDate ? g(e.value.startDate, M.NUMERIC_DATE_YEAR_FIRST) : void 0,
-    endDate: (i = e.value) != null && i.endDate ? g(e.value.endDate, M.NUMERIC_DATE_YEAR_FIRST) : void 0,
+    endDate: (l = e.value) != null && l.endDate ? g(e.value.endDate, M.NUMERIC_DATE_YEAR_FIRST) : void 0,
     // Set time if the startDate/endDate are set
-    startTime: (R = e.value) != null && R.startDate ? o((D = e.value) == null ? void 0 : D.startDate) : void 0,
+    startTime: (b = e.value) != null && b.startDate ? o((D = e.value) == null ? void 0 : D.startDate) : void 0,
     endTime: (T = e.value) != null && T.endDate ? o(e.value.endDate) : void 0
   });
   return {
     // Values
-    dateDisplayValue: K(() => {
+    dateDisplayValue: q(() => {
       if (t.value)
         return `${c.startDate || ""} - ${c.endDate || ""}`;
       if (!e.value || !e.value.startDate && !e.value.endDate)
-        return d("selectDateRange");
+        return i("selectDateRange");
       const { startDate: m, endDate: I } = c;
       return `${g(new Date(m), M.FULL_DATE_MONTH_FIRST)} - ${g(
         new Date(I),
@@ -421,7 +430,7 @@ const oa = ({
     // Methods
     formatTextInputDisplayValue: () => ""
   };
-}, Te = {
+}, _e = {
   "en-US": {
     dateRangePicker: "Date range picker {name}",
     optional: "optional",
@@ -431,17 +440,17 @@ const oa = ({
     selectDateRange: "Select a date range",
     selectedDateIsNotAvailable: "Selected date is not available"
   }
-}, sa = ye({
-  i18n: { messages: Te },
+}, da = Ee({
+  i18n: { messages: _e },
   name: "bento-date-range-picker",
   components: {
-    BentoTypography: ke,
-    BentoPopover: Be,
+    BentoTypography: Se,
+    BentoPopover: Ye,
     DateRangePickerCalendar: A,
-    DropdownInputDefault: Ae,
-    ErrorMessage: He
+    DropdownInputDefault: Ke,
+    ErrorMessage: je
   },
-  directives: { BentoClickOutsideDirective: Ne },
+  directives: { BentoClickOutsideDirective: qe },
   props: {
     /**
      * Allows user to enter time values in the form
@@ -509,31 +518,31 @@ const oa = ({
   },
   emits: [B.INPUT],
   setup(e, { emit: t }) {
-    const { locale: s, t: d } = te({ messages: Te }), _ = { de: se, enUS: C, fr: ie }, g = W("bento-date-range-picker-container"), o = W("bento-date-range-picker-label"), c = W("bento-date-range-picker-description"), p = W("bento-date-range-picker-error"), S = W("bento-date-range-picker-date-error"), v = K(
-      () => e.label || d("dateRangePicker", { name: g })
-    ), i = h(!1), R = h(null), D = h(!1), { isReadOnly: T } = Ye(ge(e, "readonly"));
-    he(
+    const { locale: s, t: i } = re({ messages: _e }), _ = { de: se, enUS: C, fr: ie }, g = W("bento-date-range-picker-container"), o = W("bento-date-range-picker-label"), c = W("bento-date-range-picker-description"), p = W("bento-date-range-picker-error"), S = W("bento-date-range-picker-date-error"), v = q(
+      () => e.label || i("dateRangePicker", { name: g })
+    ), l = F(!1), b = F(null), D = F(!1), { isReadOnly: T } = Le(Ie(e, "readonly"));
+    $e(
       () => e.disabled,
       () => {
         e.disabled && D.value && (D.value = !1);
       }
     );
-    const m = K(() => ({
-      "b-date-range-picker__description--error": !!e.errorMessage || i.value
-    })), { dateDisplayValue: I, textInputDisplayValue: n, formatTextInputDisplayValue: Q } = oa({
-      datePickerValue: ge(e, "value"),
-      isDateIncorrect: i
-    }), q = K(
-      () => `${e.description ? c : ""} ${e.errorMessage ? p : ""} ${i.value ? S : ""}`.trim() || null
+    const m = q(() => ({
+      "b-date-range-picker__description--error": !!e.errorMessage || l.value
+    })), { dateDisplayValue: I, textInputDisplayValue: n, formatTextInputDisplayValue: Z } = la({
+      datePickerValue: Ie(e, "value"),
+      isDateIncorrect: l
+    }), Y = q(
+      () => `${e.description ? c : ""} ${e.errorMessage ? p : ""} ${l.value ? S : ""}`.trim() || null
     );
     return {
       // Refs
-      inputContainerRef: R,
+      inputContainerRef: b,
       // Values,
       dateDisplayValue: I,
       datePickerContainerId: g,
       descriptionConditionalClasses: m,
-      isDateIncorrect: i,
+      isDateIncorrect: l,
       isDateRangePickerOpen: D,
       isReadOnly: T,
       labelId: o,
@@ -541,50 +550,50 @@ const oa = ({
       dateErrorId: S,
       errorId: p,
       popoverAriaLabel: v,
-      ariaDescribedBy: q,
+      ariaDescribedBy: Y,
       textInputDisplayValue: n,
       // Events
       closeDateRangePicker: () => {
         D.value = !1;
       },
       clearDateRangePickerValue: async () => {
-        i.value && (i.value = !1), t(B.INPUT, null);
+        l.value && (l.value = !1), t(B.INPUT, null);
       },
       openDateRangePicker: () => {
-        D.value = !0, Q();
+        D.value = !0, Z();
       },
       onRangeSelectorInput: (u) => {
         if (u) {
-          const U = (H) => Y(H, M.NUMERIC_DATE_YEAR_FIRST, {
+          const U = (H) => K(H, M.NUMERIC_DATE_YEAR_FIRST, {
             locale: _[s.value.substring(0, 2)] || C
           });
           n.startDate = U(u.startDate), n.endDate = U(u.endDate), t(B.INPUT, u);
         }
       },
       onEnterPressedOverInput: () => {
-        i.value || (D.value = !1);
+        l.value || (D.value = !1);
       },
       onDateRangePickerInput: (u) => {
-        i.value = !1;
-        const U = (H) => Y(H, M.NUMERIC_DATE_YEAR_FIRST, {
+        l.value = !1;
+        const U = (H) => K(H, M.NUMERIC_DATE_YEAR_FIRST, {
           locale: _[s.value.substring(0, 2)] || C
         });
         n.startDate = U(u.startDate), n.endDate = U(u.endDate), t(B.INPUT, u);
       },
       onDateRangePickerError: (u) => {
-        i.value = !0, n.startDate = u.startDate, n.endDate = u.endDate, t(B.INPUT, { startDate: null, endDate: null });
+        l.value = !0, n.startDate = u.startDate, n.endDate = u.endDate, t(B.INPUT, { startDate: null, endDate: null });
       },
       onDateRangePickerFormDateInputUpdate: (u) => {
-        i.value = !1, u.startTime && (n.startTime = u.startTime), u.endTime && (n.endTime = u.endTime);
+        l.value = !1, u.startTime && (n.startTime = u.startTime), u.endTime && (n.endTime = u.endTime);
       }
     };
   }
 });
-const ia = { class: "b-date-range-picker" }, la = ["id"];
-function da(e, t, s, d, _, g) {
-  const o = w("bento-typography"), c = w("dropdown-input-default"), p = w("error-message"), S = w("date-range-picker-calendar"), v = w("bento-popover"), i = Pe("bento-click-outside-directive");
-  return Ue((f(), J("div", ia, [
-    e.label ? (f(), J("div", {
+const ua = { class: "b-date-range-picker" }, ca = ["id"];
+function Da(e, t, s, i, _, g) {
+  const o = w("bento-typography"), c = w("dropdown-input-default"), p = w("error-message"), S = w("date-range-picker-calendar"), v = w("bento-popover"), l = Ne("bento-click-outside-directive");
+  return Ae((f(), Q("div", ua, [
+    e.label ? (f(), Q("div", {
       key: 0,
       id: e.labelId,
       class: "b-date-range-picker__label"
@@ -594,7 +603,7 @@ function da(e, t, s, d, _, g) {
         stronger: ""
       }, {
         default: k(() => [
-          E(j(e.label), 1)
+          E(z(e.label), 1)
         ]),
         _: 1
       }),
@@ -604,23 +613,23 @@ function da(e, t, s, d, _, g) {
         el: "span"
       }, {
         default: k(() => [
-          E(" (" + j(e.$t("optional")) + ") ", 1)
+          E(" (" + z(e.$t("optional")) + ") ", 1)
         ]),
         _: 1
-      })) : b("", !0),
+      })) : R("", !0),
       e.required ? (f(), O(o, {
         key: 1,
         class: "b-date-range-picker__label-requirement",
         el: "span"
       }, {
         default: k(() => [
-          E(" (" + j(e.$t("required")) + ") ", 1)
+          E(" (" + z(e.$t("required")) + ") ", 1)
         ]),
         _: 1
-      })) : b("", !0)
-    ], 8, la)) : b("", !0),
-    F("div", {
-      onKeydown: t[0] || (t[0] = $e((...R) => e.onEnterPressedOverInput && e.onEnterPressedOverInput(...R), ["enter"]))
+      })) : R("", !0)
+    ], 8, ca)) : R("", !0),
+    h("div", {
+      onKeydown: t[0] || (t[0] = Be((...b) => e.onEnterPressedOverInput && e.onEnterPressedOverInput(...b), ["enter"]))
     }, [
       P(c, {
         ref: "inputContainerRef",
@@ -643,24 +652,24 @@ function da(e, t, s, d, _, g) {
       id: e.dateErrorId,
       "error-message": e.$t("provideDateInAFormat").toString(),
       class: "b-date-range-picker__error-message"
-    }, null, 8, ["id", "error-message"])) : b("", !0),
+    }, null, 8, ["id", "error-message"])) : R("", !0),
     e.errorMessage ? (f(), O(p, {
       key: 2,
       id: e.errorId,
       "error-message": e.errorMessage,
       class: "b-date-range-picker__error-message"
-    }, null, 8, ["id", "error-message"])) : b("", !0),
+    }, null, 8, ["id", "error-message"])) : R("", !0),
     e.description ? (f(), O(o, {
       key: 3,
       id: e.descriptionId,
-      class: ae(["b-date-range-picker__description", e.descriptionConditionalClasses]),
+      class: ne(["b-date-range-picker__description", e.descriptionConditionalClasses]),
       el: "span"
     }, {
       default: k(() => [
-        E(j(e.description), 1)
+        E(z(e.description), 1)
       ]),
       _: 1
-    }, 8, ["id", "class"])) : b("", !0),
+    }, 8, ["id", "class"])) : R("", !0),
     e.inputContainerRef ? (f(), O(v, {
       key: 4,
       id: e.datePickerContainerId,
@@ -690,15 +699,15 @@ function da(e, t, s, d, _, g) {
         }, null, 8, ["allow-time-input", "quick-select-ranges", "value", "first-day-of-week", "is-date-disabled", "max-range", "number-of-months", "date-form-data", "onCustomRange", "onInput", "onError", "onFormDate"])
       ]),
       _: 1
-    }, 8, ["id", "open", "target-element", "aria-label"])) : b("", !0)
+    }, 8, ["id", "open", "target-element", "aria-label"])) : R("", !0)
   ])), [
-    [i, e.closeDateRangePicker]
+    [l, e.closeDateRangePicker]
   ]);
 }
-const Ma = /* @__PURE__ */ _e(sa, [["render", da], ["__scopeId", "data-v-18aefd79"]]);
+const Fa = /* @__PURE__ */ Oe(da, [["render", Da], ["__scopeId", "data-v-18aefd79"]]);
 export {
-  Ma as B,
+  Fa as B,
   A as D,
   B as a
 };
-//# sourceMappingURL=index.fd1cd23a.js.map
+//# sourceMappingURL=index.a57930ba.js.map