@adyen/bento-vue2 1.72.0 → 1.73.0

package/dist/chunks/{date-range-picker.ChGfJUPq.js → date-range-picker.DR2nDLqc.js}

@@ -1,18 +1,18 @@
 import { reactive as ve, defineComponent as Ye, ref as A, computed as I, onMounted as je, toRaw as Te, toRef as Ee, watch as ye } from "vue";
 import { B as it } from "./divider.CFbtmKeQ.js";
-import { h as ot, B as lt } from "./button-actions.55vIvDsX.js";
+import { h as lt, B as ot } from "./button-actions.55vIvDsX.js";
 import { B as Qe, d as ut } from "./typography.hlOAxsEn.js";
 import { D as dt } from "./dropdown-default-textbox.CDm-PQfc.js";
 import { e as N, a as he, g as _e } from "./get-date-locale.CAyOIbcp.js";
-import { g as le } from "./generate-uid.NJ8tVoha.js";
+import { g as oe } from "./generate-uid.NJ8tVoha.js";
 import { u as Re } from "./i18n.BQkEbtPM.js";
 import { e as $e, t as ne, g as ue, i as B, h as F, j as Oe, k as ct, l as we, m as Dt, s as Me, n as mt, o as Ce, a as G, u as ft, f as ae } from "./calendar.M69sfyB9.js";
 import { r as w, t as j } from "./index.BrH1t1iu.js";
 import { f as xe, v as vt, D as k } from "./date-input.BqBdAO1E.js";
 import { u as pt } from "./use-form-layout-loading.D3lALhtC.js";
 import "./index.Cl4_42j5.js";
-import { B as gt } from "./input-field.CwF6ldRY.js";
-import { B as yt } from "./dropdown.DQbTuKc5.js";
+import { B as gt } from "./input-field.DYVXuVxT.js";
+import { B as yt } from "./dropdown.B4urOhfH.js";
 import { B as Tt } from "./segmented-control.Dc34mUMM.js";
 import { d as De } from "./debounce.DUTu11PS.js";
 import { u as _t } from "./use-has-slot.C9lQZ6nz.js";
