@adyen/bento-vue2 1.32.0 → 1.33.0

package/dist/chunks/{date-range-picker.C__cQBs3.js → date-range-picker.BlTFEbr-.js}

@@ -1,88 +1,93 @@
-import { reactive as z, defineComponent as ye, computed as I, ref as U, onMounted as Ye, toRaw as Ve, toRef as de, watch as Ge } from "vue";
-import { B as He } from "./popover.Du6UI6Yh.js";
-import { B as Ie } from "./typography.CdCYtxYj.js";
-import { g as G } from "./unique-id.XFfoKuc2.js";
-import { u as te } from "./i18n.BQkEbtPM.js";
-import { t as ae, f as W } from "./date.DQaxR7TF.js";
-import { r as q, t as J, l as M, a as ne, b as re } from "./index.B_UZQ6qF.js";
-import { f as ue, v as We, D as _ } from "./date-input.BqBdAO1E.js";
-import { u as qe } from "./use-form-layout-loading.D3lALhtC.js";
+import { reactive as ee, defineComponent as Ie, computed as b, ref as P, onMounted as Ve, toRaw as Ge, toRef as ae, watch as He } from "vue";
+import { B as We } from "./popover.BAZk1sm7.js";
+import { B as be } from "./typography.CqQaHXhq.js";
+import { g as z } from "./unique-id.XFfoKuc2.js";
+import { u as ne } from "./i18n.BQkEbtPM.js";
+import { t as re, f as Q } from "./date.DaiTzNEZ.js";
+import { r as H, t as G, l as w, a as se, b as oe } from "./index.B_UZQ6qF.js";
+import { f as ue, v as qe, D as T } from "./date-input.BqBdAO1E.js";
+import { u as je } from "./use-form-layout-loading.D3lALhtC.js";
 import "./index.Cl4_42j5.js";
-import { B as je } from "./input-field.mEo-bCtk.js";
-import { B as Ke } from "./dropdown.Bn6SRkU5.js";
-import { B as ze } from "./segmented-control.BeXMVbce.js";
-import { d as K } from "./debounce.DUTu11PS.js";
-import { u as Je } from "./use-has-slot.C9lQZ6nz.js";
-import { s as H, c as ce, i as B, d as Qe, e as De, f as Xe, g as me, h as Ze, j as et, a as F, u as tt } from "./calendar.etLGotqH.js";
-import { e as O } from "./index.B_EJflcs.js";
+import { B as Ke } from "./input-field.7PrsNCUx.js";
+import { B as ze } from "./dropdown.D6tsk4ko.js";
+import { B as Je } from "./segmented-control.BZm0u0wJ.js";
+import { d as Z } from "./debounce.DUTu11PS.js";
+import { u as Qe } from "./use-has-slot.C9lQZ6nz.js";
+import { s as J, c as ce, i as V, d as Xe, e as De, f as Ze, g as me, h as et, j as tt, a as A, u as at } from "./calendar.CaTMWZUM.js";
+import { e as M } from "./index.B_EJflcs.js";
 import { e as fe } from "./index.Z84QE0E2.js";
-import { n as be } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { D as at } from "./dropdown-default-textbox.BM9qsdzQ.js";
-import { E as nt, F as rt } from "./error-message.epR1WJH2.js";
-import { B as st } from "./directive.O3yEdalv.js";
+import { n as ke } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { D as nt } from "./dropdown-default-textbox.kQ3pHsZe.js";
+import { E as rt, F as st } from "./error-message.BEtdKrpc.js";
+import { B as ot } from "./directive.O3yEdalv.js";
 import "../assets/date-range-picker.css";
