@adyen/bento-vue3 1.26.0 → 1.28.0

package/dist/chunks/{index.96cd0d4c.js → date-range-picker.CiwDo2jW.js}

@@ -1,80 +1,80 @@
-import { reactive as re, defineComponent as $e, ref as N, computed as h, onMounted as ta, toRaw as na, resolveComponent as E, openBlock as I, createElementBlock as De, createElementVNode as P, renderSlot as Ee, createCommentVNode as S, createBlock as O, createVNode as q, withCtx as U, createTextVNode as G, normalizeClass as ce, toRef as Se, watch as ra, resolveDirective as sa, withDirectives as oa, withKeys as la, toDisplayString as ia } from "vue";
-import { a as da } from "./index.5bdebf9d.js";
-import { B as Be } from "./index.a3d60e4f.js";
-import { c as ua, B as ma } from "./dropdown-default-textbox.ad5063c2.js";
-import { g as x } from "./unique-id.a2a2b458.js";
-import { u as fe } from "./i18n.f7e6533e.js";
-import { t as pe, f as Q } from "./index.146f967e.js";
-import { D as C, f as _e, v as Da } from "./date-input.9186a0bf.js";
-import { r as se, t as ae, e as F, d as ge, f as ve } from "./index.f55fdc32.js";
-import { u as ca } from "./use-form-layout-loading.d03e5d48.js";
-import { BentoInputField as fa } from "../input-field.js";
-import { B as pa } from "./dropdown.d8587f36.js";
-import { BentoSegmentedControl as ga } from "../segmented-control.js";
-import { d as ne } from "./debounce.b5ef6acf.js";
-import { u as va } from "./use-has-slot.4d98bf29.js";
-import { s as ee, c as we, i as J, d as ya, e as Me, f as ba, g as he, h as Ia, j as Ta, C as K, u as Ra } from "./calendar.f38cdab9.js";
-import { e as $ } from "./index.fdf12170.js";
-import { e as Oe } from "./index.d80206ed.js";
-import { _ as Le } from "./_plugin-vue_export-helper.dad06003.js";
-import { E as ka, F as Ea } from "./error-message.3fb5573a.js";
-import "../assets/index20.css";
+import { reactive as re, defineComponent as Ne, ref as $, computed as O, onMounted as ta, toRaw as na, resolveComponent as E, openBlock as T, createElementBlock as me, createElementVNode as A, renderSlot as Ee, createCommentVNode as S, createBlock as _, createVNode as q, withCtx as P, createTextVNode as G, normalizeClass as ce, toRef as Se, watch as ra, resolveDirective as oa, withDirectives as sa, withKeys as la, toDisplayString as ia } from "vue";
+import { B as da } from "./popover.DRb2GW7t.js";
+import { B as Be } from "./typography.D7onlQ9v.js";
+import { D as ua, B as Da } from "./dropdown-default-textbox.-Oy2eT40.js";
+import { g as x } from "./unique-id.XFfoKuc2.js";
+import { u as fe } from "./i18n.DY5YXG5f.js";
+import { t as pe, f as Q } from "./date.2ndGvIGE.js";
+import { f as we, v as ma, D as C } from "./date-input.BqBdAO1E.js";
+import { r as oe, t as ae, l as F, a as ge, b as ve } from "./index.B_UZQ6qF.js";
+import { u as ca } from "./use-form-layout-loading.D3lALhtC.js";
+import { B as fa } from "./input-field.iH1ICJkQ.js";
+import { B as pa } from "./dropdown.CxBlK83Q.js";
+import { B as ga } from "./segmented-control.NnFfAdTq.js";
+import { d as ne } from "./debounce.DUTu11PS.js";
+import { u as va } from "./use-has-slot.B7eQSabc.js";
+import { s as ee, c as Me, i as J, d as ya, e as he, f as Ia, g as Oe, h as Ta, j as ba, a as K, u as Ra } from "./calendar.CwULNbSL.js";
+import { e as N } from "./index.B_EJflcs.js";
+import { e as _e } from "./index.Z84QE0E2.js";
+import { _ as Le } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { E as ka, F as Ea } from "./error-message.DyjHMyEZ.js";
+import "../assets/date-range-picker.css";
 function Ce(e, n) {
-  se(2, arguments);
-  var i = ae(e), m = ae(n);
-  return i.getTime() === m.getTime();
+  oe(2, arguments);
+  var i = ae(e), D = ae(n);
+  return i.getTime() === D.getTime();
 }
 function Sa(e, n) {
-  se(2, arguments);
-  var i = ae(e), m = pe(n);
-  return i.setHours(m), i;
-}
-function _a(e, n) {
-  se(2, arguments);
-  var i = ae(e), m = pe(n);
-  return i.setMinutes(m), i;
+  oe(2, arguments);
+  var i = ae(e), D = pe(n);
+  return i.setHours(D), i;
 }
 function wa(e, n) {
-  se(2, arguments);
-  var i = ae(e), m = pe(n);
-  return i.setSeconds(m), i;
+  oe(2, arguments);
+  var i = ae(e), D = pe(n);
+  return i.setMinutes(D), i;
+}
+function Ma(e, n) {
+  oe(2, arguments);
+  var i = ae(e), D = pe(n);
+  return i.setSeconds(D), i;
 }