@@ -85,52 +85,52 @@ function Mt(t, e) {
 function J(t) {
   if (t == null)
     return F(/* @__PURE__ */ new Date());
-  const [e, n, r] = t.split("-").map((o) => parseInt(o, 10));
+  const [e, n, r] = t.split("-").map((l) => parseInt(l, 10));
   return new Date(e, n - 1, r);
 }
 const Ct = ({
   firstDayOfWeek: t,
   min: e,
   max: n
-}) => ({ getGranularCalendarLimits: (o) => {
+}) => ({ getGranularCalendarLimits: (l) => {
   let c = F(e), m = N(n);
-  if ((o == null ? void 0 : o.type) === "weekly") {
-    if (o.earliest)
-      c = F(o.earliest);
+  if ((l == null ? void 0 : l.type) === "weekly") {
+    if (l.earliest)
+      c = F(l.earliest);
     else {
       const _ = Oe(c, { weekStartsOn: t });
       B(c, _) || (c = F(ct(we(c, { weekStartsOn: t }), 1)));
     }
-    if (o.latest)
-      m = N(o.latest);
+    if (l.latest)
+      m = N(l.latest);
     else {
       const _ = we(m, { weekStartsOn: t });
       B(m, _) || (m = N(Dt(Oe(m, { weekStartsOn: t }), 1)));
     }
   }
-  if ((o == null ? void 0 : o.type) === "monthly") {
-    if (o.earliest)
-      c = F(o.earliest);
+  if ((l == null ? void 0 : l.type) === "monthly") {
+    if (l.earliest)
+      c = F(l.earliest);
     else {
       const _ = Me(c);
       B(c, _) || (c = Me($e(c, 1)));
     }
-    if (o.latest)
-      m = N(o.latest);
+    if (l.latest)
+      m = N(l.latest);
     else {
       const _ = he(m);
       B(m, _) || (m = he(mt(m, 1)));
     }
   }
-  if ((o == null ? void 0 : o.type) === "quarterly") {
-    if (o.earliest)
-      c = ue(o.earliest);
+  if ((l == null ? void 0 : l.type) === "quarterly") {
+    if (l.earliest)
+      c = ue(l.earliest);
     else {
       const _ = ue(c);
       B(c, _) || (c = ue(He(c, 1)));
     }
-    if (o.latest)
-      m = N(o.latest);
+    if (l.latest)
+      m = N(l.latest);
     else {
       const _ = Ce(m);
       B(m, _) || (m = Ce(Mt(m, 1)));
@@ -146,8 +146,8 @@ const Ct = ({
   });
   return {
     savedRanges: t,
-    saveRange: (r, o) => {
-      t[r] = o;
+    saveRange: (r, l) => {
+      t[r] = l;
     },
     resetSavedRanges: () => {
       t.daily = null, t.weekly = null, t.monthly = null, t.quarterly = null;
@@ -156,8 +156,8 @@ const Ct = ({
 };
 var p = /* @__PURE__ */ ((t) => (t.CUSTOM_RANGE = "custom-range", t.INPUT = "input", t.ERROR = "error", t.FORM_DATE = "form-date", t.START_DATE_SELECTED = "start-date-selected", t))(p || {});
 const At = /[\d]/, Ft = /^\d{2}$/, Ut = /^\d{2}:\d{2}$/, Bt = (t) => {
-  const { selectionStart: e } = t.target, n = ["Backspace", "Tab", "ArrowLeft", "ArrowRight"], r = At.test(t.key) || n.includes(t.key), o = [1, 2, 4, 5].includes(e) && t.key === ":";
-  !r && !o && t.preventDefault();
+  const { selectionStart: e } = t.target, n = ["Backspace", "Tab", "ArrowLeft", "ArrowRight"], r = At.test(t.key) || n.includes(t.key), l = [1, 2, 4, 5].includes(e) && t.key === ":";
+  !r && !l && t.preventDefault();
 }, Ne = (t) => {
   if (!t)
     return t;
@@ -284,7 +284,7 @@ const At = /[\d]/, Ft = /^\d{2}$/, Ut = /^\d{2}:\d{2}$/, Bt = (t) => {
   ],
   setup(t, { emit: e, slots: n }) {
     var Ie, Se, be, ke;
-    const { locale: r, t: o } = Re(), c = _e(), m = A({}), _ = I(() => t.variant === "month" ? "monthly" : "daily"), s = ve({
+    const { locale: r, t: l } = Re(), c = _e(), m = A({}), _ = I(() => t.variant === "month" ? "monthly" : "daily"), s = ve({
       startDate: (Ie = t.value) == null ? void 0 : Ie.startDate,
       endDate: (Se = t.value) == null ? void 0 : Se.endDate,
       range: (be = t.value) == null ? void 0 : be.range,
@@ -303,14 +303,14 @@ const At = /[\d]/, Ft = /^\d{2}$/, Ut = /^\d{2}:\d{2}$/, Bt = (t) => {
       ) : null;
     }
     const b = I(() => {
-      var a, l;
+      var a, o;
       return (
         // eslint-disable-next-line consistent-return
-        ((l = (a = t == null ? void 0 : t.quickSelectRanges) == null ? void 0 : a.find(({ value: u, data: d }) => {
+        ((o = (a = t == null ? void 0 : t.quickSelectRanges) == null ? void 0 : a.find(({ value: d, data: u }) => {
           var S;
-          if (!d.endDate) {
-            if (d.isRelativeToNow) {
-              const O = (S = m.value) == null ? void 0 : S[u];
+          if (!u.endDate) {
+            if (u.isRelativeToNow) {
+              const O = (S = m.value) == null ? void 0 : S[d];
               return O ? me(
                 v(O.startDate),
                 v(s.startDate)
@@ -320,43 +320,46 @@ const At = /[\d]/, Ft = /^\d{2}$/, Ut = /^\d{2}:\d{2}$/, Bt = (t) => {
               ) : (
                 // If not stored calculated dates, fall back to comparing the quick select item's value
                 // with the internal range's stored range identifier.
-                u === s.range
+                d === s.range
               );
             }
             return me(
-              v(d.startDate),
+              v(u.startDate),
               v(s.startDate)
             ) && me(
               v(s.endDate),
               v(N(s.endDate))
-            ) && Et(v(s.endDate));
+            ) && Et(v(s.endDate)) && (t.granularities ? u.granularity === s.granularity : !0);
           }
           if (t.allowTimeInput)
             return Be(
-              v(d.startDate),
+              v(u.startDate),
               v(s.startDate)
-            ) && Be(v(d.endDate), v(s.endDate));
-          if (d.endDate)
-            return B(d.startDate, s.startDate) && B(d.endDate, s.endDate);
-        })) == null ? void 0 : l.value) ?? Le
+            ) && Be(
+              v(u.endDate),
+              v(s.endDate)
+            ) && (t.granularities ? u.granularity === s.granularity : !0);
+          if (u.endDate)
+            return B(u.startDate, s.startDate) && B(u.endDate, s.endDate) && (t.granularities ? u.granularity === s.granularity : !0);
+        })) == null ? void 0 : o.value) ?? Le
       );
     }), de = I(() => ({
       "b-date-range-picker-calendar__form-input-wrapper": t.allowTimeInput
     })), re = I(() => [
-      { label: o("customRange"), value: Le },
+      { label: l("customRange"), value: Le },
       ...t.quickSelectRanges ? t.quickSelectRanges : []
     ]), y = I(
       () => {
         var a;
-        return ((a = t.granularities) == null ? void 0 : a.find(({ type: l }) => l === s.granularity)) || null;
+        return ((a = t.granularities) == null ? void 0 : a.find(({ type: o }) => o === s.granularity)) || null;
       }
     ), X = I(
       () => {
         var a;
-        return ((a = t.granularities) == null ? void 0 : a.map(({ type: l, disabled: u }) => ({
-          label: o(l),
-          value: l,
-          disabled: u
+        return ((a = t.granularities) == null ? void 0 : a.map(({ type: o, disabled: d }) => ({
+          label: l(o),
+          value: o,
+          disabled: d
         }))) ?? [];
       }
     ), { getGranularCalendarLimits: h } = Ct(t), T = I(
@@ -380,21 +383,21 @@ const At = /[\d]/, Ft = /^\d{2}$/, Ut = /^\d{2}:\d{2}$/, Bt = (t) => {
       endDate: t.dateFormData.endDate,
       startTime: t.dateFormData.startTime,
       endTime: t.dateFormData.endTime
-    }), pe = (a, l) => {
-      let u = new Date(a);
-      const [d, S, O] = l.split(":");
-      return u = ht(u, parseInt(d, 10)), u = Ot(u, parseInt(S, 10)), u = wt(u, parseInt(O, 10)), u;
-    }, ge = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), ie = (a, l) => {
-      const u = () => {
-        if (l && R(l)) {
-          const d = pe(new Date(l), a);
-          if (t.min && d < Pe(t.min, 0) || t.max && d > Pe(t.max, 0))
+    }), pe = (a, o) => {
+      let d = new Date(a);
+      const [u, S, O] = o.split(":");
+      return d = ht(d, parseInt(u, 10)), d = Ot(d, parseInt(S, 10)), d = wt(d, parseInt(O, 10)), d;
+    }, ge = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), ie = (a, o) => {
+      const d = () => {
+        if (o && R(o)) {
+          const u = pe(new Date(o), a);
+          if (t.min && u < Pe(t.min, 0) || t.max && u > Pe(t.max, 0))
             return !1;
         }
         return !0;
       };
-      return ge(a) && u();
-    }, P = (a, l) => !l || !ge(l) || t.variant === "month" ? a : pe(new Date(a), l), D = (a) => {
+      return ge(a) && d();
+    }, P = (a, o) => !o || !ge(o) || t.variant === "month" ? a : pe(new Date(a), o), D = (a) => {
       i.startTime = E(
         t.min && t.allowTimeInput && B(t.min, a.startDate) ? t.min : F(a.startDate)
       ), i.endTime = E(
@@ -404,65 +407,65 @@ const At = /[\d]/, Ft = /^\d{2}$/, Ut = /^\d{2}:\d{2}$/, Bt = (t) => {
         range: b.value
       });
     }, R = (a) => {
-      const l = (d) => t.min && F(d) < F(t.min) || t.max && F(d) > F(t.max) ? !1 : t.isDateDisabled ? !t.isDateDisabled(F(d)) : !0;
-      return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(a) && l(new Date(a));
+      const o = (u) => t.min && F(u) < F(t.min) || t.max && F(u) > F(t.max) ? !1 : t.isDateDisabled ? !t.isDateDisabled(F(u)) : !0;
+      return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(a) && o(new Date(a));
     };
     je(() => {
       W.value = !!(t.dateFormData.startDate && !R(t.dateFormData.startDate)), t.allowTimeInput ? L.value = !!(t.dateFormData.startTime && !ie(t.dateFormData.startTime, t.dateFormData.startDate)) : L.value = !1, K.value = !!(t.dateFormData.endDate && !R(t.dateFormData.endDate)), t.allowTimeInput ? Q.value = !!(t.dateFormData.endTime && !ie(t.dateFormData.endTime, t.dateFormData.endDate)) : Q.value = !1;
     });
     const z = (a) => {
-      var l;
-      i.startDate = f(a), i.startTime ? L.value && (i.startTime = (l = t.dateFormData) == null ? void 0 : l.startTime) : i.startTime = E(a), W.value = !1, L.value = !1, e(p.START_DATE_SELECTED, a);
+      var o;
+      i.startDate = f(a), i.startTime ? L.value && (i.startTime = (o = t.dateFormData) == null ? void 0 : o.startTime) : i.startTime = E(a), W.value = !1, L.value = !1, e(p.START_DATE_SELECTED, a);
     }, $ = (a) => {
-      var l;
-      i.endDate = f(a), i.endTime ? Q.value && (i.endTime = (l = t.dateFormData) == null ? void 0 : l.endTime) : i.endTime = E(N(a)), K.value = !1, Q.value = !1;
-    }, oe = (a) => {
-      const l = t.value[a];
-      if (l)
-        return l;
+      var o;
+      i.endDate = f(a), i.endTime ? Q.value && (i.endTime = (o = t.dateFormData) == null ? void 0 : o.endTime) : i.endTime = E(N(a)), K.value = !1, Q.value = !1;
+    }, le = (a) => {
+      const o = t.value[a];
+      if (o)
+        return o;
       if (t.dateFormData[a] && R(t.dateFormData[a]))
         return new Date(t.dateFormData[a]);
     }, Ve = De((a) => {
-      var l;
+      var o;
       if (R(a)) {
-        let u = a;
-        switch (W.value = !1, (l = y.value) == null ? void 0 : l.type) {
+        let d = a;
+        switch (W.value = !1, (o = y.value) == null ? void 0 : o.type) {
           case "weekly":
-            u = ee(
+            d = ee(
               a,
               f,
               T.value.min,
               T.value.max
-            ), i.startDate = u;
+            ), i.startDate = d;
             break;
           case "monthly":
-            u = g(
+            d = g(
               a,
               f,
               T.value.min,
               T.value.max
-            ), i.startDate = u;
+            ), i.startDate = d;
             break;
           case "quarterly":
-            u = se(
+            d = se(
               a,
               f,
               T.value.min,
               T.value.max
-            ), i.startDate = u;
+            ), i.startDate = d;
             break;
         }
-        const d = J(u);
-        s.startDate = P(d, i.startTime), s.endDate = P(
+        const u = J(d);
+        s.startDate = P(u, i.startTime), s.endDate = P(
           J(i.endDate),
           i.endTime
         ), R(i.endDate) && (s.endDate = P(
           J(i.endDate),
           i.endTime
         ));
-        const S = oe("endDate");
+        const S = le("endDate");
         s.range = null, e(p.FORM_DATE, {
-          startDate: d,
+          startDate: u,
           endDate: S
         }), e(p.INPUT, {
           ...s,
@@ -473,44 +476,44 @@ const At = /[\d]/, Ft = /^\d{2}$/, Ut = /^\d{2}:\d{2}$/, Bt = (t) => {
     }, qe), We = (a) => {
       i.startDate = xe(a), Ve(i.startDate);
     }, Ke = De((a) => {
-      var l;
+      var o;
       if (R(a)) {
-        let u = a;
-        switch (K.value = !1, (l = y.value) == null ? void 0 : l.type) {
+        let d = a;
+        switch (K.value = !1, (o = y.value) == null ? void 0 : o.type) {
           case "weekly":
-            u = q(
+            d = q(
               a,
               f,
               T.value.min,
               T.value.max
-            ), i.endDate = u;
+            ), i.endDate = d;
             break;
           case "monthly":
-            u = te(
+            d = te(
               a,
               f,
               T.value.min,
               T.value.max
-            ), i.endDate = u;
+            ), i.endDate = d;
             break;
           case "quarterly":
-            u = V(
+            d = V(
               a,
               f,
               T.value.min,
               T.value.max
-            ), i.endDate = u;
+            ), i.endDate = d;
             break;
         }
-        const d = J(u);
-        s.endDate = P(d, i.endTime), R(i.startDate) && (s.startDate = P(
+        const u = J(d);
+        s.endDate = P(u, i.endTime), R(i.startDate) && (s.startDate = P(
           J(i.startDate),
           i.startTime
         ));
-        const S = oe("startDate");
+        const S = le("startDate");
         s.range = null, e(p.FORM_DATE, {
           startDate: S,
-          endDate: d
+          endDate: u
         }), e(p.INPUT, {
           ...s,
           range: b.value
@@ -524,10 +527,10 @@ const At = /[\d]/, Ft = /^\d{2}$/, Ut = /^\d{2}:\d{2}$/, Bt = (t) => {
     }, Xe = De((a) => {
       if (ie(a, t.dateFormData.startDate)) {
         L.value = !1, s.startDate = P(s.startDate, a);
-        const l = oe("endDate");
+        const o = le("endDate");
         e(p.FORM_DATE, {
           startDate: s.startDate,
-          endDate: l,
+          endDate: o,
           startTime: a,
           endTime: i.endTime ?? t.dateFormData.endTime
         }), e(p.INPUT, {
@@ -552,25 +555,25 @@ const At = /[\d]/, Ft = /^\d{2}$/, Ut = /^\d{2}:\d{2}$/, Bt = (t) => {
       i.endTime = Ne(a), Ze(i.endTime);
     }, at = (a) => {
       Bt(a);
-    }, ce = (a, l, u, d) => {
-      s.startDate = a, s.endDate = l, u && (s.granularity = u), d && (s.range = d);
+    }, ce = (a, o, d, u) => {
+      s.startDate = a, s.endDate = o, d && (s.granularity = d), u && (s.range = u);
     }, nt = (a) => {
-      var u;
-      const l = (u = t.quickSelectRanges) == null ? void 0 : u.find(({ value: d }) => d === a);
-      if (l) {
+      var d;
+      const o = (d = t.quickSelectRanges) == null ? void 0 : d.find(({ value: u }) => u === a);
+      if (o) {
         x();
-        const d = l.data, S = d.endDate || (d.isRelativeToNow ? new Date(Date.now()) : N(new Date(Date.now()))), O = d.isRelativeToNow && d.timeDifference ? new Date(S.getTime() - d.timeDifference) : d.startDate;
-        i.endDate = f(S), i.startDate = f(O), ce(O, S, null, a), t.granularities && (s.granularity = d.granularity || _.value), i.startTime = E(O), i.endTime = E(S), s.startDate = O, s.endDate = S, d.isRelativeToNow && (m.value = {
+        const u = o.data, S = u.endDate || (u.isRelativeToNow ? new Date(Date.now()) : N(new Date(Date.now()))), O = u.isRelativeToNow && u.timeDifference ? new Date(S.getTime() - u.timeDifference) : u.startDate;
+        i.endDate = f(S), i.startDate = f(O), ce(O, S, null, a), t.granularities && (s.granularity = u.granularity || _.value), i.startTime = E(O), i.endTime = E(S), s.startDate = O, s.endDate = S, u.isRelativeToNow && (m.value = {
           ...m.value,
           [a]: {
             startDate: O,
             endDate: S
           }
         }), e(p.CUSTOM_RANGE, {
-          ...l.data,
+          ...o.data,
           startDate: O,
           endDate: S,
-          range: l.value
+          range: o.value
         });
       }
     }, rt = {
@@ -578,8 +581,8 @@ const At = /[\d]/, Ft = /^\d{2}$/, Ut = /^\d{2}:\d{2}$/, Bt = (t) => {
       monthly: H,
       quarterly: M
     }, st = (a) => {
-      const l = s.granularity;
-      if (s.granularity = a, l && C(l, structuredClone(Te(s))), s.startDate && s.endDate) {
+      const o = s.granularity;
+      if (s.granularity = a, o && C(o, structuredClone(Te(s))), s.startDate && s.endDate) {
         switch (a) {
           case "quarterly":
           case "monthly":
@@ -588,13 +591,13 @@ const At = /[\d]/, Ft = /^\d{2}$/, Ut = /^\d{2}:\d{2}$/, Bt = (t) => {
               ce(U[a].startDate, U[a].endDate, a);
               break;
             }
-            const { startDate: u, endDate: d } = rt[a](
+            const { startDate: d, endDate: u } = rt[a](
               s.startDate,
               s.endDate,
               T.value.min,
               T.value.max
             );
-            ce(u, d, a);
+            ce(d, u, a);
             break;
           }
           case "daily":
@@ -623,7 +626,7 @@ const At = /[\d]/, Ft = /^\d{2}$/, Ut = /^\d{2}:\d{2}$/, Bt = (t) => {
       formInputWrapperConditionalClasses: de,
       // Methods
       hasSlot: _t(n),
-      t: o,
+      t: l,
       // Events
       onDateInput: D,
       onDateInputKeyDown: Je,
@@ -656,14 +659,14 @@ var qt = function() {
   Lt,
   !1,
   null,
-  "76992b41"
+  "66ed8c79"
 );
 const Y = Yt.exports, jt = ({
   datePickerValue: t,
   isDateIncorrect: e,
   quickSelectRanges: n,
   isMonthVariant: r,
-  withTimeInput: o
+  withTimeInput: l
 }) => {
   var y, X, h, T;
   const { locale: c, t: m } = Re(), _ = _e(), s = (M) => !!M && !isNaN(M.getTime()), v = (M, H) => s(M) ? ae(M, H, {
@@ -698,7 +701,7 @@ const Y = Yt.exports, jt = ({
         return `${f} - ${E}`;
       }
       const { startDate: M, endDate: H, startTime: Z, endTime: ee } = b, q = r != null && r.value ? k.LONG_MONTH_YEAR : k.FULL_DATE_MONTH_FIRST, g = v(J(M), q), te = v(J(H), q);
-      if (!o.value)
+      if (!l.value)
         return `${g} - ${te}`;
       const se = [g, Z].filter(Boolean).join(", "), V = [te, ee].filter(Boolean).join(", ");
       return `${se} - ${V}`;
@@ -838,7 +841,7 @@ const Qt = {
   },
   emits: [fe.INPUT],
   setup(t, { emit: e }) {
-    const n = t, { locale: r, t: o } = Re(), c = _e(), m = le("bento-date-range-picker-container"), _ = le("bento-date-range-picker-label"), s = le("bento-date-range-picker-description"), v = le("bento-date-range-picker-error"), b = le("bento-date-range-picker-date-error"), de = I(() => n.label || o("dateRangePicker", { name: m })), re = I(() => (n == null ? void 0 : n.quickSelectRanges) && n.quickSelectRanges.map((D) => {
+    const n = t, { locale: r, t: l } = Re(), c = _e(), m = oe("bento-date-range-picker-container"), _ = oe("bento-date-range-picker-label"), s = oe("bento-date-range-picker-description"), v = oe("bento-date-range-picker-error"), b = oe("bento-date-range-picker-date-error"), de = I(() => n.label || l("dateRangePicker", { name: m })), re = I(() => (n == null ? void 0 : n.quickSelectRanges) && n.quickSelectRanges.map((D) => {
       const R = D.data.endDate ? void 0 : new Date(Date.now()).getTime() - D.data.startDate.getTime();
       return {
         ...D,
@@ -893,14 +896,14 @@ const Qt = {
     );
     const L = I(() => [
       {
-        title: o("apply"),
+        title: l("apply"),
         event: () => {
           e(fe.INPUT, f.value), V(), E.value = !0;
         },
         disabled: E.value
       },
       {
-        title: o("cancel"),
+        title: l("cancel"),
         event: V
       }
     ]);
@@ -910,7 +913,7 @@ const Qt = {
         return;
       }
       e(fe.INPUT, D);
-    }), { __sfc: !0, emit: e, props: n, locale: r, t: o, locales: c, datePickerContainerId: m, labelId: _, descriptionId: s, errorId: v, dateErrorId: b, popoverAriaLabel: de, adjustedQuickSelectRanges: re, isDateIncorrect: y, inputContainerRef: X, isDateRangePickerOpen: h, isReadOnly: T, shouldDisplayError: M, descriptionConditionalClasses: H, isMonthVariant: Z, withTimeInput: ee, dateDisplayValue: q, textInputDisplayValue: g, formatTextInputDisplayValue: te, ariaDescribedBy: se, closeDateRangePicker: V, openDateRangePicker: U, localDateDisplayValue: C, localTextInputDisplayValue: x, selectedDate: f, isApplyDisabled: E, displayedTextInputValue: W, displayedDateValue: K, rangePickerButtonActions: L, onDateRangePickerInput: (D) => {
+    }), { __sfc: !0, emit: e, props: n, locale: r, t: l, locales: c, datePickerContainerId: m, labelId: _, descriptionId: s, errorId: v, dateErrorId: b, popoverAriaLabel: de, adjustedQuickSelectRanges: re, isDateIncorrect: y, inputContainerRef: X, isDateRangePickerOpen: h, isReadOnly: T, shouldDisplayError: M, descriptionConditionalClasses: H, isMonthVariant: Z, withTimeInput: ee, dateDisplayValue: q, textInputDisplayValue: g, formatTextInputDisplayValue: te, ariaDescribedBy: se, closeDateRangePicker: V, openDateRangePicker: U, localDateDisplayValue: C, localTextInputDisplayValue: x, selectedDate: f, isApplyDisabled: E, displayedTextInputValue: W, displayedDateValue: K, rangePickerButtonActions: L, onDateRangePickerInput: (D) => {
       y.value = !1;
       const R = (z, $) => z ? ae(z, $, {
         locale: c[r.value.substring(0, 2)] || c.enUS
@@ -930,7 +933,7 @@ const Qt = {
       y.value = !0, g.startDate = D.startDate, g.endDate = D.endDate, f.value = { startDate: null, endDate: null };
     }, onRangeSelectorInput: (D) => {
       if (D) {
-        const R = ($, oe) => $ ? ae($, oe, {
+        const R = ($, le) => $ ? ae($, le, {
           locale: c[r.value.substring(0, 2)] || c.enUS
         }) : void 0, z = ($) => ae($, k.NUMERIC_DATE_YEAR_FIRST, {
           locale: c[r.value.substring(0, 2)] || c.enUS
@@ -940,15 +943,15 @@ const Qt = {
           k.HOUR_MINUTE_SECONDS
         ), g.endTime = R(D.endDate, k.HOUR_MINUTE_SECONDS), f.value = D;
       }
-    }, BentoButtonActions: lt, BentoButtonActionsLayout: bt, BentoDivider: it, BentoPopover: ot, BentoTypography: Qe, DateRangePickerCalendar: Y, DropdownInputDefault: dt, ErrorMessage: St, FieldLabel: It, vBentoClickOutsideDirective: Rt };
+    }, BentoButtonActions: ot, BentoButtonActionsLayout: bt, BentoDivider: it, BentoPopover: lt, BentoTypography: Qe, DateRangePickerCalendar: Y, DropdownInputDefault: dt, ErrorMessage: St, FieldLabel: It, vBentoClickOutsideDirective: Rt };
   }
 });
 var Ht = function() {
   var e = this, n = e._self._c, r = e._self._setupProxy;
-  return n("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: r.closeDateRangePicker, expression: "closeDateRangePicker" }], staticClass: "b-date-range-picker" }, [e.label ? n(r.FieldLabel, { attrs: { id: r.labelId, label: e.label, "tooltip-text": e.tooltipText, optional: e.optional, required: e.required } }) : e._e(), n("div", { on: { keydown: function(o) {
-    return !o.type.indexOf("key") && e._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : r.onEnterPressedOverInput.apply(null, arguments);
-  } } }, [n(r.DropdownInputDefault, { ref: "inputContainerRef", attrs: { "always-combobox-is-input": "", ariaControls: r.datePickerContainerId, ariaExpanded: r.isDateRangePickerOpen, "aria-labelledby": e.label ? r.labelId : null, "aria-describedby": r.ariaDescribedBy, disabled: e.disabled, "is-invalid": !!e.errorMessage || r.shouldDisplayError, open: r.isDateRangePickerOpen, "display-value": r.displayedDateValue, readonly: r.isReadOnly }, on: { open: r.openDateRangePicker, clear: r.clearDateRangePickerValue, close: r.closeDateRangePicker } })], 1), r.shouldDisplayError ? n(r.ErrorMessage, { staticClass: "b-date-range-picker__error-message", attrs: { id: r.dateErrorId, "error-message": r.t("provideDateInAFormat") } }) : e._e(), e.errorMessage ? n(r.ErrorMessage, { staticClass: "b-date-range-picker__error-message", attrs: { id: r.errorId, "error-message": e.errorMessage } }) : e._e(), e.description ? n(r.BentoTypography, { staticClass: "b-date-range-picker__description", class: r.descriptionConditionalClasses, attrs: { id: r.descriptionId, el: "span" } }, [e._v(" " + e._s(e.description) + " ")]) : e._e(), r.inputContainerRef ? n(r.BentoPopover, { staticClass: "b-date-range-picker__container", attrs: { id: r.datePickerContainerId, open: r.isDateRangePickerOpen, "target-element": r.inputContainerRef, "aria-label": r.popoverAriaLabel, position: "bottom-start", "without-space": "", "fit-content": "", "trap-all": "" }, nativeOn: { keydown: function(o) {
-    return !o.type.indexOf("key") && e._k(o.keyCode, "esc", 27, o.key, ["Esc", "Escape"]) ? null : r.closeDateRangePicker.apply(null, arguments);
+  return n("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: r.closeDateRangePicker, expression: "closeDateRangePicker" }], staticClass: "b-date-range-picker" }, [e.label ? n(r.FieldLabel, { attrs: { id: r.labelId, label: e.label, "tooltip-text": e.tooltipText, optional: e.optional, required: e.required } }) : e._e(), n("div", { on: { keydown: function(l) {
+    return !l.type.indexOf("key") && e._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : r.onEnterPressedOverInput.apply(null, arguments);
+  } } }, [n(r.DropdownInputDefault, { ref: "inputContainerRef", attrs: { "always-combobox-is-input": "", ariaControls: r.datePickerContainerId, ariaExpanded: r.isDateRangePickerOpen, "aria-labelledby": e.label ? r.labelId : null, "aria-describedby": r.ariaDescribedBy, disabled: e.disabled, "is-invalid": !!e.errorMessage || r.shouldDisplayError, open: r.isDateRangePickerOpen, "display-value": r.displayedDateValue, readonly: r.isReadOnly }, on: { open: r.openDateRangePicker, clear: r.clearDateRangePickerValue, close: r.closeDateRangePicker } })], 1), r.shouldDisplayError ? n(r.ErrorMessage, { staticClass: "b-date-range-picker__error-message", attrs: { id: r.dateErrorId, "error-message": r.t("provideDateInAFormat") } }) : e._e(), e.errorMessage ? n(r.ErrorMessage, { staticClass: "b-date-range-picker__error-message", attrs: { id: r.errorId, "error-message": e.errorMessage } }) : e._e(), e.description ? n(r.BentoTypography, { staticClass: "b-date-range-picker__description", class: r.descriptionConditionalClasses, attrs: { id: r.descriptionId, el: "span" } }, [e._v(" " + e._s(e.description) + " ")]) : e._e(), r.inputContainerRef ? n(r.BentoPopover, { staticClass: "b-date-range-picker__container", attrs: { id: r.datePickerContainerId, open: r.isDateRangePickerOpen, "target-element": r.inputContainerRef, "aria-label": r.popoverAriaLabel, position: "bottom-start", "without-space": "", "fit-content": "", "trap-all": "" }, nativeOn: { keydown: function(l) {
+    return !l.type.indexOf("key") && e._k(l.keyCode, "esc", 27, l.key, ["Esc", "Escape"]) ? null : r.closeDateRangePicker.apply(null, arguments);
   } } }, [n(r.DateRangePickerCalendar, { attrs: { "allow-time-input": r.withTimeInput, "quick-select-ranges": r.adjustedQuickSelectRanges, value: e.value, "first-day-of-week": e.firstDayOfWeek, granularities: e.granularities, "is-date-disabled": e.isDateDisabled, "max-range": e.maxRange, min: e.min, max: e.max, "number-of-months": e.numberOfMonths, "show-end-date-on-open": e.showEndDateOnOpen, "date-form-data": r.displayedTextInputValue, variant: e.variant }, on: { "custom-range": r.onRangeSelectorInput, input: r.onDateRangePickerInput, error: r.onDateRangePickerError, "form-date": r.onDateRangePickerFormDateInputUpdate }, scopedSlots: e._u([e.hasActions ? { key: "actions", fn: function() {
     return [n(r.BentoDivider), n("div", { staticClass: "b-date-range-picker__footer" }, [n(r.BentoButtonActions, { attrs: { actions: r.rangePickerButtonActions, layout: r.BentoButtonActionsLayout.SPACE_BETWEEN } })], 1)];
   }, proxy: !0 } : null], null, !0) })], 1) : e._e()], 1);
@@ -968,4 +971,4 @@ export {
   Et as b,
   me as i
 };
-//# sourceMappingURL=date-range-picker.ChGfJUPq.js.map
+//# sourceMappingURL=date-range-picker.DR2nDLqc.js.map