-function pe(t) {
-  q(1, arguments);
-  var e = J(t);
-  return e.setMilliseconds(0), e;
+function pe(t, e) {
+  H(2, arguments);
+  var n = G(t), l = G(e);
+  return n.getTime() === l.getTime();
 }
-function ge(t, e) {
-  q(2, arguments);
-  var r = pe(t), l = pe(e);
-  return r.getTime() === l.getTime();
+function ge(t) {
+  H(1, arguments);
+  var e = G(t);
+  return e.setMilliseconds(0), e;
 }
-function ot(t, e) {
-  q(2, arguments);
-  var r = J(t), l = ae(e);
-  return r.setHours(l), r;
+function ve(t, e) {
+  H(2, arguments);
+  var n = ge(t), l = ge(e);
+  return n.getTime() === l.getTime();
 }
 function it(t, e) {
-  q(2, arguments);
-  var r = J(t), l = ae(e);
-  return r.setMinutes(l), r;
+  H(2, arguments);
+  var n = G(t), l = re(e);
+  return n.setHours(l), n;
 }
 function lt(t, e) {
-  q(2, arguments);
-  var r = J(t), l = ae(e);
-  return r.setSeconds(l), r;
+  H(2, arguments);
+  var n = G(t), l = re(e);
+  return n.setMinutes(l), n;
+}
+function dt(t, e) {
+  H(2, arguments);
+  var n = G(t), l = re(e);
+  return n.setSeconds(l), n;
 }
-const dt = ({
+const ut = ({
   firstDayOfWeek: t,
   min: e,
-  max: r
+  max: n
 }) => ({ getGranularCalendarLimits: (d) => {
-  let p = H(e), n = O(r);
+  let p = J(e), r = M(n);
   if ((d == null ? void 0 : d.type) === "weekly") {
     if (d.earliest)
-      p = H(d.earliest);
+      p = J(d.earliest);
     else {
-      const D = ce(p, { weekStartsOn: t });
-      B(p, D) || (p = H(Qe(De(p, { weekStartsOn: t }), 1)));
+      const u = ce(p, { weekStartsOn: t });
+      V(p, u) || (p = J(Xe(De(p, { weekStartsOn: t }), 1)));
     }
     if (d.latest)
-      n = O(d.latest);
+      r = M(d.latest);
     else {
-      const D = De(n, { weekStartsOn: t });
-      B(n, D) || (n = O(Xe(ce(n, { weekStartsOn: t }), 1)));
+      const u = De(r, { weekStartsOn: t });
+      V(r, u) || (r = M(Ze(ce(r, { weekStartsOn: t }), 1)));
     }
   }
   if ((d == null ? void 0 : d.type) === "monthly") {
     if (d.earliest)
-      p = H(d.earliest);
+      p = J(d.earliest);
     else {
-      const D = me(p);
-      B(p, D) || (p = me(Ze(p, 1)));
+      const u = me(p);
+      V(p, u) || (p = me(et(p, 1)));
     }
     if (d.latest)
-      n = O(d.latest);
+      r = M(d.latest);
     else {
-      const D = fe(n);
-      B(n, D) || (n = fe(et(n, 1)));
+      const u = fe(r);
+      V(r, u) || (r = fe(tt(r, 1)));
     }
   }
-  return { min: p, max: n };
-} }), ut = () => {
-  const t = z({
+  return { min: p, max: r };
+} }), ct = () => {
+  const t = ee({
     daily: null,
     weekly: null,
     monthly: null
@@ -98,18 +103,18 @@ const dt = ({
   };
 };
 var f = /* @__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))(f || {});
-const ct = /[\d]/, Dt = /^\d{2}$/, mt = /^\d{2}:\d{2}$/, ft = (t) => {
-  const { selectionStart: e } = t.target, r = ct.test(t.key) || t.key === "Backspace", l = [1, 2, 4, 5].includes(e) && t.key === ":";
-  !r && !l && t.preventDefault();
-}, ve = (t) => {
+const Dt = /[\d]/, mt = /^\d{2}$/, ft = /^\d{2}:\d{2}$/, pt = (t) => {
+  const { selectionStart: e } = t.target, n = Dt.test(t.key) || t.key === "Backspace", l = [1, 2, 4, 5].includes(e) && t.key === ":";
+  !n && !l && t.preventDefault();
+}, _e = (t) => {
   if (!t)
     return t;
   let e = t;
   if (e.length === 1 && parseInt(t, 10) > 2)
     return `0${e}:`;
-  const [r, l] = e.slice(-2);
-  return [2, 5].includes(e.length) && l === ":" && (e = `${e.slice(0, e.length - 2)}0${r}`), (Dt.test(e) || mt.test(e)) && (e += ":"), e;
-}, pt = {
+  const [n, l] = e.slice(-2);
+  return [2, 5].includes(e.length) && l === ":" && (e = `${e.slice(0, e.length - 2)}0${n}`), (mt.test(e) || ft.test(e)) && (e += ":"), e;
+}, gt = {
   "en-US": {
     customRange: "Custom range",
     daily: "Daily",
@@ -123,15 +128,15 @@ const ct = /[\d]/, Dt = /^\d{2}$/, mt = /^\d{2}:\d{2}$/, ft = (t) => {
     timeTo: "Time to",
     weekly: "Weekly"
   }
-}, _e = 300, Te = "customRange", Re = "daily", gt = ye({
-  i18n: { messages: pt },
+}, Te = 300, Re = "customRange", ye = "daily", vt = Ie({
+  i18n: { messages: gt },
   name: "date-range-picker-calendar",
   components: {
-    BentoDropdown: Ke,
-    BentoInputField: je,
-    BentoSegmentedControl: ze,
-    BentoTypography: Ie,
-    Calendar: F
+    BentoDropdown: ze,
+    BentoInputField: Ke,
+    BentoSegmentedControl: Je,
+    BentoTypography: be,
+    Calendar: A
   },
   props: {
     /**
@@ -148,7 +153,7 @@ const ct = /[\d]/, Dt = /^\d{2}$/, mt = /^\d{2}:\d{2}$/, ft = (t) => {
     /**
      * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: F.props.firstDayOfWeek,
+    firstDayOfWeek: A.props.firstDayOfWeek,
     /**
      * A list of available granularities.
      * If present, the date picker will display a segmented control to change granularity.
@@ -160,23 +165,23 @@ const ct = /[\d]/, Dt = /^\d{2}$/, mt = /^\d{2}:\d{2}$/, ft = (t) => {
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: F.props.isDateDisabled,
+    isDateDisabled: A.props.isDateDisabled,
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
-    maxRange: F.props.maxRange,
+    maxRange: A.props.maxRange,
     /**
      * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
      */
-    min: F.props.min,
+    min: A.props.min,
     /**
      * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
      */
-    max: F.props.max,
+    max: A.props.max,
     /**
      * Number of months rendered on pane
      */
-    numberOfMonths: F.props.numberOfMonths,
+    numberOfMonths: A.props.numberOfMonths,
     /**
      * Displays the end date's month when the calendar is opened. Defaults to false i.e. the start date's month is displayed.
      */
@@ -204,331 +209,343 @@ const ct = /[\d]/, Dt = /^\d{2}$/, mt = /^\d{2}:\d{2}$/, ft = (t) => {
     f.FORM_DATE,
     f.START_DATE_SELECTED
   ],
-  setup(t, { emit: e, slots: r }) {
-    var oe, ie, le;
-    const { locale: l, t: d } = te(), p = { de: ne, enUS: M, fr: re }, n = z({
-      startDate: (oe = t.value) == null ? void 0 : oe.startDate,
-      endDate: (ie = t.value) == null ? void 0 : ie.endDate,
+  setup(t, { emit: e, slots: n }) {
+    var ie, le, de;
+    const { locale: l, t: d } = ne(), p = { de: se, enUS: w, fr: oe }, r = ee({
+      startDate: (ie = t.value) == null ? void 0 : ie.startDate,
+      endDate: (le = t.value) == null ? void 0 : le.endDate,
       ...t.granularities ? {
-        granularity: ((le = t.value) == null ? void 0 : le.granularity) || Re
+        granularity: ((de = t.value) == null ? void 0 : de.granularity) || ye
       } : {}
-    }), D = I(
+    }), u = b(
       () => {
         var a, o;
-        return ((o = (a = t == null ? void 0 : t.quickSelectRanges) == null ? void 0 : a.find(({ data: i }) => t.allowTimeInput ? ge(i.startDate, n.startDate) && ge(i.endDate, n.endDate) : B(i.startDate, n.startDate) && B(i.endDate, n.endDate))) == null ? void 0 : o.value) ?? Te;
+        return ((o = (a = t == null ? void 0 : t.quickSelectRanges) == null ? void 0 : a.find(({ data: i }) => t.allowTimeInput ? ve(i.startDate, r.startDate) && ve(i.endDate, r.endDate) : V(i.startDate, r.startDate) && V(i.endDate, r.endDate))) == null ? void 0 : o.value) ?? Re;
       }
-    ), L = I(() => ({
+    ), k = b(() => ({
       "b-date-range-picker-calendar__form-input-wrapper": t.allowTimeInput
-    })), $ = I(() => [
-      { label: d("customRange"), value: Te },
+    })), W = b(() => [
+      { label: d("customRange"), value: Re },
       ...t.quickSelectRanges
-    ]), b = I(
+    ]), h = b(
       () => {
         var a;
-        return ((a = t.granularities) == null ? void 0 : a.find(({ type: o }) => o === n.granularity)) || null;
+        return ((a = t.granularities) == null ? void 0 : a.find(({ type: o }) => o === r.granularity)) || null;
       }
-    ), g = I(
+    ), v = b(
       () => t.granularities.map(({ type: a, disabled: o }) => ({
         label: d(a),
         value: a,
         disabled: o
       }))
-    ), { getGranularCalendarLimits: P } = dt(t), m = I(
-      () => t.granularities ? P(b.value) : { min: H(t.min), max: O(t.max) }
+    ), { getGranularCalendarLimits: N } = ut(t), m = b(
+      () => t.granularities ? N(h.value) : { min: J(t.min), max: M(t.max) }
     ), {
-      adjustDateForMonthly: T,
-      adjustDateForWeekly: w,
-      adjustStartDateInputForWeekly: Q,
-      adjustEndDateInputForWeekly: v,
-      adjustStartDateInputForMonthly: X,
-      adjustEndDateInputForMonthly: Z
-    } = tt(t.firstDayOfWeek), { savedRanges: y, saveRange: se, resetSavedRanges: ee } = ut(), R = (a) => a ? W(a, _.NUMERIC_DATE_YEAR_FIRST, {
-      locale: p[l.value.substring(0, 2)] || M
-    }) : "", Y = (a) => a ? W(a, _.HOUR_MINUTE_SECONDS, {
-      locale: p[l.value.substring(0, 2)] || M
-    }) : "", C = U(!1), h = U(!1), x = U(!1), u = U(!1), s = z({
+      adjustDateForMonthly: B,
+      adjustDateForWeekly: R,
+      adjustStartDateInputForWeekly: C,
+      adjustEndDateInputForWeekly: g,
+      adjustStartDateInputForMonthly: L,
+      adjustEndDateInputForMonthly: I
+    } = at(t.firstDayOfWeek), { savedRanges: _, saveRange: q, resetSavedRanges: te } = ct(), y = (a) => a ? Q(a, T.NUMERIC_DATE_YEAR_FIRST, {
+      locale: p[l.value.substring(0, 2)] || w
+    }) : "", j = (a) => a ? Q(a, T.HOUR_MINUTE_SECONDS, {
+      locale: p[l.value.substring(0, 2)] || w
+    }) : "", x = P(!1), F = P(!1), U = P(!1), c = P(!1), s = ee({
       startDate: t.dateFormData.startDate,
       endDate: t.dateFormData.endDate,
       startTime: t.dateFormData.startTime,
       endTime: t.dateFormData.endTime
-    }), S = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), E = (a, o) => {
-      if (!o || !S(o))
+    }), E = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), O = (a, o) => {
+      if (!o || !E(o))
         return a;
       let i = new Date(a);
-      const [c, Le, $e] = o.split(":");
-      return i = ot(i, parseInt(c, 10)), i = it(i, parseInt(Le, 10)), i = lt(i, parseInt($e, 10)), i;
-    }, ke = (a) => {
-      n.startDate = E(a.startDate, s.startTime), n.endDate = E(a.endDate, s.endTime), t.granularities && ee(), e(f.INPUT, {
-        ...n,
-        range: D.value
+      const [D, $e, Ye] = o.split(":");
+      return i = it(i, parseInt(D, 10)), i = lt(i, parseInt($e, 10)), i = dt(i, parseInt(Ye, 10)), i;
+    }, Se = (a) => {
+      r.startDate = O(a.startDate, s.startTime), r.endDate = O(a.endDate, s.endTime), t.granularities && te(), e(f.INPUT, {
+        ...r,
+        range: u.value
       });
-    }, V = (a) => {
-      const o = (c) => t.min && c <= t.min || t.max && c >= t.max ? !1 : t.isDateDisabled ? !t.isDateDisabled(c) : !0;
+    }, K = (a) => {
+      const o = (D) => t.min && D <= t.min || t.max && D >= t.max ? !1 : t.isDateDisabled ? !t.isDateDisabled(D) : !0;
       return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(a) && o(new Date(a));
     };
-    Ye(() => {
-      t.dateFormData.startDate && !V(t.dateFormData.startDate) ? C.value = !0 : (C.value = !1, x.value = !1), t.dateFormData.endDate && !V(t.dateFormData.endDate) ? h.value = !0 : (h.value = !1, u.value = !1);
+    Ve(() => {
+      t.dateFormData.startDate && !K(t.dateFormData.startDate) ? x.value = !0 : (x.value = !1, U.value = !1), t.dateFormData.endDate && !K(t.dateFormData.endDate) ? F.value = !0 : (F.value = !1, c.value = !1);
     });
-    const Se = (a) => {
+    const Ee = (a) => {
       var o;
-      s.startDate = R(a), s.startTime ? x.value && (s.startTime = (o = t.dateFormData) == null ? void 0 : o.startTime) : s.startTime = Y(a), C.value = !1, x.value = !1, e(f.START_DATE_SELECTED, a);
-    }, Ee = (a) => {
+      s.startDate = y(a), s.startTime ? U.value && (s.startTime = (o = t.dateFormData) == null ? void 0 : o.startTime) : s.startTime = j(a), x.value = !1, U.value = !1, e(f.START_DATE_SELECTED, a);
+    }, Oe = (a) => {
       var o;
-      s.endDate = R(a), s.endTime ? u.value && (s.endTime = (o = t.dateFormData) == null ? void 0 : o.endTime) : s.endTime = Y(O(a)), h.value = !1, u.value = !1;
-    }, j = (a) => {
+      s.endDate = y(a), s.endTime ? c.value && (s.endTime = (o = t.dateFormData) == null ? void 0 : o.endTime) : s.endTime = j(M(a)), F.value = !1, c.value = !1;
+    }, X = (a) => {
       const o = t.value[a];
       if (o)
         return o;
-      if (t.dateFormData[a] && V(t.dateFormData[a]))
+      if (t.dateFormData[a] && K(t.dateFormData[a]))
         return new Date(t.dateFormData[a]);
-    }, Oe = K((a) => {
+    }, Me = Z((a) => {
       var o;
-      if (V(a)) {
+      if (K(a)) {
         let i = a;
-        switch (C.value = !1, (o = b.value) == null ? void 0 : o.type) {
+        switch (x.value = !1, (o = h.value) == null ? void 0 : o.type) {
           case "weekly":
-            i = Q(
+            i = C(
               a,
-              R,
+              y,
               m.value.min,
               m.value.max
             ), s.startDate = i;
             break;
           case "monthly":
-            i = X(
+            i = L(
               a,
-              R,
+              y,
               m.value.min,
               m.value.max
             ), s.startDate = i;
             break;
         }
-        n.startDate = E(new Date(i), s.startTime);
-        const c = j("endDate");
+        r.startDate = O(new Date(i), s.startTime);
+        const D = X("endDate");
         e(f.FORM_DATE, {
           startDate: new Date(i),
-          endDate: c
+          endDate: D
         }), e(f.INPUT, {
           startDate: new Date(i),
-          endDate: c,
-          range: D.value
+          endDate: D,
+          range: u.value
         });
       } else
-        C.value = !0, e(f.ERROR, { ...s });
-    }, _e), Me = (a) => {
-      s.startDate = ue(a), Oe(s.startDate);
-    }, we = K((a) => {
+        x.value = !0, e(f.ERROR, { ...s });
+    }, Te), we = (a) => {
+      s.startDate = ue(a), Me(s.startDate);
+    }, he = Z((a) => {
       var o;
-      if (V(a)) {
+      if (K(a)) {
         let i = a;
-        switch (h.value = !1, (o = b.value) == null ? void 0 : o.type) {
+        switch (F.value = !1, (o = h.value) == null ? void 0 : o.type) {
           case "weekly":
-            i = v(
+            i = g(
               a,
-              R,
+              y,
               m.value.min,
               m.value.max
             ), s.endDate = i;
             break;
           case "monthly":
-            i = Z(
+            i = I(
               a,
-              R,
+              y,
               m.value.min,
               m.value.max
             ), s.endDate = i;
             break;
         }
-        n.endDate = E(new Date(i), s.endTime);
-        const c = j("startDate");
+        r.endDate = O(new Date(i), s.endTime);
+        const D = X("startDate");
         e(f.FORM_DATE, {
-          startDate: c,
+          startDate: D,
           endDate: new Date(a)
         }), e(f.INPUT, {
-          startDate: c,
+          startDate: D,
           endDate: new Date(a),
-          range: D.value
+          range: u.value
         });
       } else
-        h.value = !0, e(f.ERROR, { ...s });
-    }, _e), Ce = (a) => {
-      s.endDate = ue(a), we(s.endDate);
-    }, he = (a) => {
-      We(a);
-    }, xe = K((a) => {
-      if (S(a)) {
-        x.value = !1, n.startDate = E(n.startDate, a);
-        const o = j("endDate");
+        F.value = !0, e(f.ERROR, { ...s });
+    }, Te), Ce = (a) => {
+      s.endDate = ue(a), he(s.endDate);
+    }, xe = (a) => {
+      qe(a);
+    }, Fe = Z((a) => {
+      if (E(a)) {
+        U.value = !1, r.startDate = O(r.startDate, a);
+        const o = X("endDate");
         e(f.FORM_DATE, {
-          startDate: new Date(n.startDate),
+          startDate: new Date(r.startDate),
           endDate: o,
           startTime: a,
           endTime: t.dateFormData.endTime
         }), e(f.INPUT, {
-          startDate: new Date(n.startDate),
+          startDate: new Date(r.startDate),
           endDate: o,
-          range: D.value
+          range: u.value
         });
       } else
-        x.value = !0, e(f.ERROR, { ...s });
-    }), Fe = K((a) => {
-      if (S(a)) {
-        u.value = !1, n.endDate = E(n.endDate, a);
-        const o = j("startDate");
+        U.value = !0, e(f.ERROR, { ...s });
+    }), Ue = Z((a) => {
+      if (E(a)) {
+        c.value = !1, r.endDate = O(r.endDate, a);
+        const o = X("startDate");
         e(f.FORM_DATE, {
           startDate: o,
-          endDate: new Date(n.endDate),
+          endDate: new Date(r.endDate),
           startTime: t.dateFormData.startTime,
           endTime: a
         }), e(f.INPUT, {
           startDate: o,
-          endDate: new Date(n.endDate),
-          range: D.value
+          endDate: new Date(r.endDate),
+          range: u.value
         });
       } else
-        u.value = !0, e(f.ERROR, { ...s });
-    }), Ue = (a) => {
-      s.startTime = ve(a), xe(s.startTime);
+        c.value = !0, e(f.ERROR, { ...s });
+    }), Ae = (a) => {
+      s.startTime = _e(a), Fe(s.startTime);
     }, Pe = (a) => {
-      s.endTime = ve(a), Fe(s.endTime);
-    }, Ae = (a) => {
-      ft(a);
-    }, A = (a, o, i) => {
-      n.startDate = a, n.endDate = o, i && (n.granularity = i);
+      s.endTime = _e(a), Ue(s.endTime);
     }, Ne = (a) => {
+      pt(a);
+    }, $ = (a, o, i) => {
+      r.startDate = a, r.endDate = o, i && (r.granularity = i);
+    }, Be = (a) => {
       var i;
-      const o = (i = t.quickSelectRanges) == null ? void 0 : i.find(({ value: c }) => c === a);
+      const o = (i = t.quickSelectRanges) == null ? void 0 : i.find(({ value: D }) => D === a);
       if (o) {
-        ee();
-        const c = o.data;
-        s.startDate = R(c.startDate), s.endDate = R(c.endDate), A(c.startDate, c.endDate), t.granularities && (n.granularity = c.granularity || Re), s.startTime || (s.startTime = Y(O(c.startDate))), s.endTime || (s.endTime = Y(O(c.endDate))), e(f.CUSTOM_RANGE, { ...o.data, range: o.value });
+        te();
+        const D = o.data;
+        s.startDate = y(D.startDate), s.endDate = y(D.endDate), $(D.startDate, D.endDate), t.granularities && (r.granularity = D.granularity || ye), s.startTime || (s.startTime = j(M(D.startDate))), s.endTime || (s.endTime = j(M(D.endDate))), e(f.CUSTOM_RANGE, { ...o.data, range: o.value });
       }
-    }, Be = (a) => {
-      const o = n.granularity;
-      if (n.granularity = a, o && se(o, structuredClone(Ve(n))), n.startDate && n.endDate) {
+    }, Le = (a) => {
+      const o = r.granularity;
+      if (r.granularity = a, o && q(o, structuredClone(Ge(r))), r.startDate && r.endDate) {
         switch (a) {
           case "monthly": {
-            if (y.monthly) {
-              A(y.monthly.startDate, y.monthly.endDate, a);
+            if (_.monthly) {
+              $(_.monthly.startDate, _.monthly.endDate, a);
               break;
             }
-            const { startDate: i, endDate: c } = T(
-              n.startDate,
-              n.endDate,
+            const { startDate: i, endDate: D } = B(
+              r.startDate,
+              r.endDate,
               m.value.min,
               m.value.max
             );
-            A(i, c, a);
+            $(i, D, a);
             break;
           }
           case "weekly": {
-            if (y.weekly) {
-              A(y.weekly.startDate, y.weekly.endDate, a);
+            if (_.weekly) {
+              $(_.weekly.startDate, _.weekly.endDate, a);
               break;
             }
-            const { startDate: i, endDate: c } = w(
-              n.startDate,
-              n.endDate,
+            const { startDate: i, endDate: D } = R(
+              r.startDate,
+              r.endDate,
               m.value.min,
               m.value.max
             );
-            A(i, c, a);
+            $(i, D, a);
             break;
           }
           case "daily":
-            y.daily && A(y.daily.startDate, y.daily.endDate, a);
+            _.daily && $(_.daily.startDate, _.daily.endDate, a);
             break;
         }
-        s.startDate = R(n.startDate), s.endDate = R(n.endDate), e(f.INPUT, {
-          ...n,
-          range: D.value
+        s.startDate = y(r.startDate), s.endDate = y(r.endDate), e(f.INPUT, {
+          ...r,
+          range: u.value
         });
       }
     };
     return {
       // Values
-      internalRangeDate: n,
+      internalRangeDate: r,
       dateTextInput: s,
-      endDateError: h,
-      endTimeError: u,
-      granularityItems: g,
-      selectedGranularity: b,
+      endDateError: F,
+      endTimeError: c,
+      granularityItems: v,
+      selectedGranularity: h,
       computedMinMax: m,
-      selectedRangeSelectorValue: D,
-      startDateError: C,
-      startTimeError: x,
-      quickSelectRangeDefaultItems: $,
-      formInputWrapperConditionalClasses: L,
+      selectedRangeSelectorValue: u,
+      startDateError: x,
+      startTimeError: U,
+      quickSelectRangeDefaultItems: W,
+      formInputWrapperConditionalClasses: k,
       // Methods
-      hasSlot: Je(r),
+      hasSlot: Qe(n),
       t: d,
       // Events
-      onDateInput: ke,
-      onDateInputKeyDown: he,
+      onDateInput: Se,
+      onDateInputKeyDown: xe,
       onEndDateInput: Ce,
-      onEndDateSelected: Ee,
+      onEndDateSelected: Oe,
       onEndTimeInput: Pe,
-      onGranularityInput: Be,
-      onRangeSelectorInput: Ne,
-      onStartDateInput: Me,
-      onStartDateSelected: Se,
-      onStartTimeInput: Ue,
-      onTimeInputKeyDown: Ae
+      onGranularityInput: Le,
+      onRangeSelectorInput: Be,
+      onStartDateInput: we,
+      onStartDateSelected: Ee,
+      onStartTimeInput: Ae,
+      onTimeInputKeyDown: Ne
     };
   }
 });
-var vt = function() {
-  var e = this, r = e._self._c;
-  return e._self._setupProxy, r("div", { staticClass: "b-date-range-picker-calendar" }, [r("div", { staticClass: "b-date-range-picker-calendar__form-container" }, [r("div", { staticClass: "b-date-range-picker-calendar__form" }, [e.hasSlot("title") ? [e._t("title")] : e._e(), e.quickSelectRanges ? r("bento-dropdown", { attrs: { "aria-label": e.t("customRange"), items: e.quickSelectRangeDefaultItems, value: e.selectedRangeSelectorValue }, on: { input: e.onRangeSelectorInput } }) : e._e(), e.granularities ? r("bento-segmented-control", { attrs: { items: e.granularityItems, "model-value": e.internalRangeDate.granularity, "full-width": "" }, on: { "update:model-value": e.onGranularityInput } }) : e._e(), r("div", [r("bento-typography", { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [e._v(" From ")]), r("div", { class: e.formInputWrapperConditionalClasses }, [r("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.t("dateFrom"), value: e.dateTextInput.startDate, error: e.startDateError }, on: { input: e.onStartDateInput, keydown: e.onDateInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
+var _t = function() {
+  var e = this, n = e._self._c;
+  return e._self._setupProxy, n("div", { staticClass: "b-date-range-picker-calendar" }, [n("div", { staticClass: "b-date-range-picker-calendar__form-container" }, [n("div", { staticClass: "b-date-range-picker-calendar__form" }, [e.hasSlot("title") ? [e._t("title")] : e._e(), e.quickSelectRanges ? n("bento-dropdown", { attrs: { "aria-label": e.t("customRange"), items: e.quickSelectRangeDefaultItems, value: e.selectedRangeSelectorValue }, on: { input: e.onRangeSelectorInput } }) : e._e(), e.granularities ? n("bento-segmented-control", { attrs: { items: e.granularityItems, "model-value": e.internalRangeDate.granularity, "full-width": "" }, on: { "update:model-value": e.onGranularityInput } }) : e._e(), n("div", [n("bento-typography", { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [e._v(" From ")]), n("div", { class: e.formInputWrapperConditionalClasses }, [n("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.t("dateFrom"), value: e.dateTextInput.startDate, error: e.startDateError }, on: { input: e.onStartDateInput, keydown: e.onDateInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
     return [e._v("YYYY-MM-DD")];
-  }, proxy: !0 }]) }), e.allowTimeInput ? r("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.t("timeFrom"), value: e.dateTextInput.startTime, error: e.startTimeError }, on: { input: e.onStartTimeInput, keydown: e.onTimeInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
+  }, proxy: !0 }]) }), e.allowTimeInput ? n("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.t("timeFrom"), value: e.dateTextInput.startTime, error: e.startTimeError }, on: { input: e.onStartTimeInput, keydown: e.onTimeInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
     return [e._v("HH:MM:SS")];
-  }, proxy: !0 }], null, !1, 3442289499) }) : e._e()], 1)], 1), r("div", [r("bento-typography", { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [e._v(" To ")]), r("div", { class: e.formInputWrapperConditionalClasses }, [r("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.t("dateTo"), value: e.dateTextInput.endDate, error: e.endDateError }, on: { input: e.onEndDateInput, keydown: e.onDateInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
+  }, proxy: !0 }], null, !1, 3442289499) }) : e._e()], 1)], 1), n("div", [n("bento-typography", { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [e._v(" To ")]), n("div", { class: e.formInputWrapperConditionalClasses }, [n("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.t("dateTo"), value: e.dateTextInput.endDate, error: e.endDateError }, on: { input: e.onEndDateInput, keydown: e.onDateInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
     return [e._v("YYYY-MM-DD")];
-  }, proxy: !0 }]) }), e.allowTimeInput ? r("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.t("timeTo"), value: e.dateTextInput.endTime, error: e.endTimeError }, on: { input: e.onEndTimeInput, keydown: e.onTimeInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
+  }, proxy: !0 }]) }), e.allowTimeInput ? n("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.t("timeTo"), value: e.dateTextInput.endTime, error: e.endTimeError }, on: { input: e.onEndTimeInput, keydown: e.onTimeInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
     return [e._v("HH:MM:SS")];
-  }, proxy: !0 }], null, !1, 3442289499) }) : e._e()], 1)], 1)], 2), e.hasSlot("actions") ? r("div", [e._t("actions")], 2) : e._e()]), r("div", { staticClass: "b-date-range-picker-calendar__calendars-container" }, [r("calendar", { attrs: { value: e.value, "first-day-of-week": e.firstDayOfWeek, "is-date-disabled": e.isDateDisabled, "max-range": e.maxRange, min: e.computedMinMax.min, max: e.computedMinMax.max, "number-of-months": e.numberOfMonths, "show-end-date-on-open": e.showEndDateOnOpen, granularity: e.selectedGranularity, "is-range": "" }, on: { input: e.onDateInput, "start-date-selected": e.onStartDateSelected, "end-date-selected": e.onEndDateSelected } })], 1)]);
-}, _t = [], Tt = /* @__PURE__ */ be(
-  gt,
+  }, proxy: !0 }], null, !1, 3442289499) }) : e._e()], 1)], 1)], 2), e.hasSlot("actions") ? n("div", [e._t("actions")], 2) : e._e()]), n("div", { staticClass: "b-date-range-picker-calendar__calendars-container" }, [n("calendar", { attrs: { value: e.value, "first-day-of-week": e.firstDayOfWeek, "is-date-disabled": e.isDateDisabled, "max-range": e.maxRange, min: e.computedMinMax.min, max: e.computedMinMax.max, "number-of-months": e.numberOfMonths, "show-end-date-on-open": e.showEndDateOnOpen, granularity: e.selectedGranularity, "is-range": "" }, on: { input: e.onDateInput, "start-date-selected": e.onStartDateSelected, "end-date-selected": e.onEndDateSelected } })], 1)]);
+}, Tt = [], Rt = /* @__PURE__ */ ke(
   vt,
   _t,
+  Tt,
   !1,
   null,
   "8d0f0c53"
 );