-const Ma = ({
+const ha = ({
   firstDayOfWeek: e,
   min: n,
   max: i
 }) => ({ getGranularCalendarLimits: (l) => {
-  let u = ee(n), t = $(i);
+  let u = ee(n), t = N(i);
   if ((l == null ? void 0 : l.type) === "weekly") {
     if (l.earliest)
       u = ee(l.earliest);
     else {
-      const D = we(u, { weekStartsOn: e });
-      J(u, D) || (u = ee(ya(Me(u, { weekStartsOn: e }), 1)));
+      const m = Me(u, { weekStartsOn: e });
+      J(u, m) || (u = ee(ya(he(u, { weekStartsOn: e }), 1)));
     }
     if (l.latest)
-      t = $(l.latest);
+      t = N(l.latest);
     else {
-      const D = Me(t, { weekStartsOn: e });
-      J(t, D) || (t = $(ba(we(t, { weekStartsOn: e }), 1)));
+      const m = he(t, { weekStartsOn: e });
+      J(t, m) || (t = N(Ia(Me(t, { weekStartsOn: e }), 1)));
     }
   }
   if ((l == null ? void 0 : l.type) === "monthly") {
     if (l.earliest)
       u = ee(l.earliest);
     else {
-      const D = he(u);
-      J(u, D) || (u = he(Ia(u, 1)));
+      const m = Oe(u);
+      J(u, m) || (u = Oe(Ta(u, 1)));
     }
     if (l.latest)
-      t = $(l.latest);
+      t = N(l.latest);
     else {
-      const D = Oe(t);
-      J(t, D) || (t = Oe(Ta(t, 1)));
+      const m = _e(t);
+      J(t, m) || (t = _e(ba(t, 1)));
     }
   }
   return { min: u, max: t };
-} }), ha = () => {
+} }), Oa = () => {
   const e = re({
     daily: null,
     weekly: null,
@@ -82,8 +82,8 @@ const Ma = ({
   });
   return {
     savedRanges: e,
-    saveRange: (m, l) => {
-      e[m] = l;
+    saveRange: (D, l) => {
+      e[D] = l;
     },
     resetSavedRanges: () => {
       e.daily = null, e.weekly = null, e.monthly = null;
@@ -91,18 +91,18 @@ const Ma = ({
   };
 };
 var f = /* @__PURE__ */ ((e) => (e.CUSTOM_RANGE = "custom-range", e.INPUT = "input", e.ERROR = "error", e.FORM_DATE = "form-date", e.START_DATE_SELECTED = "start-date-selected", e))(f || {});
-const Oa = /[\d]/, Ca = /^\d{2}$/, Fa = /^\d{2}:\d{2}$/, Aa = (e) => {
-  const { selectionStart: n } = e.target, i = Oa.test(e.key) || e.key === "Backspace", m = [1, 2, 4, 5].includes(n) && e.key === ":";
-  !i && !m && e.preventDefault();
+const _a = /[\d]/, Ca = /^\d{2}$/, Fa = /^\d{2}:\d{2}$/, Ua = (e) => {
+  const { selectionStart: n } = e.target, i = _a.test(e.key) || e.key === "Backspace", D = [1, 2, 4, 5].includes(n) && e.key === ":";
+  !i && !D && e.preventDefault();
 }, Fe = (e) => {
   if (!e)
     return e;
   let n = e;
   if (n.length === 1 && parseInt(e, 10) > 2)
     return `0${n}:`;
-  const [i, m] = n.slice(-2);
-  return [2, 5].includes(n.length) && m === ":" && (n = `${n.slice(0, n.length - 2)}0${i}`), (Ca.test(n) || Fa.test(n)) && (n += ":"), n;
-}, Ae = {
+  const [i, D] = n.slice(-2);
+  return [2, 5].includes(n.length) && D === ":" && (n = `${n.slice(0, n.length - 2)}0${i}`), (Ca.test(n) || Fa.test(n)) && (n += ":"), n;
+}, Ue = {
   "en-US": {
     customRange: "Custom range",
     daily: "Daily",
@@ -116,8 +116,8 @@ const Oa = /[\d]/, Ca = /^\d{2}$/, Fa = /^\d{2}:\d{2}$/, Aa = (e) => {
     timeTo: "Time to",
     weekly: "Weekly"
   }
-}, Pe = 300, me = "customRange", Ue = "daily", Pa = $e({
-  i18n: { messages: Ae },
+}, Ae = 300, De = "customRange", Pe = "daily", Aa = Ne({
+  i18n: { messages: Ue },
   name: "date-range-picker-calendar",
   components: {
     BentoDropdown: pa,
@@ -194,47 +194,47 @@ const Oa = /[\d]/, Ca = /^\d{2}$/, Fa = /^\d{2}:\d{2}$/, Aa = (e) => {
     f.START_DATE_SELECTED
   ],
   setup(e, { emit: n, slots: i }) {
-    var be, Ie, Te, Re, ke;
-    const { locale: m, t: l } = fe({ messages: Ae }), u = { de: ge, enUS: F, fr: ve }, t = re({
-      startDate: (be = e.value) == null ? void 0 : be.startDate,
-      endDate: (Ie = e.value) == null ? void 0 : Ie.endDate,
+    var Ie, Te, be, Re, ke;
+    const { locale: D, t: l } = fe({ messages: Ue }), u = { de: ge, enUS: F, fr: ve }, t = re({
+      startDate: (Ie = e.value) == null ? void 0 : Ie.startDate,
+      endDate: (Te = e.value) == null ? void 0 : Te.endDate,
       ...e.granularities ? {
-        granularity: ((Te = e.value) == null ? void 0 : Te.granularity) || Ue
+        granularity: ((be = e.value) == null ? void 0 : be.granularity) || Pe
       } : {}
-    }), D = N(
-      ((ke = (Re = e == null ? void 0 : e.quickSelectRanges) == null ? void 0 : Re.find(({ data: a }) => e.allowTimeInput ? Ce(a.startDate, t.startDate) && Ce(a.endDate, t.endDate) : J(a.startDate, t.startDate) && J(a.endDate, t.endDate))) == null ? void 0 : ke.value) ?? me
-    ), T = h(() => ({
+    }), m = $(
+      ((ke = (Re = e == null ? void 0 : e.quickSelectRanges) == null ? void 0 : Re.find(({ data: a }) => e.allowTimeInput ? Ce(a.startDate, t.startDate) && Ce(a.endDate, t.endDate) : J(a.startDate, t.startDate) && J(a.endDate, t.endDate))) == null ? void 0 : ke.value) ?? De
+    ), b = O(() => ({
       "b-date-range-picker-calendar__form-input-wrapper": e.allowTimeInput
-    })), y = h(() => [
-      { label: l("customRange"), value: me },
+    })), y = O(() => [
+      { label: l("customRange"), value: De },
       ...e.quickSelectRanges
-    ]), v = h(
+    ]), v = O(
       () => {
         var a;
         return ((a = e.granularities) == null ? void 0 : a.find(({ type: r }) => r === t.granularity)) || null;
       }
-    ), g = h(
+    ), g = O(
       () => e.granularities.map(({ type: a, disabled: r }) => ({
         label: l(a),
         value: a,
         disabled: r
       }))
-    ), { getGranularCalendarLimits: A } = Ma(e), d = h(
-      () => e.granularities ? A(v.value) : { min: ee(e.min), max: $(e.max) }
+    ), { getGranularCalendarLimits: U } = ha(e), d = O(
+      () => e.granularities ? U(v.value) : { min: ee(e.min), max: N(e.max) }
     ), {
       adjustDateForMonthly: W,
-      adjustDateForWeekly: w,
+      adjustDateForWeekly: M,
       adjustStartDateInputForWeekly: B,
       adjustEndDateInputForWeekly: R,
-      adjustStartDateInputForMonthly: oe,
+      adjustStartDateInputForMonthly: se,
       adjustEndDateInputForMonthly: le
-    } = Ra(e.firstDayOfWeek), { savedRanges: _, saveRange: ye, resetSavedRanges: ie } = ha(), L = () => {
-      e != null && e.quickSelectRanges && (D.value = me);
+    } = Ra(e.firstDayOfWeek), { savedRanges: w, saveRange: ye, resetSavedRanges: ie } = Oa(), L = () => {
+      e != null && e.quickSelectRanges && (m.value = De);
     }, k = (a) => a ? Q(a, C.NUMERIC_DATE_YEAR_FIRST, {
-      locale: u[m.value.substring(0, 2)] || F
+      locale: u[D.value.substring(0, 2)] || F
     }) : "", X = (a) => a ? Q(a, C.HOUR_MINUTE_SECONDS, {
-      locale: u[m.value.substring(0, 2)] || F
-    }) : "", V = N(!1), Y = N(!1), c = N(!1), b = N(!1), s = re({
+      locale: u[D.value.substring(0, 2)] || F
+    }) : "", V = $(!1), Y = $(!1), c = $(!1), I = $(!1), o = re({
       startDate: e.dateFormData.startDate,
       endDate: e.dateFormData.endDate,
       startTime: e.dateFormData.startTime,
@@ -242,24 +242,24 @@ const Oa = /[\d]/, Ca = /^\d{2}$/, Fa = /^\d{2}:\d{2}$/, Aa = (e) => {
     }), de = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), H = (a, r) => {
       if (!r || !de(r))
         return a;
-      let o = new Date(a);
+      let s = new Date(a);
       const [p, ue, aa] = r.split(":");
-      return o = Sa(o, parseInt(p, 10)), o = _a(o, parseInt(ue, 10)), o = wa(o, parseInt(aa, 10)), o;
+      return s = Sa(s, parseInt(p, 10)), s = wa(s, parseInt(ue, 10)), s = Ma(s, parseInt(aa, 10)), s;
     }, Ve = (a) => {
-      t.startDate = H(a.startDate, s.startTime), t.endDate = H(a.endDate, s.endTime), e.granularities && ie(), n(f.INPUT, t);
+      t.startDate = H(a.startDate, o.startTime), t.endDate = H(a.endDate, o.endTime), e.granularities && ie(), n(f.INPUT, t);
     }, Z = (a) => {
       const r = (p) => e.min && p <= e.min || e.max && p >= e.max ? !1 : e.isDateDisabled ? !e.isDateDisabled(p) : !0;
       return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(a) && r(new Date(a));
     };
     ta(() => {
-      e.dateFormData.startDate && !Z(e.dateFormData.startDate) ? V.value = !0 : (V.value = !1, c.value = !1), e.dateFormData.endDate && !Z(e.dateFormData.endDate) ? Y.value = !0 : (Y.value = !1, b.value = !1);
+      e.dateFormData.startDate && !Z(e.dateFormData.startDate) ? V.value = !0 : (V.value = !1, c.value = !1), e.dateFormData.endDate && !Z(e.dateFormData.endDate) ? Y.value = !0 : (Y.value = !1, I.value = !1);
     });
     const Ye = (a) => {
       var r;
-      L(), s.startDate = k(a), s.startTime ? c.value && (s.startTime = (r = e.dateFormData) == null ? void 0 : r.startTime) : s.startTime = X(a), V.value = !1, c.value = !1, n(f.START_DATE_SELECTED, a);
+      L(), o.startDate = k(a), o.startTime ? c.value && (o.startTime = (r = e.dateFormData) == null ? void 0 : r.startTime) : o.startTime = X(a), V.value = !1, c.value = !1, n(f.START_DATE_SELECTED, a);
     }, Ke = (a) => {
       var r;
-      s.endDate = k(a), s.endTime ? b.value && (s.endTime = (r = e.dateFormData) == null ? void 0 : r.endTime) : s.endTime = X($(a)), Y.value = !1, b.value = !1;
+      o.endDate = k(a), o.endTime ? I.value && (o.endTime = (r = e.dateFormData) == null ? void 0 : r.endTime) : o.endTime = X(N(a)), Y.value = !1, I.value = !1;
     }, te = (a) => {
       const r = e.value[a];
       if (r)
@@ -269,77 +269,77 @@ const Oa = /[\d]/, Ca = /^\d{2}$/, Fa = /^\d{2}:\d{2}$/, Aa = (e) => {
     }, Ge = ne((a) => {
       var r;
       if (Z(a)) {
-        let o = a;
+        let s = a;
         switch (V.value = !1, (r = v.value) == null ? void 0 : r.type) {
           case "weekly":
-            o = B(
+            s = B(
               a,
               k,
               d.value.min,
               d.value.max
-            ), s.startDate = o;
+            ), o.startDate = s;
             break;
           case "monthly":
-            o = oe(
+            s = se(
               a,
               k,
               d.value.min,
               d.value.max
-            ), s.startDate = o;
+            ), o.startDate = s;
             break;
         }
-        t.startDate = H(new Date(o), s.startTime);
+        t.startDate = H(new Date(s), o.startTime);
         const p = te("endDate");
         n(f.FORM_DATE, {
-          startDate: new Date(o),
+          startDate: new Date(s),
           endDate: p
         }), n(f.INPUT, {
-          startDate: new Date(o),
+          startDate: new Date(s),
           endDate: p
         });
       } else
-        V.value = !0, n(f.ERROR, { ...s });
-    }, Pe), qe = (a) => {
-      L(), s.startDate = _e(a), Ge(s.startDate);
+        V.value = !0, n(f.ERROR, { ...o });
+    }, Ae), qe = (a) => {
+      L(), o.startDate = we(a), Ge(o.startDate);
     }, We = ne((a) => {
       var r;
       if (Z(a)) {
-        let o = a;
+        let s = a;
         switch (Y.value = !1, (r = v.value) == null ? void 0 : r.type) {
           case "weekly":
-            o = R(
+            s = R(
               a,
               k,
               d.value.min,
               d.value.max
-            ), s.endDate = o;
+            ), o.endDate = s;
             break;
           case "monthly":
-            o = le(
+            s = le(
               a,
               k,
               d.value.min,
               d.value.max
-            ), s.endDate = o;
+            ), o.endDate = s;
             break;
         }
-        t.endDate = H(new Date(o), s.endTime);
+        t.endDate = H(new Date(s), o.endTime);
         const p = te("startDate");
         n(f.FORM_DATE, {
           startDate: p,
           endDate: new Date(t.endDate),
           startTime: e.dateFormData.endTime,
-          endTime: o
+          endTime: s
         }), n(f.INPUT, {
           startDate: p,
           endDate: new Date(t.endDate)
         });
       } else
-        Y.value = !0, n(f.ERROR, { ...s });
-    }, Pe), He = (a) => {
-      L(), s.endDate = _e(a), We(s.endDate);
+        Y.value = !0, n(f.ERROR, { ...o });
+    }, Ae), He = (a) => {
+      L(), o.endDate = we(a), We(o.endDate);
     }, je = (a) => {
-      Da(a);
+      ma(a);
     }, ze = ne((a) => {
       if (de(a)) {
         c.value = !1, t.startDate = H(t.startDate, a);
@@ -354,10 +354,10 @@ const Oa = /[\d]/, Ca = /^\d{2}$/, Fa = /^\d{2}:\d{2}$/, Aa = (e) => {
           endDate: r
         });
       } else
-        c.value = !0, n(f.ERROR, { ...s });
+        c.value = !0, n(f.ERROR, { ...o });
     }), Je = ne((a) => {
       if (de(a)) {
-        b.value = !1, t.endDate = H(t.endDate, a);
+        I.value = !1, t.endDate = H(t.endDate, a);
         const r = te("startDate");
         n(f.FORM_DATE, {
           startDate: r,
@@ -369,74 +369,74 @@ const Oa = /[\d]/, Ca = /^\d{2}$/, Fa = /^\d{2}:\d{2}$/, Aa = (e) => {
           endDate: new Date(t.endDate)
         });
       } else
-        b.value = !0, n(f.ERROR, { ...s });
+        I.value = !0, n(f.ERROR, { ...o });
     }), Qe = (a) => {
-      L(), s.startTime = Fe(a), ze(s.startTime);
+      L(), o.startTime = Fe(a), ze(o.startTime);
     }, Xe = (a) => {
-      L(), s.endTime = Fe(a), Je(s.endTime);
+      L(), o.endTime = Fe(a), Je(o.endTime);
     }, Ze = (a) => {
-      Aa(a);
-    }, j = (a, r, o) => {
-      t.startDate = a, t.endDate = r, o && (t.granularity = o);
+      Ua(a);
+    }, j = (a, r, s) => {
+      t.startDate = a, t.endDate = r, s && (t.granularity = s);
     }, xe = (a) => {
-      var o, p;
-      D.value = a;
-      const r = (p = (o = e.quickSelectRanges) == null ? void 0 : o.find(({ value: ue }) => ue === a)) == null ? void 0 : p.data;
-      r && (ie(), s.startDate = k(r.startDate), s.endDate = k(r.endDate), j(r.startDate, r.endDate), e.granularities && (t.granularity = r.granularity || Ue), s.startTime || (s.startTime = X($(r.startDate))), s.endTime || (s.endTime = X($(r.endDate))), n(f.CUSTOM_RANGE, r));
+      var s, p;
+      m.value = a;
+      const r = (p = (s = e.quickSelectRanges) == null ? void 0 : s.find(({ value: ue }) => ue === a)) == null ? void 0 : p.data;
+      r && (ie(), o.startDate = k(r.startDate), o.endDate = k(r.endDate), j(r.startDate, r.endDate), e.granularities && (t.granularity = r.granularity || Pe), o.startTime || (o.startTime = X(N(r.startDate))), o.endTime || (o.endTime = X(N(r.endDate))), n(f.CUSTOM_RANGE, r));
     }, ea = (a) => {
       L();
       const r = t.granularity;
       if (t.granularity = a, r && ye(r, structuredClone(na(t))), t.startDate && t.endDate) {
         switch (a) {
           case "monthly": {
-            if (_.monthly) {
-              j(_.monthly.startDate, _.monthly.endDate, a);
+            if (w.monthly) {
+              j(w.monthly.startDate, w.monthly.endDate, a);
               break;
             }
-            const { startDate: o, endDate: p } = W(
+            const { startDate: s, endDate: p } = W(
               t.startDate,
               t.endDate,
               d.value.min,
               d.value.max
             );
-            j(o, p, a);
+            j(s, p, a);
             break;
           }
           case "weekly": {
-            if (_.weekly) {
-              j(_.weekly.startDate, _.weekly.endDate, a);
+            if (w.weekly) {
+              j(w.weekly.startDate, w.weekly.endDate, a);
               break;
             }
-            const { startDate: o, endDate: p } = w(
+            const { startDate: s, endDate: p } = M(
               t.startDate,
               t.endDate,
               d.value.min,
               d.value.max
             );
-            j(o, p, a);
+            j(s, p, a);
             break;
           }
           case "daily":
-            _.daily && j(_.daily.startDate, _.daily.endDate, a);
+            w.daily && j(w.daily.startDate, w.daily.endDate, a);
             break;
         }
-        s.startDate = k(t.startDate), s.endDate = k(t.endDate), n(f.INPUT, t);
+        o.startDate = k(t.startDate), o.endDate = k(t.endDate), n(f.INPUT, t);
       }
     };
     return {
       // Values
       internalRangeDate: t,
-      dateTextInput: s,
+      dateTextInput: o,
       endDateError: Y,
-      endTimeError: b,
+      endTimeError: I,
       granularityItems: g,
       selectedGranularity: v,
       computedMinMax: d,
-      selectedRangeSelectorValue: D,
+      selectedRangeSelectorValue: m,
       startDateError: V,
       startTimeError: c,
       quickSelectRangeDefaultItems: y,
-      formInputWrapperConditionalClasses: T,
+      formInputWrapperConditionalClasses: b,
       // Methods
       hasSlot: va(i),
       t: l,
@@ -454,40 +454,39 @@ const Oa = /[\d]/, Ca = /^\d{2}$/, Fa = /^\d{2}:\d{2}$/, Aa = (e) => {
       onTimeInputKeyDown: Ze
     };
   }
-});
-const Ua = { class: "b-date-range-picker-calendar" }, Na = { class: "b-date-range-picker-calendar__form-container" }, $a = { class: "b-date-range-picker-calendar__form" }, Ba = { key: 0 }, La = { class: "b-date-range-picker-calendar__calendars-container" };
-function Va(e, n, i, m, l, u) {
-  const t = E("bento-dropdown"), D = E("bento-segmented-control"), T = E("bento-typography"), y = E("bento-input-field"), v = E("calendar");
-  return I(), De("div", Ua, [
-    P("div", Na, [
-      P("div", $a, [
+}), Pa = { class: "b-date-range-picker-calendar" }, $a = { class: "b-date-range-picker-calendar__form-container" }, Na = { class: "b-date-range-picker-calendar__form" }, Ba = { key: 0 }, La = { class: "b-date-range-picker-calendar__calendars-container" };
+function Va(e, n, i, D, l, u) {
+  const t = E("bento-dropdown"), m = E("bento-segmented-control"), b = E("bento-typography"), y = E("bento-input-field"), v = E("calendar");
+  return T(), me("div", Pa, [
+    A("div", $a, [
+      A("div", Na, [
         e.hasSlot("title") ? Ee(e.$slots, "title", { key: 0 }, void 0, !0) : S("", !0),
-        e.quickSelectRanges ? (I(), O(t, {
+        e.quickSelectRanges ? (T(), _(t, {
           key: 1,
           "aria-label": e.t("customRange"),
           items: e.quickSelectRangeDefaultItems,
           value: e.selectedRangeSelectorValue,
           onInput: e.onRangeSelectorInput
         }, null, 8, ["aria-label", "items", "value", "onInput"])) : S("", !0),
-        e.granularities ? (I(), O(D, {
+        e.granularities ? (T(), _(m, {
           key: 2,
           items: e.granularityItems,
           "model-value": e.internalRangeDate.granularity,
           "full-width": "",
           "onUpdate:modelValue": e.onGranularityInput
         }, null, 8, ["items", "model-value", "onUpdate:modelValue"])) : S("", !0),
-        P("div", null, [
-          q(T, {
+        A("div", null, [
+          q(b, {
             stronger: "",
             el: "span",
             class: "b-date-range-picker-calendar__label"
           }, {
-            default: U(() => [
+            default: P(() => [
               G(" From ")
             ]),
             _: 1
           }),
-          P("div", {
+          A("div", {
             class: ce(e.formInputWrapperConditionalClasses)
           }, [
             q(y, {
@@ -498,12 +497,12 @@ function Va(e, n, i, m, l, u) {
               onInput: e.onStartDateInput,
               onKeydown: e.onDateInputKeyDown
             }, {
-              description: U(() => [
+              description: P(() => [
                 G("YYYY-MM-DD")
               ]),
               _: 1
             }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"]),
-            e.allowTimeInput ? (I(), O(y, {
+            e.allowTimeInput ? (T(), _(y, {
               key: 0,
               "aria-label": e.t("timeFrom"),
               value: e.dateTextInput.startTime,
@@ -512,25 +511,25 @@ function Va(e, n, i, m, l, u) {
               onInput: e.onStartTimeInput,
               onKeydown: e.onTimeInputKeyDown
             }, {
-              description: U(() => [
+              description: P(() => [
                 G("HH:MM:SS")
               ]),
               _: 1
             }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : S("", !0)
           ], 2)
         ]),
-        P("div", null, [
-          q(T, {
+        A("div", null, [
+          q(b, {
             stronger: "",
             el: "span",
             class: "b-date-range-picker-calendar__label"
           }, {
-            default: U(() => [
+            default: P(() => [
               G(" To ")
             ]),
             _: 1
           }),
-          P("div", {
+          A("div", {
             class: ce(e.formInputWrapperConditionalClasses)
           }, [
             q(y, {
@@ -541,12 +540,12 @@ function Va(e, n, i, m, l, u) {
               onInput: e.onEndDateInput,
               onKeydown: e.onDateInputKeyDown
             }, {
-              description: U(() => [
+              description: P(() => [
                 G("YYYY-MM-DD")
               ]),
               _: 1
             }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"]),
-            e.allowTimeInput ? (I(), O(y, {
+            e.allowTimeInput ? (T(), _(y, {
               key: 0,
               "aria-label": e.t("timeTo"),
               value: e.dateTextInput.endTime,
@@ -555,7 +554,7 @@ function Va(e, n, i, m, l, u) {
               onInput: e.onEndTimeInput,
               onKeydown: e.onTimeInputKeyDown
             }, {
-              description: U(() => [
+              description: P(() => [
                 G("HH:MM:SS")
               ]),
               _: 1
@@ -563,11 +562,11 @@ function Va(e, n, i, m, l, u) {
           ], 2)
         ])
       ]),
-      e.hasSlot("actions") ? (I(), De("div", Ba, [
+      e.hasSlot("actions") ? (T(), me("div", Ba, [
         Ee(e.$slots, "actions", {}, void 0, !0)
       ])) : S("", !0)
     ]),
-    P("div", La, [
+    A("div", La, [
       q(v, {
         value: e.value,
         "first-day-of-week": e.firstDayOfWeek,
@@ -585,42 +584,42 @@ function Va(e, n, i, m, l, u) {
     ])
   ]);
 }
-const M = /* @__PURE__ */ Le(Pa, [["render", Va], ["__scopeId", "data-v-c2271da6"]]), Ya = ({
+const h = /* @__PURE__ */ Le(Aa, [["render", Va], ["__scopeId", "data-v-c2271da6"]]), Ya = ({
   datePickerValue: e,
   isDateIncorrect: n
 }) => {
-  var v, g, A, d, W;
-  const { locale: i, t: m } = fe(), l = { de: ge, enUS: F, fr: ve }, u = (w, B) => Q(w, B, {
+  var v, g, U, d, W;
+  const { locale: i, t: D } = fe(), l = { de: ge, enUS: F, fr: ve }, u = (M, B) => Q(M, B, {
     locale: l[i.value.substring(0, 2)] || F
-  }), t = (w) => Q(w, C.HOUR_MINUTE_SECONDS, {
+  }), t = (M) => Q(M, C.HOUR_MINUTE_SECONDS, {
     locale: l[i.value.substring(0, 2)] || F
-  }), D = re({
+  }), m = re({
     startDate: (v = e.value) != null && v.startDate ? u(e.value.startDate, C.NUMERIC_DATE_YEAR_FIRST) : void 0,
     endDate: (g = e.value) != null && g.endDate ? u(e.value.endDate, C.NUMERIC_DATE_YEAR_FIRST) : void 0,
     // Set time if the startDate/endDate are set
-    startTime: (A = e.value) != null && A.startDate ? t((d = e.value) == null ? void 0 : d.startDate) : void 0,
+    startTime: (U = e.value) != null && U.startDate ? t((d = e.value) == null ? void 0 : d.startDate) : void 0,
     endTime: (W = e.value) != null && W.endDate ? t(e.value.endDate) : void 0
   });
   return {
     // Values
-    dateDisplayValue: h(() => {
+    dateDisplayValue: O(() => {
       if (n.value)
-        return `${D.startDate || ""} - ${D.endDate || ""}`;
+        return `${m.startDate || ""} - ${m.endDate || ""}`;
       if (!e.value || !e.value.startDate && !e.value.endDate)
-        return m("selectDateRange");
-      const { startDate: w, endDate: B } = D;
-      return `${u(new Date(w), C.FULL_DATE_MONTH_FIRST)} - ${u(
+        return D("selectDateRange");
+      const { startDate: M, endDate: B } = m;
+      return `${u(new Date(M), C.FULL_DATE_MONTH_FIRST)} - ${u(
         new Date(B),
         C.FULL_DATE_MONTH_FIRST
       )}`;
     }),
-    textInputDisplayValue: D,
+    textInputDisplayValue: m,
     // Methods
     formatTextInputDisplayValue: () => ""
   };
 };
 var z = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(z || {});
-const Ne = {
+const $e = {
   "en-US": {
     dateRangePicker: "Date range picker {name}",
     provideDateInAFormat: "Provide date in a YYYY-MM-DD format",
@@ -628,18 +627,18 @@ const Ne = {
     selectDateRange: "Select a date range",
     selectedDateIsNotAvailable: "Selected date is not available"
   }
-}, Ka = $e({
-  i18n: { messages: Ne },
+}, Ka = Ne({
+  i18n: { messages: $e },
   name: "bento-date-range-picker",
   components: {
     BentoTypography: Be,
     BentoPopover: da,
-    DateRangePickerCalendar: M,
+    DateRangePickerCalendar: h,
     DropdownInputDefault: ua,
     ErrorMessage: ka,
     FieldLabel: Ea
   },
-  directives: { BentoClickOutsideDirective: ma },
+  directives: { BentoClickOutsideDirective: Da },
   props: {
     /**
      * Allows user to enter time values in the form
@@ -660,16 +659,16 @@ const Ne = {
     /**
      * Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: M.props.firstDayOfWeek,
+    firstDayOfWeek: h.props.firstDayOfWeek,
     /**
      * A list of available granularities.
      * If present, the date picker will display a segmented control to change granularity.
      */
-    granularities: M.props.granularities,
+    granularities: h.props.granularities,
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: M.props.isDateDisabled,
+    isDateDisabled: h.props.isDateDisabled,
     /**
      * Text that is displayed as a label above the element.
      */
@@ -704,57 +703,57 @@ const Ne = {
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
-    maxRange: M.props.maxRange,
+    maxRange: h.props.maxRange,
     /**
      * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
      */
-    min: M.props.min,
+    min: h.props.min,
     /**
      * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
      */
-    max: M.props.max,
+    max: h.props.max,
     /**
      * Number of months rendered on pane
      */
-    numberOfMonths: M.props.numberOfMonths,
+    numberOfMonths: h.props.numberOfMonths,
     /**
      * Selected date
      */
-    value: M.props.value
+    value: h.props.value
   },
   emits: [z.INPUT],
   setup(e, { emit: n }) {
-    const { locale: i, t: m } = fe({ messages: Ne }), l = { de: ge, enUS: F, fr: ve }, u = x("bento-date-range-picker-container"), t = x("bento-date-range-picker-label"), D = x("bento-date-range-picker-description"), T = x("bento-date-range-picker-error"), y = x("bento-date-range-picker-date-error"), v = h(
-      () => e.label || m("dateRangePicker", { name: u })
-    ), g = N(!1), A = N(null), d = N(!1), { isReadOnly: W } = ca(Se(e, "readonly"));
+    const { locale: i, t: D } = fe({ messages: $e }), l = { de: ge, enUS: F, fr: ve }, u = x("bento-date-range-picker-container"), t = x("bento-date-range-picker-label"), m = x("bento-date-range-picker-description"), b = x("bento-date-range-picker-error"), y = x("bento-date-range-picker-date-error"), v = O(
+      () => e.label || D("dateRangePicker", { name: u })
+    ), g = $(!1), U = $(null), d = $(!1), { isReadOnly: W } = ca(Se(e, "readonly"));
     ra(
       () => e.disabled,
       () => {
         e.disabled && d.value && (d.value = !1);
       }
     );
-    const w = h(() => ({
+    const M = O(() => ({
       "b-date-range-picker__description--error": !!e.errorMessage || g.value
-    })), { dateDisplayValue: B, textInputDisplayValue: R, formatTextInputDisplayValue: oe } = Ya({
+    })), { dateDisplayValue: B, textInputDisplayValue: R, formatTextInputDisplayValue: se } = Ya({
       datePickerValue: Se(e, "value"),
       isDateIncorrect: g
-    }), le = h(
-      () => `${e.description ? D : ""} ${e.errorMessage ? T : ""} ${g.value ? y : ""}`.trim() || null
+    }), le = O(
+      () => `${e.description ? m : ""} ${e.errorMessage ? b : ""} ${g.value ? y : ""}`.trim() || null
     );
     return {
       // Refs
-      inputContainerRef: A,
+      inputContainerRef: U,
       // Values,
       dateDisplayValue: B,
       datePickerContainerId: u,
-      descriptionConditionalClasses: w,
+      descriptionConditionalClasses: M,
       isDateIncorrect: g,
       isDateRangePickerOpen: d,
       isReadOnly: W,
       labelId: t,
-      descriptionId: D,
+      descriptionId: m,
       dateErrorId: y,
-      errorId: T,
+      errorId: b,
       popoverAriaLabel: v,
       ariaDescribedBy: le,
       textInputDisplayValue: R,
@@ -766,14 +765,14 @@ const Ne = {
         g.value && (g.value = !1), n(z.INPUT, null);
       },
       openDateRangePicker: () => {
-        d.value = !0, oe();
+        d.value = !0, se();
       },
       onRangeSelectorInput: (c) => {
         if (c) {
-          const b = (s) => Q(s, C.NUMERIC_DATE_YEAR_FIRST, {
+          const I = (o) => Q(o, C.NUMERIC_DATE_YEAR_FIRST, {
             locale: l[i.value.substring(0, 2)] || F
           });
-          R.startDate = b(c.startDate), R.endDate = b(c.endDate), n(z.INPUT, c);
+          R.startDate = I(c.startDate), R.endDate = I(c.endDate), n(z.INPUT, c);
         }
       },
       onEnterPressedOverInput: () => {
@@ -781,10 +780,10 @@ const Ne = {
       },
       onDateRangePickerInput: (c) => {
         g.value = !1;
-        const b = (s) => Q(s, C.NUMERIC_DATE_YEAR_FIRST, {
+        const I = (o) => Q(o, C.NUMERIC_DATE_YEAR_FIRST, {
           locale: l[i.value.substring(0, 2)] || F
         });
-        R.startDate = b(c.startDate), R.endDate = b(c.endDate), n(z.INPUT, c);
+        R.startDate = I(c.startDate), R.endDate = I(c.endDate), n(z.INPUT, c);
       },
       onDateRangePickerError: (c) => {
         g.value = !0, R.startDate = c.startDate, R.endDate = c.endDate, n(z.INPUT, { startDate: null, endDate: null });
@@ -794,12 +793,11 @@ const Ne = {
       }
     };
   }
-});
-const Ga = { class: "b-date-range-picker" };
-function qa(e, n, i, m, l, u) {
-  const t = E("field-label"), D = E("dropdown-input-default"), T = E("error-message"), y = E("bento-typography"), v = E("date-range-picker-calendar"), g = E("bento-popover"), A = sa("bento-click-outside-directive");
-  return oa((I(), De("div", Ga, [
-    e.label ? (I(), O(t, {
+}), Ga = { class: "b-date-range-picker" };
+function qa(e, n, i, D, l, u) {
+  const t = E("field-label"), m = E("dropdown-input-default"), b = E("error-message"), y = E("bento-typography"), v = E("date-range-picker-calendar"), g = E("bento-popover"), U = oa("bento-click-outside-directive");
+  return sa((T(), me("div", Ga, [
+    e.label ? (T(), _(t, {
       key: 0,
       id: e.labelId,
       label: e.label,
@@ -807,10 +805,10 @@ function qa(e, n, i, m, l, u) {
       optional: e.optional,
       required: e.required
     }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : S("", !0),
-    P("div", {
+    A("div", {
       onKeydown: n[0] || (n[0] = la((...d) => e.onEnterPressedOverInput && e.onEnterPressedOverInput(...d), ["enter"]))
     }, [
-      q(D, {
+      q(m, {
         ref: "inputContainerRef",
         "always-combobox-is-input": "",
         ariaControls: e.datePickerContainerId,
@@ -827,30 +825,30 @@ function qa(e, n, i, m, l, u) {
         onClose: e.closeDateRangePicker
       }, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "disabled", "is-invalid", "open", "display-value", "readonly", "onOpen", "onClear", "onClose"])
     ], 32),
-    e.isDateIncorrect ? (I(), O(T, {
+    e.isDateIncorrect ? (T(), _(b, {
       key: 1,
       id: e.dateErrorId,
       "error-message": e.$t("provideDateInAFormat").toString(),
       class: "b-date-range-picker__error-message"
     }, null, 8, ["id", "error-message"])) : S("", !0),
-    e.errorMessage ? (I(), O(T, {
+    e.errorMessage ? (T(), _(b, {
       key: 2,
       id: e.errorId,
       "error-message": e.errorMessage,
       class: "b-date-range-picker__error-message"
     }, null, 8, ["id", "error-message"])) : S("", !0),
-    e.description ? (I(), O(y, {
+    e.description ? (T(), _(y, {
       key: 3,
       id: e.descriptionId,
       class: ce(["b-date-range-picker__description", e.descriptionConditionalClasses]),
       el: "span"
     }, {
-      default: U(() => [
+      default: P(() => [
         G(ia(e.description), 1)
       ]),
       _: 1
     }, 8, ["id", "class"])) : S("", !0),
-    e.inputContainerRef ? (I(), O(g, {
+    e.inputContainerRef ? (T(), _(g, {
       key: 4,
       id: e.datePickerContainerId,
       class: "b-date-range-picker__container",
@@ -862,7 +860,7 @@ function qa(e, n, i, m, l, u) {
       "without-space": "",
       "fit-content": ""
     }, {
-      default: U(() => [
+      default: P(() => [
         q(v, {
           "allow-time-input": e.allowTimeInput,
           "quick-select-ranges": e.quickSelectRanges,
@@ -884,14 +882,14 @@ function qa(e, n, i, m, l, u) {
       _: 1
     }, 8, ["id", "open", "target-element", "aria-label"])) : S("", !0)
   ])), [
-    [A, e.closeDateRangePicker]
+    [U, e.closeDateRangePicker]
   ]);
 }
-const mt = /* @__PURE__ */ Le(Ka, [["render", qa], ["__scopeId", "data-v-ab807b85"]]);
+const Dt = /* @__PURE__ */ Le(Ka, [["render", qa], ["__scopeId", "data-v-ab807b85"]]);
 export {
-  mt as B,
-  M as D,
+  Dt as B,
+  h as D,
   z as a,
   Ce as i
 };
-//# sourceMappingURL=index.96cd0d4c.js.map
+//# sourceMappingURL=date-range-picker.CiwDo2jW.js.map