@adyen/bento-vue2 1.4.1 → 1.5.0

package/dist/chunks/{index.58ce168a.js → index.4a11da21.js}

@@ -1,51 +1,56 @@
-import { defineComponent as le, reactive as H, ref as y, computed as M, onMounted as ge, toRef as re, watch as ve } from "vue";
-import { c as Re } from "./dropdown-default-textbox.9bef4138.js";
-import { BentoPopover as Te } from "../popover.js";
+import { defineComponent as ue, reactive as K, ref as y, computed as M, onMounted as Te, toRef as oe, watch as Ie } from "vue";
+import { c as be } from "./dropdown-default-textbox.2d093874.js";
+import { BentoPopover as ye } from "../popover.js";
 import { g as N } from "./unique-id.a2a2b458.js";
-import { u as W } from "./i18n.155748d6.js";
-import { B as de } from "./index.1645ffcb.js";
-import { t as K, f as F } from "./index.e722eb60.js";
-import { r as G, t as j, e as I, d as z, f as J } from "./index.f55fdc32.js";
-import { f as se, v as Ie, D as T } from "./date-input.9186a0bf.js";
-import { u as be } from "./use-form-layout-loading.d03e5d48.js";
-import { BentoInputField as ye } from "../input-field.js";
-import { B as ke } from "./dropdown.15cc1c45.js";
-import { d as B } from "./debounce.f8d92e44.js";
-import { u as Ee } from "./use-has-slot.6052d56a.js";
-import { e as L } from "./index.fdf12170.js";
-import { C as $ } from "./calendar.c20df708.js";
-import { n as ce } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import { E as Se } from "./error-message.7a5db7f6.js";
-import { B as Ce } from "./directive.0408e565.js";
-import "../assets/index15.css";
-function Oe(t, e) {
-  G(2, arguments);
-  var n = j(t), o = K(e);
+import { u as G } from "./i18n.155748d6.js";
+import { B as De } from "./index.1645ffcb.js";
+import { t as j, f as F } from "./index.e722eb60.js";
+import { r as Y, t as B, e as I, d as z, f as J } from "./index.f55fdc32.js";
+import { f as ie, v as ke, D as T } from "./date-input.9186a0bf.js";
+import { u as Ee } from "./use-form-layout-loading.d03e5d48.js";
+import { BentoInputField as Se } from "../input-field.js";
+import { B as Ce } from "./dropdown.10ea8304.js";
+import { d as q } from "./debounce.b5ef6acf.js";
+import { u as Oe } from "./use-has-slot.6052d56a.js";
+import { e as H } from "./index.fdf12170.js";
+import { C as $ } from "./calendar.44459d87.js";
+import { n as me } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { E as Me } from "./error-message.7a5db7f6.js";
+import { B as Fe } from "./directive.0408e565.js";
+import "../assets/index10.css";
+function le(t, e) {
+  Y(2, arguments);
+  var n = B(t), o = B(e);
+  return n.getTime() === o.getTime();
+}
+function Pe(t, e) {
+  Y(2, arguments);
+  var n = B(t), o = j(e);
   return n.setHours(o), n;
 }
-function Me(t, e) {
-  G(2, arguments);
-  var n = j(t), o = K(e);
+function we(t, e) {
+  Y(2, arguments);
+  var n = B(t), o = j(e);
   return n.setMinutes(o), n;
 }
-function Fe(t, e) {
-  G(2, arguments);
-  var n = j(t), o = K(e);
+function Ue(t, e) {
+  Y(2, arguments);
+  var n = B(t), o = j(e);
   return n.setSeconds(o), n;
 }
-var i = /* @__PURE__ */ ((t) => (t.CUSTOM_RANGE = "custom-range", t.INPUT = "input", t.ERROR = "error", t.FORM_DATE = "form-date", t))(i || {});
-const Pe = /[\d]/, we = /^\d{2}$/, Ue = /^\d{2}:\d{2}$/, he = (t) => {
-  const { selectionStart: e } = t.target, n = Pe.test(t.key) || t.key === "Backspace", o = [1, 2, 4, 5].includes(e) && t.key === ":";
+var l = /* @__PURE__ */ ((t) => (t.CUSTOM_RANGE = "custom-range", t.INPUT = "input", t.ERROR = "error", t.FORM_DATE = "form-date", t))(l || {});
+const he = /[\d]/, Ae = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Ne = (t) => {
+  const { selectionStart: e } = t.target, n = he.test(t.key) || t.key === "Backspace", o = [1, 2, 4, 5].includes(e) && t.key === ":";
   !n && !o && t.preventDefault();
-}, oe = (t) => {
+}, de = (t) => {
   if (!t)
     return t;
   let e = t;
   if (e.length === 1 && parseInt(t, 10) > 2)
     return `0${e}:`;
   const [n, o] = e.slice(-2);
-  return [2, 5].includes(e.length) && o === ":" && (e = `${e.slice(0, e.length - 2)}0${n}`), (we.test(e) || Ue.test(e)) && (e += ":"), e;
-}, Ae = {
+  return [2, 5].includes(e.length) && o === ":" && (e = `${e.slice(0, e.length - 2)}0${n}`), (Ae.test(e) || xe.test(e)) && (e += ":"), e;
+}, $e = {
   "en-US": {
     customRange: "Custom range",
     dateFrom: "Date from",
@@ -56,13 +61,13 @@ const Pe = /[\d]/, we = /^\d{2}$/, Ue = /^\d{2}:\d{2}$/, he = (t) => {
     timeFrom: "Time from",
     timeTo: "Time to"
   }
-}, ie = 300, V = "customRange", xe = le({
-  i18n: { messages: Ae },
+}, ce = 300, W = "customRange", Be = ue({
+  i18n: { messages: $e },
   name: "date-range-picker-calendar",
   components: {
-    BentoDropdown: ke,
-    BentoInputField: ye,
-    BentoTypography: de,
+    BentoDropdown: Ce,
+    BentoInputField: Se,
+    BentoTypography: De,
     Calendar: $
   },
   props: {
@@ -110,163 +115,167 @@ const Pe = /[\d]/, we = /^\d{2}$/, Ue = /^\d{2}:\d{2}$/, he = (t) => {
     value: { type: Object, default: void 0 }
   },
   emits: [
-    i.CUSTOM_RANGE,
-    i.INPUT,
-    i.ERROR,
-    i.FORM_DATE
+    l.CUSTOM_RANGE,
+    l.INPUT,
+    l.ERROR,
+    l.FORM_DATE
   ],
   setup(t, { emit: e, slots: n }) {
-    var ae, ne;
-    const { locale: o, t: b } = W(), g = { de: z, enUS: I, fr: J }, c = H({
+    var ae, ne, re, se;
+    const { locale: o, t: b } = G(), g = { de: z, enUS: I, fr: J }, i = K({
       startDate: (ae = t.value) == null ? void 0 : ae.startDate,
       endDate: (ne = t.value) == null ? void 0 : ne.endDate
-    }), m = y(V), P = M(() => ({
+    }), f = y(
+      ((se = (re = t == null ? void 0 : t.quickSelectRanges) == null ? void 0 : re.find(
+        ({ data: a }) => le(a.startDate, i.startDate) && le(a.endDate, i.endDate)
+      )) == null ? void 0 : se.value) ?? W
+    ), P = M(() => ({
       "b-date-range-picker-calendar__form-input-wrapper": t.allowTimeInput
     })), w = M(() => t.quickSelectRanges ? [
-      { label: b("customRange"), value: V },
+      { label: b("customRange"), value: W },
       ...t.quickSelectRanges
     ] : []), v = () => {
-      t != null && t.quickSelectRanges && (m.value = V);
-    }, l = (a) => a ? F(a, T.NUMERIC_DATE_YEAR_FIRST, {
+      t != null && t.quickSelectRanges && (f.value = W);
+    }, d = (a) => a ? F(a, T.NUMERIC_DATE_YEAR_FIRST, {
       locale: g[o.value.substring(0, 2)] || I
     }) : "", R = (a) => a ? F(a, T.HOUR_MINUTE_SECONDS, {
       locale: g[o.value.substring(0, 2)] || I
-    }) : "", u = y(!1), f = y(!1), D = y(!1), p = y(!1), r = H({
+    }) : "", u = y(!1), p = y(!1), D = y(!1), m = y(!1), r = K({
       startDate: t.dateFormData.startDate,
       endDate: t.dateFormData.endDate,
       startTime: t.dateFormData.startTime,
       endTime: t.dateFormData.endTime
-    }), Y = (a) => {
-      e(i.INPUT, a);
+    }), L = (a) => {
+      e(l.INPUT, a);
     }, U = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), h = (a, s) => {
       if (!s || !U(s))
         return a;
       let _ = new Date(a);
-      const [S, q, _e] = s.split(":");
-      return _ = Oe(_, parseInt(S, 10)), _ = Me(_, parseInt(q, 10)), _ = Fe(_, parseInt(_e, 10)), _;
+      const [S, V, Re] = s.split(":");
+      return _ = Pe(_, parseInt(S, 10)), _ = we(_, parseInt(V, 10)), _ = Ue(_, parseInt(Re, 10)), _;
     }, E = (a) => {
       const s = (S) => t.isDateDisabled ? !t.isDateDisabled(S) : !0;
       return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(a) && s(new Date(a));
     };
-    ge(() => {
-      t.dateFormData.startDate && !E(t.dateFormData.startDate) ? u.value = !0 : (u.value = !1, D.value = !1), t.dateFormData.endDate && !E(t.dateFormData.endDate) ? f.value = !0 : (f.value = !1, p.value = !1);
+    Te(() => {
+      t.dateFormData.startDate && !E(t.dateFormData.startDate) ? u.value = !0 : (u.value = !1, D.value = !1), t.dateFormData.endDate && !E(t.dateFormData.endDate) ? p.value = !0 : (p.value = !1, m.value = !1);
     });
     const Q = (a) => {
       var s;
-      v(), r.startDate = l(a), r.startTime ? D.value && (r.startTime = (s = t.dateFormData) == null ? void 0 : s.startTime) : r.startTime = R(a), u.value = !1, D.value = !1;
+      v(), r.startDate = d(a), r.startTime ? D.value && (r.startTime = (s = t.dateFormData) == null ? void 0 : s.startTime) : r.startTime = R(a), u.value = !1, D.value = !1;
     }, X = (a) => {
       var s;
-      r.endDate = l(a), r.endTime ? p.value && (r.endTime = (s = t.dateFormData) == null ? void 0 : s.endTime) : r.endTime = R(L(a)), f.value = !1, p.value = !1;
+      r.endDate = d(a), r.endTime ? m.value && (r.endTime = (s = t.dateFormData) == null ? void 0 : s.endTime) : r.endTime = R(H(a)), p.value = !1, m.value = !1;
     }, A = (a) => {
       const s = t.value[a];
       if (s)
         return s;
       if (t.dateFormData[a] && E(t.dateFormData[a]))
         return new Date(t.dateFormData[a]);
-    }, Z = B((a) => {
+    }, Z = q((a) => {
       if (E(a)) {
-        u.value = !1, c.startDate = h(new Date(a), r.startTime);
+        u.value = !1, i.startDate = h(new Date(a), r.startTime);
         const s = A("endDate");
-        e(i.FORM_DATE, {
+        e(l.FORM_DATE, {
           startDate: new Date(a),
           endDate: s
-        }), e(i.INPUT, {
+        }), e(l.INPUT, {
           startDate: new Date(a),
           endDate: s
         });
       } else
-        u.value = !0, e(i.ERROR, { ...r });
-    }, ie), ee = (a) => {
-      v(), r.startDate = se(a), Z(r.startDate);
-    }, te = B((a) => {
+        u.value = !0, e(l.ERROR, { ...r });
+    }, ce), ee = (a) => {
+      v(), r.startDate = ie(a), Z(r.startDate);
+    }, te = q((a) => {
       if (E(a)) {
-        f.value = !1, c.endDate = h(new Date(a), r.endTime);
+        p.value = !1, i.endDate = h(new Date(a), r.endTime);
         const s = A("startDate");
-        e(i.FORM_DATE, {
+        e(l.FORM_DATE, {
           startDate: s,
-          endDate: new Date(c.endDate),
+          endDate: new Date(i.endDate),
           startTime: t.dateFormData.endTime,
           endTime: a
-        }), e(i.INPUT, {
+        }), e(l.INPUT, {
           startDate: s,
-          endDate: new Date(c.endDate)
+          endDate: new Date(i.endDate)
         });
       } else
-        f.value = !0, e(i.ERROR, { ...r });
-    }, ie), d = (a) => {
-      v(), r.endDate = se(a), te(r.endDate);
+        p.value = !0, e(l.ERROR, { ...r });
+    }, ce), c = (a) => {
+      v(), r.endDate = ie(a), te(r.endDate);
     }, k = (a) => {
-      Ie(a);
-    }, x = B((a) => {
+      ke(a);
+    }, x = q((a) => {
       if (U(a)) {
-        D.value = !1, c.startDate = h(c.startDate, a);
+        D.value = !1, i.startDate = h(i.startDate, a);
         const s = A("endDate");
-        e(i.FORM_DATE, {
-          startDate: new Date(c.startDate),
+        e(l.FORM_DATE, {
+          startDate: new Date(i.startDate),
           endDate: s,
           startTime: a,
           endTime: t.dateFormData.endTime
-        }), e(i.INPUT, {
-          startDate: new Date(c.startDate),
+        }), e(l.INPUT, {
+          startDate: new Date(i.startDate),
           endDate: s
         });
       } else
-        D.value = !0, e(i.ERROR, { ...r });
-    }), ue = B((a) => {
+        D.value = !0, e(l.ERROR, { ...r });
+    }), fe = q((a) => {
       if (U(a)) {
-        p.value = !1, c.endDate = h(c.endDate, a);
+        m.value = !1, i.endDate = h(i.endDate, a);
         const s = A("startDate");
-        e(i.FORM_DATE, {
+        e(l.FORM_DATE, {
           startDate: s,
-          endDate: new Date(c.endDate),
+          endDate: new Date(i.endDate),
           startTime: t.dateFormData.startTime,
           endTime: a
-        }), e(i.INPUT, {
+        }), e(l.INPUT, {
           startDate: s,
-          endDate: new Date(c.endDate)
+          endDate: new Date(i.endDate)
         });
       } else
-        p.value = !0, e(i.ERROR, { ...r });
-    }), De = (a) => {
-      v(), r.startTime = oe(a), x(r.startTime);
-    }, pe = (a) => {
-      v(), r.endTime = oe(a), ue(r.endTime);
-    }, me = (a) => {
-      he(a);
-    }, fe = (a) => {
+        m.value = !0, e(l.ERROR, { ...r });
+    }), pe = (a) => {
+      v(), r.startTime = de(a), x(r.startTime);
+    }, _e = (a) => {
+      v(), r.endTime = de(a), fe(r.endTime);
+    }, ge = (a) => {
+      Ne(a);
+    }, ve = (a) => {
       var _, S;
-      m.value = a;
-      const s = (S = (_ = t.quickSelectRanges) == null ? void 0 : _.find(({ value: q }) => q === a)) == null ? void 0 : S.data;
-      s && (r.startDate = l(s.startDate), r.endDate = l(s.endDate), r.startTime || (r.startTime = R(L(s.startDate))), r.endTime || (r.endTime = R(L(s.endDate))), e(i.CUSTOM_RANGE, s));
+      f.value = a;
+      const s = (S = (_ = t.quickSelectRanges) == null ? void 0 : _.find(({ value: V }) => V === a)) == null ? void 0 : S.data;
+      s && (r.startDate = d(s.startDate), r.endDate = d(s.endDate), r.startTime || (r.startTime = R(H(s.startDate))), r.endTime || (r.endTime = R(H(s.endDate))), e(l.CUSTOM_RANGE, s));
     };
     return {
       // Values
       dateTextInput: r,
-      endDateError: f,
-      endTimeError: p,
-      selectedRangeSelectorValue: m,
+      endDateError: p,
+      endTimeError: m,
+      selectedRangeSelectorValue: f,
       startDateError: u,
       startTimeError: D,
       quickSelectRangeDefaultItems: w,
       formInputWrapperConditionalClasses: P,
       // Methods
-      hasSlot: Ee(n),
+      hasSlot: Oe(n),
       t: b,
       // Events
-      onRangeSelectorInput: fe,
-      onDateInput: Y,
+      onRangeSelectorInput: ve,
+      onDateInput: L,
       onDateInputKeyDown: k,
-      onEndDateInput: d,
+      onEndDateInput: c,
       onEndDateSelected: X,
-      onEndTimeInput: pe,
+      onEndTimeInput: _e,
       onStartDateSelected: Q,
       onStartDateInput: ee,
-      onStartTimeInput: De,
-      onTimeInputKeyDown: me
+      onStartTimeInput: pe,
+      onTimeInputKeyDown: ge
     };
   }
 });
-var Ne = function() {
+var qe = 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.quickSelectRanges ? n("bento-dropdown", { attrs: { "aria-label": e.t("customRange"), items: e.quickSelectRangeDefaultItems, value: e.selectedRangeSelectorValue }, on: { input: e.onRangeSelectorInput } }) : e._e(), e.hasSlot("title") ? [e._t("title")] : 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")];
@@ -277,52 +286,52 @@ var Ne = 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") ? 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, "number-of-months": e.numberOfMonths, "is-range": "" }, on: { input: e.onDateInput, "start-date-selected": e.onStartDateSelected, "end-date-selected": e.onEndDateSelected } })], 1)]);
-}, $e = [], Be = /* @__PURE__ */ ce(
-  xe,
-  Ne,
-  $e,
+}, Ye = [], Le = /* @__PURE__ */ me(
+  Be,
+  qe,
+  Ye,
   !1,
   null,
-  "4a3a04fb",
+  "d5d0c41d",
   null,
   null
 );
-const C = Be.exports;
+const C = Le.exports;
 var O = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(O || {});
-const Ye = ({
+const Ve = ({
   datePickerValue: t,
   isDateIncorrect: e
 }) => {
-  var v, l, R, u, f;
-  const { locale: n, t: o } = W(), b = { de: z, enUS: I, fr: J }, g = (D, p) => F(D, p, {
+  var v, d, R, u, p;
+  const { locale: n, t: o } = G(), b = { de: z, enUS: I, fr: J }, g = (D, m) => F(D, m, {
     locale: b[n.value.substring(0, 2)] || I
-  }), c = (D) => F(D, T.HOUR_MINUTE_SECONDS, {
+  }), i = (D) => F(D, T.HOUR_MINUTE_SECONDS, {
     locale: b[n.value.substring(0, 2)] || I
-  }), m = H({
+  }), f = K({
     startDate: (v = t.value) != null && v.startDate ? g(t.value.startDate, T.NUMERIC_DATE_YEAR_FIRST) : void 0,
-    endDate: (l = t.value) != null && l.endDate ? g(t.value.endDate, T.NUMERIC_DATE_YEAR_FIRST) : void 0,
+    endDate: (d = t.value) != null && d.endDate ? g(t.value.endDate, T.NUMERIC_DATE_YEAR_FIRST) : void 0,
     // Set time if the startDate/endDate are set
-    startTime: (R = t.value) != null && R.startDate ? c((u = t.value) == null ? void 0 : u.startDate) : void 0,
-    endTime: (f = t.value) != null && f.endDate ? c(t.value.endDate) : void 0
+    startTime: (R = t.value) != null && R.startDate ? i((u = t.value) == null ? void 0 : u.startDate) : void 0,
+    endTime: (p = t.value) != null && p.endDate ? i(t.value.endDate) : void 0
   });
   return {
     // Values
     dateDisplayValue: M(() => {
       if (e.value)
-        return `${m.startDate || ""} - ${m.endDate || ""}`;
+        return `${f.startDate || ""} - ${f.endDate || ""}`;
       if (!t.value || !t.value.startDate && !t.value.endDate)
         return o("selectDateRange");
-      const { startDate: D, endDate: p } = m;
+      const { startDate: D, endDate: m } = f;
       return `${g(new Date(D), T.FULL_DATE_MONTH_FIRST)} - ${g(
-        new Date(p),
+        new Date(m),
         T.FULL_DATE_MONTH_FIRST
       )}`;
     }),
-    textInputDisplayValue: m,
+    textInputDisplayValue: f,
     // Methods
     formatTextInputDisplayValue: () => ""
   };
-}, qe = {
+}, He = {
   "en-US": {
     dateRangePicker: "Date range picker {name}",
     optional: "optional",
@@ -332,17 +341,17 @@ const Ye = ({
     selectDateRange: "Select a date range",
     selectedDateIsNotAvailable: "Selected date is not available"
   }
-}, Le = le({
-  i18n: { messages: qe },
+}, We = ue({
+  i18n: { messages: He },
   name: "bento-date-range-picker",
   components: {
-    BentoTypography: de,
-    BentoPopover: Te,
+    BentoTypography: De,
+    BentoPopover: ye,
     DateRangePickerCalendar: C,
-    DropdownInputDefault: Re,
-    ErrorMessage: Se
+    DropdownInputDefault: be,
+    ErrorMessage: Me
   },
-  directives: { BentoClickOutsideDirective: Ce },
+  directives: { BentoClickOutsideDirective: Fe },
   props: {
     /**
      * Allows user to enter time values in the form
@@ -410,35 +419,35 @@ const Ye = ({
   },
   emits: [O.INPUT],
   setup(t, { emit: e }) {
-    const { locale: n, t: o } = W(), b = { de: z, enUS: I, fr: J }, g = N("bento-date-range-picker-container"), c = N("bento-date-range-picker-label"), m = N("bento-date-range-picker-description"), P = N("bento-date-range-picker-error"), w = N("bento-date-range-picker-date-error"), v = M(
+    const { locale: n, t: o } = G(), b = { de: z, enUS: I, fr: J }, g = N("bento-date-range-picker-container"), i = N("bento-date-range-picker-label"), f = N("bento-date-range-picker-description"), P = N("bento-date-range-picker-error"), w = N("bento-date-range-picker-date-error"), v = M(
       () => t.label || o("dateRangePicker", { name: g })
-    ), l = y(!1), R = y(null), u = y(!1), { isReadOnly: f } = be(re(t, "readonly"));
-    ve(
+    ), d = y(!1), R = y(null), u = y(!1), { isReadOnly: p } = Ee(oe(t, "readonly"));
+    Ie(
       () => t.disabled,
       () => {
         t.disabled && u.value && (u.value = !1);
       }
     );
     const D = M(() => ({
-      "b-date-range-picker__description--error": !!t.errorMessage || l.value
-    })), { dateDisplayValue: p, textInputDisplayValue: r, formatTextInputDisplayValue: Y } = Ye({
-      datePickerValue: re(t, "value"),
-      isDateIncorrect: l
+      "b-date-range-picker__description--error": !!t.errorMessage || d.value
+    })), { dateDisplayValue: m, textInputDisplayValue: r, formatTextInputDisplayValue: L } = Ve({
+      datePickerValue: oe(t, "value"),
+      isDateIncorrect: d
     }), U = M(
-      () => `${t.description ? m : ""} ${t.errorMessage ? P : ""} ${l.value ? w : ""}`.trim() || null
+      () => `${t.description ? f : ""} ${t.errorMessage ? P : ""} ${d.value ? w : ""}`.trim() || null
     );
     return {
       // Refs
       inputContainerRef: R,
       // Values,
-      dateDisplayValue: p,
+      dateDisplayValue: m,
       datePickerContainerId: g,
       descriptionConditionalClasses: D,
-      isDateIncorrect: l,
+      isDateIncorrect: d,
       isDateRangePickerOpen: u,
-      isReadOnly: f,
-      labelId: c,
-      descriptionId: m,
+      isReadOnly: p,
+      labelId: i,
+      descriptionId: f,
       dateErrorId: w,
       errorId: P,
       popoverAriaLabel: v,
@@ -449,57 +458,57 @@ const Ye = ({
         u.value = !1;
       },
       clearDateRangePickerValue: async () => {
-        l.value && (l.value = !1), e(O.INPUT, null);
+        d.value && (d.value = !1), e(O.INPUT, null);
       },
       openDateRangePicker: () => {
-        u.value = !0, Y();
+        u.value = !0, L();
       },
-      onRangeSelectorInput: (d) => {
-        if (d) {
+      onRangeSelectorInput: (c) => {
+        if (c) {
           const k = (x) => F(x, T.NUMERIC_DATE_YEAR_FIRST, {
             locale: b[n.value.substring(0, 2)] || I
           });
-          r.startDate = k(d.startDate), r.endDate = k(d.endDate), e(O.INPUT, d);
+          r.startDate = k(c.startDate), r.endDate = k(c.endDate), e(O.INPUT, c);
         }
       },
       onEnterPressedOverInput: () => {
-        l.value || (u.value = !1);
+        d.value || (u.value = !1);
       },
-      onDateRangePickerInput: (d) => {
-        l.value = !1;
+      onDateRangePickerInput: (c) => {
+        d.value = !1;
         const k = (x) => F(x, T.NUMERIC_DATE_YEAR_FIRST, {
           locale: b[n.value.substring(0, 2)] || I
         });
-        r.startDate = k(d.startDate), r.endDate = k(d.endDate), e(O.INPUT, d);
+        r.startDate = k(c.startDate), r.endDate = k(c.endDate), e(O.INPUT, c);
       },
-      onDateRangePickerError: (d) => {
-        l.value = !0, r.startDate = d.startDate, r.endDate = d.endDate, e(O.INPUT, { startDate: null, endDate: null });
+      onDateRangePickerError: (c) => {
+        d.value = !0, r.startDate = c.startDate, r.endDate = c.endDate, e(O.INPUT, { startDate: null, endDate: null });
       },
-      onDateRangePickerFormDateInputUpdate: (d) => {
-        l.value = !1, d.startTime && (r.startTime = d.startTime), d.endTime && (r.endTime = d.endTime);
+      onDateRangePickerFormDateInputUpdate: (c) => {
+        d.value = !1, c.startTime && (r.startTime = c.startTime), c.endTime && (r.endTime = c.endTime);
       }
     };
   }
 });
-var Ve = function() {
+var Ke = 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("div", { staticClass: "b-date-range-picker__label", attrs: { id: e.labelId } }, [n("bento-typography", { attrs: { el: "span", stronger: "" } }, [e._v(e._s(e.label))]), e.optional ? n("bento-typography", { staticClass: "b-date-range-picker__label-requirement", attrs: { el: "span" } }, [e._v(" (" + e._s(e.$t("optional")) + ") ")]) : e._e(), e.required ? n("bento-typography", { staticClass: "b-date-range-picker__label-requirement", attrs: { el: "span" } }, [e._v(" (" + e._s(e.$t("required")) + ") ")]) : e._e()], 1) : e._e(), n("div", { on: { keydown: function(o) {
     return !o.type.indexOf("key") && e._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : e.onEnterPressedOverInput.apply(null, arguments);
   } } }, [n("dropdown-input-default", { ref: "inputContainerRef", attrs: { 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").toString() } }) : 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, "is-date-disabled": e.isDateDisabled, "max-range": e.maxRange, "number-of-months": e.numberOfMonths, "date-form-data": e.textInputDisplayValue }, on: { "custom-range": e.onRangeSelectorInput, input: e.onDateRangePickerInput, error: e.onDateRangePickerError, "form-date": e.onDateRangePickerFormDateInputUpdate } })], 1) : e._e()], 1);
-}, He = [], We = /* @__PURE__ */ ce(
-  Le,
-  Ve,
-  He,
+}, Ge = [], je = /* @__PURE__ */ me(
+  We,
+  Ke,
+  Ge,
   !1,
   null,
   "0efe8a9a",
   null,
   null
 );
-const ut = We.exports;
+const ft = je.exports;
 export {
-  ut as B,
+  ft as B,
   C as D,
   O as a
 };
-//# sourceMappingURL=index.58ce168a.js.map
+//# sourceMappingURL=index.4a11da21.js.map