-const k = Tt.exports, Rt = ({
+const S = Rt.exports, yt = ({
   datePickerValue: t,
-  isDateIncorrect: e
+  isDateIncorrect: e,
+  quickSelectRanges: n
 }) => {
-  var b, g, P, m;
-  const { locale: r, t: l } = te(), d = { de: ne, enUS: M, fr: re }, p = (T) => !!T && !isNaN(T.getTime()), n = (T, w) => p(T) ? W(T, w, {
-    locale: d[r.value.substring(0, 2)] || M
-  }) : void 0, D = z({
-    startDate: n((b = t.value) == null ? void 0 : b.startDate, _.NUMERIC_DATE_YEAR_FIRST),
-    endDate: n((g = t.value) == null ? void 0 : g.endDate, _.NUMERIC_DATE_YEAR_FIRST),
-    startTime: n((P = t.value) == null ? void 0 : P.startDate, _.HOUR_MINUTE_SECONDS),
-    endTime: n((m = t.value) == null ? void 0 : m.endDate, _.HOUR_MINUTE_SECONDS)
+  var v, N, m, B;
+  const { locale: l, t: d } = ne(), p = { de: se, enUS: w, fr: oe }, r = (R) => !!R && !isNaN(R.getTime()), u = (R, C) => r(R) ? Q(R, C, {
+    locale: p[l.value.substring(0, 2)] || w
+  }) : void 0, k = ee({
+    startDate: u((v = t.value) == null ? void 0 : v.startDate, T.NUMERIC_DATE_YEAR_FIRST),
+    endDate: u((N = t.value) == null ? void 0 : N.endDate, T.NUMERIC_DATE_YEAR_FIRST),
+    startTime: u((m = t.value) == null ? void 0 : m.startDate, T.HOUR_MINUTE_SECONDS),
+    endTime: u((B = t.value) == null ? void 0 : B.endDate, T.HOUR_MINUTE_SECONDS)
   });
   return {
     // Values
-    dateDisplayValue: I(() => {
+    dateDisplayValue: b(() => {
+      var g;
       if (e.value)
-        return `${D.startDate || ""} - ${D.endDate || ""}`;
+        return `${k.startDate || ""} - ${k.endDate || ""}`;
       if (!t.value || !t.value.startDate && !t.value.endDate)
-        return l("selectDateRange");
-      const { startDate: T, endDate: w } = D;
-      return `${n(new Date(T), _.FULL_DATE_MONTH_FIRST)} - ${n(
-        new Date(w),
-        _.FULL_DATE_MONTH_FIRST
+        return d("selectDateRange");
+      if ((g = n.value) != null && g.length) {
+        const L = n.value.find(
+          ({ data: I }) => {
+            var _, q;
+            return pe(I == null ? void 0 : I.startDate, (_ = t.value) == null ? void 0 : _.startDate) && pe(I == null ? void 0 : I.endDate, (q = t.value) == null ? void 0 : q.endDate);
+          }
+        );
+        if (L)
+          return L.label;
+      }
+      const { startDate: R, endDate: C } = k;
+      return `${u(new Date(R), T.FULL_DATE_MONTH_FIRST)} - ${u(
+        new Date(C),
+        T.FULL_DATE_MONTH_FIRST
       )}`;
     }),
-    textInputDisplayValue: D,
+    textInputDisplayValue: k,
     // Methods
     formatTextInputDisplayValue: () => ""
   };
 };
-var N = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(N || {});
-const yt = {
+var Y = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(Y || {});
+const It = {
   "en-US": {
     dateRangePicker: "Date range picker {name}",
     provideDateInAFormat: "Provide date in a YYYY-MM-DD format",
@@ -536,18 +553,18 @@ const yt = {
     selectDateRange: "Select a date range",
     selectedDateIsNotAvailable: "Selected date is not available"
   }
-}, It = ye({
-  i18n: { messages: yt },
+}, bt = Ie({
+  i18n: { messages: It },
   name: "bento-date-range-picker",
   components: {
-    BentoTypography: Ie,
-    BentoPopover: He,
-    DateRangePickerCalendar: k,
-    DropdownInputDefault: at,
-    ErrorMessage: nt,
-    FieldLabel: rt
+    BentoTypography: be,
+    BentoPopover: We,
+    DateRangePickerCalendar: S,
+    DropdownInputDefault: nt,
+    ErrorMessage: rt,
+    FieldLabel: st
   },
-  directives: { BentoClickOutsideDirective: st },
+  directives: { BentoClickOutsideDirective: ot },
   props: {
     /**
      * Allows user to enter time values in the form
@@ -568,16 +585,16 @@ const yt = {
     /**
      * Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: k.props.firstDayOfWeek,
+    firstDayOfWeek: S.props.firstDayOfWeek,
     /**
      * A list of available granularities.
      * If present, the date picker will display a segmented control to change granularity.
      */
-    granularities: k.props.granularities,
+    granularities: S.props.granularities,
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: k.props.isDateDisabled,
+    isDateDisabled: S.props.isDateDisabled,
     /**
      * Text that is displayed as a label above the element.
      */
@@ -616,119 +633,121 @@ const yt = {
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
-    maxRange: k.props.maxRange,
+    maxRange: S.props.maxRange,
     /**
      * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
      */
-    min: k.props.min,
+    min: S.props.min,
     /**
      * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
      */
-    max: k.props.max,
+    max: S.props.max,
     /**
      * Number of months rendered on pane
      */
-    numberOfMonths: k.props.numberOfMonths,
+    numberOfMonths: S.props.numberOfMonths,
     /**
      * Selected date
      */
-    value: k.props.value
+    value: S.props.value
   },
-  emits: [N.INPUT],
+  emits: [Y.INPUT],
   setup(t, { emit: e }) {
-    const { locale: r, t: l } = te(), d = { de: ne, enUS: M, fr: re }, p = G("bento-date-range-picker-container"), n = G("bento-date-range-picker-label"), D = G("bento-date-range-picker-description"), L = G("bento-date-range-picker-error"), $ = G("bento-date-range-picker-date-error"), b = I(
+    const { locale: n, t: l } = ne(), d = { de: se, enUS: w, fr: oe }, p = z("bento-date-range-picker-container"), r = z("bento-date-range-picker-label"), u = z("bento-date-range-picker-description"), k = z("bento-date-range-picker-error"), W = z("bento-date-range-picker-date-error"), h = b(
       () => t.label || l("dateRangePicker", { name: p })
-    ), g = U(!1), P = U(null), m = U(!1), { isReadOnly: T } = qe(de(t, "readonly"));
-    Ge(
+    ), v = P(!1), N = P(null), m = P(!1), { isReadOnly: B } = je(ae(t, "readonly"));
+    He(
       () => t.disabled,
       () => {
         t.disabled && m.value && (m.value = !1);
       }
     );
-    const w = I(() => ({
-      "b-date-range-picker__description--error": !!t.errorMessage || g.value
-    })), { dateDisplayValue: Q, textInputDisplayValue: v, formatTextInputDisplayValue: X } = Rt({
-      datePickerValue: de(t, "value"),
-      isDateIncorrect: g
-    }), Z = I(
-      () => `${t.description ? D : ""} ${t.errorMessage ? L : ""} ${g.value ? $ : ""}`.trim() || null
+    const R = b(() => ({
+      "b-date-range-picker__description--error": !!t.errorMessage || v.value
+    })), { dateDisplayValue: C, textInputDisplayValue: g, formatTextInputDisplayValue: L } = yt({
+      datePickerValue: ae(t, "value"),
+      isDateIncorrect: v,
+      quickSelectRanges: ae(t, "quickSelectRanges")
+    }), I = b(
+      () => `${t.description ? u : ""} ${t.errorMessage ? k : ""} ${v.value ? W : ""}`.trim() || null
     );
     return {
       // Refs
-      inputContainerRef: P,
+      inputContainerRef: N,
       // Values,
-      dateDisplayValue: Q,
+      dateDisplayValue: C,
       datePickerContainerId: p,
-      descriptionConditionalClasses: w,
-      isDateIncorrect: g,
+      descriptionConditionalClasses: R,
+      isDateIncorrect: v,
       isDateRangePickerOpen: m,
-      isReadOnly: T,
-      labelId: n,
-      descriptionId: D,
-      dateErrorId: $,
-      errorId: L,
-      popoverAriaLabel: b,
-      ariaDescribedBy: Z,
-      textInputDisplayValue: v,
+      isReadOnly: B,
+      labelId: r,
+      descriptionId: u,
+      dateErrorId: W,
+      errorId: k,
+      popoverAriaLabel: h,
+      ariaDescribedBy: I,
+      textInputDisplayValue: g,
       // Events
       closeDateRangePicker: () => {
         m.value = !1;
       },
       clearDateRangePickerValue: async () => {
-        g.value && (g.value = !1), e(N.INPUT, null);
+        v.value && (v.value = !1), e(Y.INPUT, null);
       },
       openDateRangePicker: () => {
-        m.value = !0, X();
+        m.value = !0, L();
       },
-      onRangeSelectorInput: (u) => {
-        if (u) {
-          const s = (S) => W(S, _.NUMERIC_DATE_YEAR_FIRST, {
-            locale: d[r.value.substring(0, 2)] || M
+      onRangeSelectorInput: (c) => {
+        if (c) {
+          const s = (E) => Q(E, T.NUMERIC_DATE_YEAR_FIRST, {
+            locale: d[n.value.substring(0, 2)] || w
           });
-          v.startDate = s(u.startDate), v.endDate = s(u.endDate), e(N.INPUT, u);
+          g.startDate = s(c.startDate), g.endDate = s(c.endDate), e(Y.INPUT, c);
         }
       },
       onEnterPressedOverInput: () => {
-        g.value || (m.value = !1);
+        v.value || (m.value = !1);
       },
-      onDateRangePickerInput: (u) => {
-        g.value = !1;
-        const s = (S, E) => S ? W(S, E, {
-          locale: d[r.value.substring(0, 2)] || M
+      onDateRangePickerInput: (c) => {
+        v.value = !1;
+        const s = (E, O) => E ? Q(E, O, {
+          locale: d[n.value.substring(0, 2)] || w
         }) : void 0;
-        v.startDate = s(
-          u.startDate,
-          _.NUMERIC_DATE_YEAR_FIRST
-        ), v.endDate = s(u.endDate, _.NUMERIC_DATE_YEAR_FIRST), v.startTime = s(u.startDate, _.HOUR_MINUTE_SECONDS), v.endTime = s(u.endDate, _.HOUR_MINUTE_SECONDS), e(N.INPUT, u);
+        g.startDate = s(
+          c.startDate,
+          T.NUMERIC_DATE_YEAR_FIRST
+        ), g.endDate = s(c.endDate, T.NUMERIC_DATE_YEAR_FIRST), g.startTime = s(c.startDate, T.HOUR_MINUTE_SECONDS), g.endTime = s(c.endDate, T.HOUR_MINUTE_SECONDS), e(Y.INPUT, c);
       },
-      onDateRangePickerError: (u) => {
-        g.value = !0, v.startDate = u.startDate, v.endDate = u.endDate, e(N.INPUT, { startDate: null, endDate: null });
+      onDateRangePickerError: (c) => {
+        v.value = !0, g.startDate = c.startDate, g.endDate = c.endDate, e(Y.INPUT, { startDate: null, endDate: null });
       },
-      onDateRangePickerFormDateInputUpdate: (u) => {
-        g.value = !1, u.startTime && (v.startTime = u.startTime), u.endTime && (v.endTime = u.endTime);
+      onDateRangePickerFormDateInputUpdate: (c) => {
+        v.value = !1, c.startTime && (g.startTime = c.startTime), c.endTime && (g.endTime = c.endTime);
       },
       // Translations
       t: l
     };
   }
 });
-var bt = function() {
-  var e = this, r = e._self._c;
-  return e._self._setupProxy, r("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: e.closeDateRangePicker, expression: "closeDateRangePicker" }], staticClass: "b-date-range-picker" }, [e.label ? r("field-label", { attrs: { id: e.labelId, label: e.label, "tooltip-text": e.tooltipText, optional: e.optional, required: e.required } }) : e._e(), r("div", { on: { keydown: function(l) {
+var kt = function() {
+  var e = this, n = e._self._c;
+  return e._self._setupProxy, n("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: e.closeDateRangePicker, expression: "closeDateRangePicker" }], staticClass: "b-date-range-picker" }, [e.label ? n("field-label", { attrs: { id: e.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 : e.onEnterPressedOverInput.apply(null, arguments);
-  } } }, [r("dropdown-input-default", { ref: "inputContainerRef", attrs: { "always-combobox-is-input": "", ariaControls: e.datePickerContainerId, ariaExpanded: e.isDateRangePickerOpen, "aria-labelledby": e.label ? e.labelId : null, "aria-describedby": e.ariaDescribedBy, disabled: e.disabled, "is-invalid": !!e.errorMessage || e.isDateIncorrect, open: e.isDateRangePickerOpen, "display-value": e.dateDisplayValue, readonly: e.isReadOnly }, on: { open: e.openDateRangePicker, clear: e.clearDateRangePickerValue, close: e.closeDateRangePicker } })], 1), e.isDateIncorrect ? r("error-message", { staticClass: "b-date-range-picker__error-message", attrs: { id: e.dateErrorId, "error-message": e.t("provideDateInAFormat") } }) : e._e(), e.errorMessage ? r("error-message", { staticClass: "b-date-range-picker__error-message", attrs: { id: e.errorId, "error-message": e.errorMessage } }) : e._e(), e.description ? r("bento-typography", { staticClass: "b-date-range-picker__description", class: e.descriptionConditionalClasses, attrs: { id: e.descriptionId, el: "span" } }, [e._v(" " + e._s(e.description) + " ")]) : e._e(), e.inputContainerRef ? r("bento-popover", { staticClass: "b-date-range-picker__container", attrs: { id: e.datePickerContainerId, open: e.isDateRangePickerOpen, "target-element": e.inputContainerRef, "disable-focus-trap": !0, "aria-label": e.popoverAriaLabel, position: "bottom-start", "without-space": "", "fit-content": "" } }, [r("date-range-picker-calendar", { attrs: { "allow-time-input": e.allowTimeInput, "quick-select-ranges": e.quickSelectRanges, 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": e.textInputDisplayValue }, on: { "custom-range": e.onRangeSelectorInput, input: e.onDateRangePickerInput, error: e.onDateRangePickerError, "form-date": e.onDateRangePickerFormDateInputUpdate } })], 1) : e._e()], 1);
-}, kt = [], St = /* @__PURE__ */ be(
-  It,
+  } } }, [n("dropdown-input-default", { ref: "inputContainerRef", attrs: { "always-combobox-is-input": "", ariaControls: e.datePickerContainerId, ariaExpanded: e.isDateRangePickerOpen, "aria-labelledby": e.label ? e.labelId : null, "aria-describedby": e.ariaDescribedBy, disabled: e.disabled, "is-invalid": !!e.errorMessage || e.isDateIncorrect, open: e.isDateRangePickerOpen, "display-value": e.dateDisplayValue, readonly: e.isReadOnly }, on: { open: e.openDateRangePicker, clear: e.clearDateRangePickerValue, close: e.closeDateRangePicker } })], 1), e.isDateIncorrect ? n("error-message", { staticClass: "b-date-range-picker__error-message", attrs: { id: e.dateErrorId, "error-message": e.t("provideDateInAFormat") } }) : e._e(), e.errorMessage ? n("error-message", { staticClass: "b-date-range-picker__error-message", attrs: { id: e.errorId, "error-message": e.errorMessage } }) : e._e(), e.description ? n("bento-typography", { staticClass: "b-date-range-picker__description", class: e.descriptionConditionalClasses, attrs: { id: e.descriptionId, el: "span" } }, [e._v(" " + e._s(e.description) + " ")]) : e._e(), e.inputContainerRef ? n("bento-popover", { staticClass: "b-date-range-picker__container", attrs: { id: e.datePickerContainerId, open: e.isDateRangePickerOpen, "target-element": e.inputContainerRef, "disable-focus-trap": !0, "aria-label": e.popoverAriaLabel, position: "bottom-start", "without-space": "", "fit-content": "" } }, [n("date-range-picker-calendar", { attrs: { "allow-time-input": e.allowTimeInput, "quick-select-ranges": e.quickSelectRanges, 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": e.textInputDisplayValue }, on: { "custom-range": e.onRangeSelectorInput, input: e.onDateRangePickerInput, error: e.onDateRangePickerError, "form-date": e.onDateRangePickerFormDateInputUpdate } })], 1) : e._e()], 1);
+}, St = [], Et = /* @__PURE__ */ ke(
   bt,
   kt,
+  St,
   !1,
   null,
-  "22f9e942"
+  "c3b80437"
 );
-const Kt = St.exports;
+const zt = Et.exports;
 export {
-  Kt as B,
-  k as D,
-  N as a
+  zt as B,
+  S as D,
+  Y as a,
+  pe as i
 };
-//# sourceMappingURL=date-range-picker.C__cQBs3.js.map
+//# sourceMappingURL=date-range-picker.BlTFEbr-.js.map