@adyen/bento-vue2 1.90.0 → 1.91.0

package/dist/chunks/{date-range-picker.DPGy2h-9.js → date-range-picker.LCWVAa5R.js}

@@ -1,137 +1,138 @@
-import { reactive as me, defineComponent as Le, useSlots as rt, ref as B, computed as v, onMounted as Ge, toRaw as ye, watch as ce, useAttrs as st, toRef as pe } from "vue";
-import { j as ot } from "./index.CwzYJHw2.js";
-import { B as lt } from "./divider.DX5gwN7p.js";
-import { h as it, B as dt } from "./button-actions.BmU1DngD.js";
-import { B as Qe, d as ke } from "./typography.C8lPlsbD.js";
-import { B as ut } from "./input-field.DH25CU_G.js";
-import { B as ct, i as Se } from "./input-time.6eJ4-QdU.js";
-import { B as mt } from "./dropdown.CvNI2V33.js";
-import { B as Dt } from "./segmented-control.DDtjX-V5.js";
-import { u as Me } from "./index.B6WW_F-J.js";
-import { d as Fe } from "./debounce.DUTu11PS.js";
-import { u as pt } from "./use-has-slot.C9lQZ6nz.js";
-import { u as ge, a as ft } from "./use-date-input-formatter.DRMt9yR2.js";
-import { e as Ue, f as re, i as F, h, j as vt, k as Ee, l as yt, s as Oe, m as Mt, n as Ce, b as N, u as gt, o as I, g as Tt } from "./calendar.uvIGF_jU.js";
-import { e as x, a as we } from "./differenceInMonths.CIYECBxK.js";
-import { s as Be } from "./startOfWeek.CXhhX-R7.js";
-import { t as L, n as Yt, c as ht } from "./en-US.YeSsZuOc.js";
-import { c as At } from "./constructNow.CIc7d13I.js";
-import { n as je } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { D as Rt } from "./dropdown-default-textbox.CjhLIxVq.js";
+import { reactive as ve, defineComponent as We, useSlots as ft, ref as B, computed as m, onMounted as ze, toRaw as Ae, watch as fe, useAttrs as vt, toRef as Te } from "vue";
+import { j as yt } from "./index.CwzYJHw2.js";
+import { B as Mt } from "./divider.DX5gwN7p.js";
+import { h as gt, B as Tt } from "./button-actions.Bdbu0bvt.js";
+import { B as $e, d as Ce } from "./typography.C8lPlsbD.js";
+import { B as ht } from "./input-field.Dh5W0Az-.js";
+import { B as Yt, i as we } from "./input-time.BLuMfakv.js";
+import { B as At, D as Rt } from "./dropdown.Ca-f8tdX.js";
+import { B as bt } from "./segmented-control.DDtjX-V5.js";
+import { u as Re } from "./index.B6WW_F-J.js";
+import { d as Be } from "./use-cached-selected-values.BJbWbkEQ.js";
+import { u as It } from "./use-has-slot.C9lQZ6nz.js";
+import { u as be, a as _t } from "./use-date-input-formatter.Djf8AoLr.js";
+import { u as kt } from "./use-touch-device.DTqFAbXh.js";
+import { h as He, i as re, j as w, k as A, l as St, m as qe, n as Ft, s as xe, o as Et, q as Ne, b as N, u as Ot, e as Ct, f as wt, r as O, p as Pe, g as Bt } from "./calendar.CqsfThnC.js";
+import { e as q, a as Le } from "./differenceInMonths.CIYECBxK.js";
+import { s as Ge } from "./startOfWeek.CXhhX-R7.js";
+import { t as P, n as qt, c as xt } from "./en-US.YeSsZuOc.js";
+import { c as Nt } from "./constructNow.CIc7d13I.js";
+import { n as Ve } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { g as ne } from "./generate-uid.NJ8tVoha.js";
-import { u as bt } from "./use-form-layout-loading.CWbjZiwP.js";
+import { u as Pt } from "./use-form-layout-loading.CWbjZiwP.js";
 import "./index.Cl4_42j5.js";
-import { u as It } from "./form-field.D_2g7vaP.js";
-import { B as _t } from "./directive.rXUeDb8p.js";
-import { F as kt, E as St } from "./error-message.BUNKRa_w.js";
-import { B as Ft } from "./button-actions.types.BptAXjD8.js";
+import { u as Lt } from "./form-field.D_2g7vaP.js";
+import { B as Gt } from "./directive.Bfr4fuOy.js";
+import { F as Ut } from "./field-label.DjjjkcO6.js";
+import { E as Qt } from "./error-message.CyERcfdt.js";
+import { B as jt } from "./button-actions.types.BptAXjD8.js";
 import "../assets/date-range-picker.css";
-function Je(s, a, e) {
-  return Ue(s, a * 3, e);
+function Ke(s, a, e) {
+  return He(s, a * 3, e);
 }
-function xe(s, a) {
-  const e = L(s, a == null ? void 0 : a.in);
+function Ue(s, a) {
+  const e = P(s, a == null ? void 0 : a.in);
   return Math.trunc(e.getMonth() / 3) + 1;
 }
-function qe(s, a) {
-  return L(s, a == null ? void 0 : a.in).getFullYear();
+function Qe(s, a) {
+  return P(s, a == null ? void 0 : a.in).getFullYear();
 }
-function fe(s, a) {
-  return +L(s) == +L(a);
+function he(s, a) {
+  return +P(s) == +P(a);
 }
-function Et(s, a, e) {
-  const [t, l] = Yt(
+function Jt(s, a, e) {
+  const [t, l] = qt(
     e == null ? void 0 : e.in,
     s,
     a
   );
   return +re(t) == +re(l);
 }
-function Pe(s, a) {
-  const e = L(s, a == null ? void 0 : a.in);
+function je(s, a) {
+  const e = P(s, a == null ? void 0 : a.in);
   return e.setMilliseconds(0), e;
 }
-function ve(s, a) {
-  return +Pe(s) == +Pe(a);
+function Ye(s, a) {
+  return +je(s) == +je(a);
 }
-function Ot(s, a) {
-  return F(
-    ht(s, s),
-    At(s)
+function Wt(s, a) {
+  return w(
+    xt(s, s),
+    Nt(s)
   );
 }
-function Ct(s, a, e) {
-  const t = L(s, e == null ? void 0 : e.in);
+function zt(s, a, e) {
+  const t = P(s, e == null ? void 0 : e.in);
   return t.setHours(a), t;
 }
-function Ne(s, a, e) {
-  const t = L(s, e == null ? void 0 : e.in);
+function Je(s, a, e) {
+  const t = P(s, e == null ? void 0 : e.in);
   return t.setMilliseconds(a), t;
 }
-function wt(s, a, e) {
-  const t = L(s, e == null ? void 0 : e.in);
+function $t(s, a, e) {
+  const t = P(s, e == null ? void 0 : e.in);
   return t.setMinutes(a), t;
 }
-function Bt(s, a, e) {
-  const t = L(s, e == null ? void 0 : e.in);
+function Ht(s, a, e) {
+  const t = P(s, e == null ? void 0 : e.in);
   return t.setSeconds(a), t;
 }
-function xt(s, a, e) {
-  return Je(s, -1, e);
+function Vt(s, a, e) {
+  return Ke(s, -1, e);
 }
-const qt = ({
+const Kt = ({
   firstDayOfWeek: s,
   min: a,
   max: e
 }) => ({ getGranularCalendarLimits: (l) => {
   if (!a && !e)
     return { min: null, max: null };
-  let m = a ? h(a) : null, D = e ? x(e) : null;
+  let D = a ? A(a) : null, p = e ? q(e) : null;
   if ((l == null ? void 0 : l.type) === "weekly") {
     if (l.earliest)
-      m = h(l.earliest);
-    else if (m) {
-      const y = Be(m, { weekStartsOn: s });
-      F(m, y) || (m = h(vt(Ee(m, { weekStartsOn: s }), 1)));
+      D = A(l.earliest);
+    else if (D) {
+      const y = Ge(D, { weekStartsOn: s });
+      w(D, y) || (D = A(St(qe(D, { weekStartsOn: s }), 1)));
     }
     if (l.latest)
-      D = x(l.latest);
-    else if (D) {
-      const y = Ee(D, { weekStartsOn: s });
-      F(D, y) || (D = x(yt(Be(D, { weekStartsOn: s }), 1)));
+      p = q(l.latest);
+    else if (p) {
+      const y = qe(p, { weekStartsOn: s });
+      w(p, y) || (p = q(Ft(Ge(p, { weekStartsOn: s }), 1)));
     }
   }
   if ((l == null ? void 0 : l.type) === "monthly") {
     if (l.earliest)
-      m = h(l.earliest);
-    else if (m) {
-      const y = Oe(m);
-      F(m, y) || (m = Oe(Ue(m, 1)));
+      D = A(l.earliest);
+    else if (D) {
+      const y = xe(D);
+      w(D, y) || (D = xe(He(D, 1)));
     }
     if (l.latest)
-      D = x(l.latest);
-    else if (D) {
-      const y = we(D);
-      F(D, y) || (D = we(Mt(D, 1)));
+      p = q(l.latest);
+    else if (p) {
+      const y = Le(p);
+      w(p, y) || (p = Le(Et(p, 1)));
     }
   }
   if ((l == null ? void 0 : l.type) === "quarterly") {
     if (l.earliest)
-      m = re(l.earliest);
-    else if (m) {
-      const y = re(m);
-      F(m, y) || (m = re(Je(m, 1)));
+      D = re(l.earliest);
+    else if (D) {
+      const y = re(D);
+      w(D, y) || (D = re(Ke(D, 1)));
     }
     if (l.latest)
-      D = x(l.latest);
-    else if (D) {
-      const y = Ce(D);
-      F(D, y) || (D = Ce(xt(D)));
+      p = q(l.latest);
+    else if (p) {
+      const y = Ne(p);
+      w(p, y) || (p = Ne(Vt(p)));
     }
   }
-  return { min: m, max: D };
-} }), Pt = () => {
-  const s = me({
+  return { min: D, max: p };
+} }), Xt = () => {
+  const s = ve({
     daily: null,
     weekly: null,
     monthly: null,
@@ -147,8 +148,8 @@ const qt = ({
     }
   };
 };
-var f = /* @__PURE__ */ ((s) => (s.CUSTOM_RANGE = "custom-range", s.INPUT = "input", s.ERROR = "error", s.FORM_DATE = "form-date", s.START_DATE_SELECTED = "start-date-selected", s))(f || {});
-const Nt = {
+var v = /* @__PURE__ */ ((s) => (s.CUSTOM_RANGE = "custom-range", s.INPUT = "input", s.ERROR = "error", s.FORM_DATE = "form-date", s.START_DATE_SELECTED = "start-date-selected", s))(v || {});
+const Zt = {
   "de-DE": {
     "DD-MM-YYYY": "TT-MM-JJJJ",
     "MM-DD-YYYY": "JJJJ-MM-TT",
@@ -319,11 +320,11 @@ const Nt = {
     timeTo: "是时候",
     weekly: "每周"
   }
-}, Lt = {
+}, ea = {
   name: "date-range-picker-calendar",
-  i18n: { messages: Nt }
-}, Gt = /* @__PURE__ */ Le({
-  ...Lt,
+  i18n: { messages: Zt }
+}, ta = /* @__PURE__ */ We({
+  ...ea,
   props: {
     /**
      * Allows user to enter time values in the form
@@ -397,344 +398,364 @@ const Nt = {
     variant: N.props.variant
   },
   emits: [
-    f.CUSTOM_RANGE,
-    f.INPUT,
-    f.ERROR,
-    f.FORM_DATE,
-    f.START_DATE_SELECTED
+    v.CUSTOM_RANGE,
+    v.INPUT,
+    v.ERROR,
+    v.FORM_DATE,
+    v.START_DATE_SELECTED
   ],
   setup(s, { emit: a }) {
-    var Re, be, Ie, _e;
-    const e = s, t = 300, l = "customRange", m = rt(), D = pt(m), { t: y } = Me(), {
+    var Se, Fe, Ee, Oe;
+    const e = s, t = 300, l = "customRange", D = ft(), p = It(D), { t: y } = Re(), { isTouchDevice: _ } = kt(), {
       dateFormat: U,
-      isFormatValid: G,
-      parseDate: M,
+      isFormatValid: R,
+      parseDate: F,
       onKeyDown: X,
-      autoFormat: $,
-      formatDate: p
-    } = ge(), q = B({}), R = v(() => e.variant === "month" ? "monthly" : "daily"), E = v(() => e.numberOfMonths === 0), r = me({
-      startDate: (Re = e.value) == null ? void 0 : Re.startDate,
-      endDate: (be = e.value) == null ? void 0 : be.endDate,
-      range: (Ie = e.value) == null ? void 0 : Ie.range,
+      autoFormat: f,
+      formatDate: Q
+    } = be(), k = B({}), C = m(() => e.variant === "month" ? "monthly" : "daily"), M = m(() => e.numberOfMonths === 0), r = ve({
+      startDate: (Se = e.value) == null ? void 0 : Se.startDate,
+      endDate: (Fe = e.value) == null ? void 0 : Fe.endDate,
+      range: (Ee = e.value) == null ? void 0 : Ee.range,
       ...e.granularities ? {
-        granularity: ((_e = e.value) == null ? void 0 : _e.granularity) || R.value
+        granularity: ((Oe = e.value) == null ? void 0 : Oe.granularity) || C.value
       } : {}
-    }), _ = v(() => {
-      var n, d;
+    }), T = m(() => {
+      var n, i;
       return (
         // eslint-disable-next-line consistent-return
-        ((d = (n = e == null ? void 0 : e.quickSelectRanges) == null ? void 0 : n.find(({ value: i, data: u }) => {
+        ((i = (n = e == null ? void 0 : e.quickSelectRanges) == null ? void 0 : n.find(({ value: d, data: u }) => {
           var Y;
           if (!u.endDate) {
             if (u.isRelativeToNow) {
-              const b = (Y = q.value) == null ? void 0 : Y[i];
-              return b ? fe(b.startDate, r.startDate) && fe(b.endDate, r.endDate) : (
+              const S = (Y = k.value) == null ? void 0 : Y[d];
+              return S ? he(S.startDate, r.startDate) && he(S.endDate, r.endDate) : (
                 // If not stored calculated dates, fall back to comparing the quick select item's value
                 // with the internal range's stored range identifier.
-                i === r.range
+                d === r.range
               );
             }
-            return fe(u.startDate, r.startDate) && Ot(r.endDate) && (!e.allowTimeInput || ve(r.endDate, x(r.endDate))) && (e.granularities ? u.granularity === r.granularity : !0);
+            return he(u.startDate, r.startDate) && Wt(r.endDate) && (!e.allowTimeInput || Ye(r.endDate, q(r.endDate))) && (e.granularities ? u.granularity === r.granularity : !0);
           }
           if (e.allowTimeInput)
-            return ve(u.startDate, r.startDate) && ve(u.endDate, r.endDate) && (e.granularities ? u.granularity === r.granularity : !0);
+            return Ye(u.startDate, r.startDate) && Ye(u.endDate, r.endDate) && (e.granularities ? u.granularity === r.granularity : !0);
           if (u.endDate)
-            return F(u.startDate, r.startDate) && F(u.endDate, r.endDate) && (e.granularities ? u.granularity === r.granularity : !0);
-        })) == null ? void 0 : d.value) ?? l
+            return w(u.startDate, r.startDate) && w(u.endDate, r.endDate) && (e.granularities ? u.granularity === r.granularity : !0);
+        })) == null ? void 0 : i.value) ?? l
       );
-    }), O = v(() => ({
+    }), ye = m(() => ({
       "b-date-range-picker-calendar__form-input-wrapper": e.allowTimeInput
-    })), De = v(() => [
+    })), Z = m(() => [
       { label: y("customRange"), value: l },
       ...e.quickSelectRanges ? e.quickSelectRanges : []
-    ]), Q = v(
+    ]), j = m(
       () => {
         var n;
-        return ((n = e.granularities) == null ? void 0 : n.find(({ type: d }) => d === r.granularity)) || null;
+        return ((n = e.granularities) == null ? void 0 : n.find(({ type: i }) => i === r.granularity)) || null;
       }
-    ), se = v(
+    ), se = m(
       () => {
         var n;
-        return ((n = e.granularities) == null ? void 0 : n.map(({ type: d, disabled: i }) => ({
-          label: y(d),
-          value: d,
-          disabled: i
+        return ((n = e.granularities) == null ? void 0 : n.map(({ type: i, disabled: d }) => ({
+          label: y(i),
+          value: i,
+          disabled: d
         }))) ?? [];
       }
-    ), { getGranularCalendarLimits: Z } = qt(e), T = v(
-      () => e.granularities ? Z(Q.value) : { min: e.min ? h(e.min) : null, max: e.max ? x(e.max) : null }
+    ), { getGranularCalendarLimits: oe } = Kt(e), h = m(
+      () => e.granularities ? oe(j.value) : { min: e.min ? A(e.min) : null, max: e.max ? q(e.max) : null }
     ), {
       adjustDateForQuarterly: ee,
-      adjustDateForMonthly: te,
-      adjustDateForWeekly: j,
-      adjustStartDateInputForWeekly: g,
-      adjustEndDateInputForWeekly: oe,
-      adjustStartDateInputForMonthly: le,
-      adjustEndDateInputForMonthly: H,
-      adjustStartDateInputForQuarterly: ie,
-      adjustEndDateInputForQuarterly: K
-    } = gt(e.firstDayOfWeek), { savedRanges: k, saveRange: C, resetSavedRanges: P } = Pt(), A = (n) => n ? p(n) : "", J = B(!1), W = B(!1), o = me({
+      adjustDateForMonthly: J,
+      adjustDateForWeekly: g,
+      adjustStartDateInputForWeekly: le,
+      adjustEndDateInputForWeekly: ie,
+      adjustStartDateInputForMonthly: $,
+      adjustEndDateInputForMonthly: de,
+      adjustStartDateInputForQuarterly: H,
+      adjustEndDateInputForQuarterly: V
+    } = Ot(e.firstDayOfWeek), { savedRanges: b, saveRange: L, resetSavedRanges: te } = Xt(), I = (n) => n ? Q(n) : "", W = B(!1), K = B(!1), o = ve({
       startDate: e.dateFormData.startDate,
       endDate: e.dateFormData.endDate,
       startTime: e.dateFormData.startTime,
       endTime: e.dateFormData.endTime
-    }), de = (n, d) => {
-      let i = new Date(n);
-      const [u, Y, b] = d.split(":");
-      return i = Ct(i, parseInt(u, 10)), i = wt(i, parseInt(Y, 10)), i = Bt(i, parseInt(b, 10)), i;
-    }, ue = (n, d) => {
-      const i = () => {
-        if (d && w(d)) {
-          const u = de(M(d), n);
-          if (e.min && u < Ne(e.min, 0) || e.max && u > Ne(e.max, 0))
+    }), ue = (n, i) => {
+      let d = new Date(n);
+      const [u, Y, S] = i.split(":");
+      return d = zt(d, parseInt(u, 10)), d = $t(d, parseInt(Y, 10)), d = Ht(d, parseInt(S, 10)), d;
+    }, ce = (n, i) => {
+      const d = () => {
+        if (i && x(i)) {
+          const u = ue(F(i), n);
+          if (e.min && u < Je(e.min, 0) || e.max && u > Je(e.max, 0))
             return !1;
         }
         return !0;
       };
-      return Se(n) && i();
-    }, S = (n, d) => !d || !Se(d) || e.variant === "month" ? n : de(new Date(n), d), Te = (n) => {
-      o.startTime = I(
-        e.min && e.allowTimeInput && F(e.min, n.startDate) ? e.min : h(n.startDate)
-      ), o.endTime = I(
-        e.max && e.allowTimeInput && F(e.max, n.endDate) ? e.max : x(n.endDate)
-      ), r.startDate = S(n.startDate, o.startTime), r.endDate = S(n.endDate, o.endTime), r.range = null, e.granularities && P(), a(f.INPUT, {
+      return we(n) && d();
+    }, G = m(() => e.variant === "month"), De = (n) => n ? G.value ? Ct(n) : wt(n) : "", c = m(() => De(r.startDate)), z = m(() => De(r.endDate)), me = m(() => _.value ? G.value ? "month" : "date" : "text"), Xe = m(() => _.value ? c.value : o.startDate), Ze = m(() => _.value ? z.value : o.endDate), E = (n, i) => !i || !we(i) || e.variant === "month" ? n : ue(new Date(n), i), et = (n) => {
+      o.startTime = O(
+        e.min && e.allowTimeInput && w(e.min, n.startDate) ? e.min : A(n.startDate)
+      ), o.endTime = O(
+        e.max && e.allowTimeInput && w(e.max, n.endDate) ? e.max : q(n.endDate)
+      ), r.startDate = E(n.startDate, o.startTime), r.endDate = E(n.endDate, o.endTime), r.range = null, e.granularities && te(), a(v.INPUT, {
         ...r,
-        range: _.value
+        range: T.value
       });
-    }, w = (n) => {
+    }, x = (n) => {
       if (!n)
         return !1;
-      const d = (i) => e.min && h(i) < h(e.min) || e.max && h(i) > h(e.max) ? !1 : e.isDateDisabled ? !e.isDateDisabled(h(i)) : !0;
-      return G(n) && d(M(n));
+      const i = (d) => e.min && A(d) < A(e.min) || e.max && A(d) > A(e.max) ? !1 : e.isDateDisabled ? !e.isDateDisabled(A(d)) : !0;
+      return R(n) && i(F(n));
     };
-    Ge(() => {
-      J.value = !!(e.dateFormData.startDate && !w(e.dateFormData.startDate)), W.value = !!(e.dateFormData.endDate && !w(e.dateFormData.endDate));
+    ze(() => {
+      W.value = !!(e.dateFormData.startDate && !x(e.dateFormData.startDate)), K.value = !!(e.dateFormData.endDate && !x(e.dateFormData.endDate));
     });
-    const c = (n) => {
-      o.startDate = A(n), o.startTime || (o.startTime = I(n)), J.value = !1, a(f.START_DATE_SELECTED, n);
-    }, V = (n) => {
-      o.endDate = A(n), o.endTime || (o.endTime = I(x(n))), W.value = !1;
-    }, z = (n) => {
-      const d = e.value[n];
-      if (d)
-        return d;
-      if (e.dateFormData[n] && w(e.dateFormData[n]))
-        return M(e.dateFormData[n]);
-    }, Ye = Fe((n) => {
-      var d;
-      if (w(n)) {
-        let i = n;
-        switch (J.value = !1, (d = Q.value) == null ? void 0 : d.type) {
+    const tt = (n) => {
+      o.startDate = I(n), o.startTime || (o.startTime = O(n)), W.value = !1, a(v.START_DATE_SELECTED, n);
+    }, at = (n) => {
+      o.endDate = I(n), o.endTime || (o.endTime = O(q(n))), K.value = !1;
+    }, pe = (n) => {
+      const i = e.value[n];
+      if (i)
+        return i;
+      if (e.dateFormData[n] && x(e.dateFormData[n]))
+        return F(e.dateFormData[n]);
+    }, Me = (n) => {
+      var i;
+      if (x(n)) {
+        let d = n;
+        switch (W.value = !1, (i = j.value) == null ? void 0 : i.type) {
           case "weekly":
-            i = g(
+            d = le(
               n,
-              A,
-              T.value.min,
-              T.value.max
-            ), o.startDate = i;
+              I,
+              h.value.min,
+              h.value.max
+            ), o.startDate = d;
             break;
           case "monthly":
-            i = le(
+            d = $(
               n,
-              A,
-              T.value.min,
-              T.value.max
-            ), o.startDate = i;
+              I,
+              h.value.min,
+              h.value.max
+            ), o.startDate = d;
             break;
           case "quarterly":
-            i = ie(
+            d = H(
               n,
-              A,
-              T.value.min,
-              T.value.max
-            ), o.startDate = i;
+              I,
+              h.value.min,
+              h.value.max
+            ), o.startDate = d;
             break;
         }
-        const u = h(M(i));
-        r.startDate = S(u, o.startTime), r.endDate = S(
-          h(M(o.endDate)),
+        const u = A(F(d));
+        r.startDate = E(u, o.startTime), r.endDate = E(
+          A(F(o.endDate)),
           o.endTime
-        ), w(o.endDate) && (r.endDate = S(
-          h(M(o.endDate)),
+        ), x(o.endDate) && (r.endDate = E(
+          A(F(o.endDate)),
           o.endTime
         ));
-        const Y = z("endDate");
-        r.range = null, a(f.FORM_DATE, {
+        const Y = pe("endDate");
+        r.range = null, a(v.FORM_DATE, {
           startDate: u,
           endDate: Y
-        }), a(f.INPUT, {
+        }), a(v.INPUT, {
           ...r,
-          range: _.value
+          range: T.value
         });
       } else
-        J.value = !0, a(f.ERROR, { ...o });
-    }, t), We = (n) => {
-      o.startDate = $(n), Ye(o.startDate);
-    }, he = Fe((n) => {
-      var d;
-      if (w(n)) {
-        let i = n;
-        switch (W.value = !1, (d = Q.value) == null ? void 0 : d.type) {
+        W.value = !0, a(v.ERROR, { ...o });
+    }, Ie = Be(Me, t), nt = (n) => {
+      if (o.startDate = _.value && G.value ? n : f(n), _.value)
+        if (G.value && n) {
+          const i = Pe(n);
+          r.startDate = E(i, o.startTime), r.range = null, a(v.INPUT, {
+            ...r,
+            range: T.value
+          });
+        } else
+          Me(o.startDate);
+      else
+        Ie(o.startDate);
+    }, ge = (n) => {
+      var i;
+      if (x(n)) {
+        let d = n;
+        switch (K.value = !1, (i = j.value) == null ? void 0 : i.type) {
           case "weekly":
-            i = oe(
+            d = ie(
               n,
-              A,
-              T.value.min,
-              T.value.max
-            ), o.endDate = i;
+              I,
+              h.value.min,
+              h.value.max
+            ), o.endDate = d;
             break;
           case "monthly":
-            i = H(
+            d = de(
               n,
-              A,
-              T.value.min,
-              T.value.max
-            ), o.endDate = i;
+              I,
+              h.value.min,
+              h.value.max
+            ), o.endDate = d;
             break;
           case "quarterly":
-            i = K(
+            d = V(
               n,
-              A,
-              T.value.min,
-              T.value.max
-            ), o.endDate = i;
+              I,
+              h.value.min,
+              h.value.max
+            ), o.endDate = d;
             break;
         }
-        const u = h(M(i));
-        r.endDate = S(u, o.endTime), w(o.startDate) && (r.startDate = S(
-          h(M(o.startDate)),
+        const u = A(F(d));
+        r.endDate = E(u, o.endTime), x(o.startDate) && (r.startDate = E(
+          A(F(o.startDate)),
           o.startTime
         ));
-        const Y = z("startDate");
-        r.range = null, a(f.FORM_DATE, {
+        const Y = pe("startDate");
+        r.range = null, a(v.FORM_DATE, {
           startDate: Y,
           endDate: u
-        }), a(f.INPUT, {
+        }), a(v.INPUT, {
           ...r,
-          range: _.value
+          range: T.value
         });
       } else
-        W.value = !0, a(f.ERROR, { ...o });
-    }, t), ze = (n) => {
-      o.endDate = $(n), he(o.endDate);
-    }, $e = (n) => {
+        K.value = !0, a(v.ERROR, { ...o });
+    }, _e = Be(ge, t), rt = (n) => {
+      if (o.endDate = _.value && G.value ? n : f(n), _.value)
+        if (G.value && n) {
+          const i = Pe(n);
+          r.endDate = E(i, o.endTime), r.range = null, a(v.INPUT, {
+            ...r,
+            range: T.value
+          });
+        } else
+          ge(o.endDate);
+      else
+        _e(o.endDate);
+    }, st = (n) => {
       X(n);
-    }, He = () => {
-      a(f.ERROR, { ...o });
-    }, Ke = () => {
+    }, ot = () => {
+      a(v.ERROR, { ...o });
+    }, lt = () => {
       const n = o.startTime;
-      if (!ue(n, o.startDate)) {
-        a(f.ERROR, { ...o });
+      if (!ce(n, o.startDate)) {
+        a(v.ERROR, { ...o });
         return;
       }
-      r.startDate = S(r.startDate, n);
-      const d = z("endDate");
-      a(f.FORM_DATE, {
+      r.startDate = E(r.startDate, n);
+      const i = pe("endDate");
+      a(v.FORM_DATE, {
         startDate: r.startDate,
-        endDate: d,
+        endDate: i,
         startTime: n,
         endTime: o.endTime ?? e.dateFormData.endTime
-      }), a(f.INPUT, {
+      }), a(v.INPUT, {
         ...r,
-        range: _.value
+        range: T.value
       });
-    }, Ve = () => {
-      a(f.ERROR, { ...o });
-    }, Xe = () => {
+    }, it = () => {
+      a(v.ERROR, { ...o });
+    }, dt = () => {
       const n = o.endTime;
-      if (!ue(n, o.endDate)) {
-        a(f.ERROR, { ...o });
+      if (!ce(n, o.endDate)) {
+        a(v.ERROR, { ...o });
         return;
       }
-      r.endDate = S(r.endDate, n), a(f.FORM_DATE, {
+      r.endDate = E(r.endDate, n), a(v.FORM_DATE, {
         startDate: r.startDate,
         endDate: r.endDate,
         startTime: o.startTime ?? e.dateFormData.startTime,
         endTime: n
-      }), a(f.INPUT, {
+      }), a(v.INPUT, {
         ...r,
-        range: _.value
+        range: T.value
       });
-    }, Ze = (n) => {
+    }, ut = (n) => {
       o.startTime = n;
-    }, et = (n) => {
+    }, ct = (n) => {
       o.endTime = n;
-    }, ae = (n, d, i, u) => {
-      r.startDate = n, r.endDate = d, i && (r.granularity = i), u && (r.range = u);
-    }, tt = (n) => {
-      var i;
-      const d = (i = e.quickSelectRanges) == null ? void 0 : i.find(({ value: u }) => u === n);
-      if (d) {
-        P();
-        const u = d.data, Y = u.endDate || (u.isRelativeToNow ? new Date(Date.now()) : x(new Date(Date.now()))), b = u.isRelativeToNow && u.timeDifference ? new Date(Y.getTime() - u.timeDifference) : u.startDate;
-        o.endDate = A(Y), o.startDate = A(b), ae(b, Y, null, n), e.granularities && (r.granularity = u.granularity || R.value), o.startTime = I(b), o.endTime = I(Y), r.startDate = b, r.endDate = Y, u.isRelativeToNow && (q.value = {
-          ...q.value,
+    }, ae = (n, i, d, u) => {
+      r.startDate = n, r.endDate = i, d && (r.granularity = d), u && (r.range = u);
+    }, Dt = (n) => {
+      var d;
+      const i = (d = e.quickSelectRanges) == null ? void 0 : d.find(({ value: u }) => u === n);
+      if (i) {
+        te();
+        const u = i.data, Y = u.endDate || (u.isRelativeToNow ? new Date(Date.now()) : q(new Date(Date.now()))), S = u.isRelativeToNow && u.timeDifference ? new Date(Y.getTime() - u.timeDifference) : u.startDate;
+        o.endDate = I(Y), o.startDate = I(S), ae(S, Y, null, n), e.granularities && (r.granularity = u.granularity || C.value), o.startTime = O(S), o.endTime = O(Y), r.startDate = S, r.endDate = Y, u.isRelativeToNow && (k.value = {
+          ...k.value,
           [n]: {
-            startDate: b,
+            startDate: S,
             endDate: Y
           }
-        }), a(f.CUSTOM_RANGE, {
-          ...d.data,
-          startDate: b,
+        }), a(v.CUSTOM_RANGE, {
+          ...i.data,
+          startDate: S,
           endDate: Y,
-          range: d.value
+          range: i.value
         });
       }
-    }, Ae = {
-      weekly: j,
-      monthly: te,
+    }, ke = {
+      weekly: g,
+      monthly: J,
       quarterly: ee
-    }, at = (n) => {
-      const d = r.granularity;
-      if (r.granularity = n, d && C(d, structuredClone(ye(r))), r.startDate && r.endDate) {
+    }, mt = (n) => {
+      const i = r.granularity;
+      if (r.granularity = n, i && L(i, structuredClone(Ae(r))), r.startDate && r.endDate) {
         switch (n) {
           case "quarterly":
           case "monthly":
           case "weekly": {
-            if (k[n]) {
-              ae(k[n].startDate, k[n].endDate, n);
+            if (b[n]) {
+              ae(b[n].startDate, b[n].endDate, n);
               break;
             }
-            const { startDate: i, endDate: u } = Ae[n](
+            const { startDate: d, endDate: u } = ke[n](
               r.startDate,
               r.endDate,
-              T.value.min,
-              T.value.max
+              h.value.min,
+              h.value.max
             );
-            ae(i, u, n);
+            ae(d, u, n);
             break;
           }
           case "daily":
-            k.daily && ae(k.daily.startDate, k.daily.endDate, n);
+            b.daily && ae(b.daily.startDate, b.daily.endDate, n);
             break;
         }
-        o.startDate = A(r.startDate), o.endDate = A(r.endDate), a(f.INPUT, {
+        o.startDate = I(r.startDate), o.endDate = I(r.endDate), a(v.INPUT, {
           ...r,
-          range: _.value
+          range: T.value
         });
       }
-    }, nt = v(() => ({
-      "b-date-range-picker-calendar__form-container--no-calendars": E.value
+    }, pt = m(() => ({
+      "b-date-range-picker-calendar__form-container--no-calendars": M.value
     }));
-    return { __sfc: !0, FORM_INPUT_DEBOUNCE_TIME: t, RANGE_SELECTOR_CUSTOM_RANGE_KEY: l, props: e, emit: a, slots: m, hasSlot: D, t: y, dateFormat: U, isFormatValid: G, parseDate: M, onKeyDown: X, autoFormat: $, formatDateUtil: p, calculatedIsRelativeToNowQuickSelectRanges: q, defaultGranularity: R, hasNoCalendars: E, internalRangeDate: r, selectedRangeSelectorValue: _, formInputWrapperConditionalClasses: O, quickSelectRangeDefaultItems: De, selectedGranularity: Q, granularityItems: se, getGranularCalendarLimits: Z, computedMinMax: T, adjustDateForQuarterly: ee, adjustDateForMonthly: te, adjustDateForWeekly: j, adjustStartDateInputForWeekly: g, adjustEndDateInputForWeekly: oe, adjustStartDateInputForMonthly: le, adjustEndDateInputForMonthly: H, adjustStartDateInputForQuarterly: ie, adjustEndDateInputForQuarterly: K, savedRanges: k, saveRange: C, resetSavedRanges: P, formatDate: A, startDateError: J, endDateError: W, dateTextInput: o, setTimeInDateObject: de, isValidTime: ue, setTimeInDateRef: S, onDateInput: Te, isValidDate: w, onStartDateSelected: c, onEndDateSelected: V, getDate: z, validateStartDate: Ye, onStartDateInput: We, validateEndDate: he, onEndDateInput: ze, onDateInputKeyDown: $e, onStartTimeError: He, onStartTimeValid: Ke, onEndTimeError: Ve, onEndTimeValid: Xe, onStartTimeInput: Ze, onEndTimeInput: et, setInternalRange: ae, onRangeSelectorInput: tt, adjustDate: Ae, onGranularityInput: at, computedFormContainerClasses: nt, Calendar: N, BentoTypography: Qe, BentoInputField: ut, BentoInputTime: ct, BentoDropdown: mt, BentoSegmentedControl: Dt };
+    return { __sfc: !0, FORM_INPUT_DEBOUNCE_TIME: t, RANGE_SELECTOR_CUSTOM_RANGE_KEY: l, props: e, emit: a, slots: D, hasSlot: p, t: y, isTouchDevice: _, dateFormat: U, isFormatValid: R, parseDate: F, onKeyDown: X, autoFormat: f, formatDateUtil: Q, calculatedIsRelativeToNowQuickSelectRanges: k, defaultGranularity: C, hasNoCalendars: M, internalRangeDate: r, selectedRangeSelectorValue: T, formInputWrapperConditionalClasses: ye, quickSelectRangeDefaultItems: Z, selectedGranularity: j, granularityItems: se, getGranularCalendarLimits: oe, computedMinMax: h, adjustDateForQuarterly: ee, adjustDateForMonthly: J, adjustDateForWeekly: g, adjustStartDateInputForWeekly: le, adjustEndDateInputForWeekly: ie, adjustStartDateInputForMonthly: $, adjustEndDateInputForMonthly: de, adjustStartDateInputForQuarterly: H, adjustEndDateInputForQuarterly: V, savedRanges: b, saveRange: L, resetSavedRanges: te, formatDate: I, startDateError: W, endDateError: K, dateTextInput: o, setTimeInDateObject: ue, isValidTime: ce, isMonthVariant: G, formatNativeDate: De, nativeStartDate: c, nativeEndDate: z, dateInputType: me, startDateValue: Xe, endDateValue: Ze, setTimeInDateRef: E, onDateInput: et, isValidDate: x, onStartDateSelected: tt, onEndDateSelected: at, getDate: pe, validateStartDate: Me, validateStartDateDebounced: Ie, onStartDateInput: nt, validateEndDate: ge, validateEndDateDebounced: _e, onEndDateInput: rt, onDateInputKeyDown: st, onStartTimeError: ot, onStartTimeValid: lt, onEndTimeError: it, onEndTimeValid: dt, onStartTimeInput: ut, onEndTimeInput: ct, setInternalRange: ae, onRangeSelectorInput: Dt, adjustDate: ke, onGranularityInput: mt, computedFormContainerClasses: pt, Calendar: N, BentoTypography: $e, BentoInputField: ht, BentoInputTime: Yt, BentoDropdown: At, BentoSegmentedControl: bt };
   }
 });
-var Qt = function() {
+var aa = function() {
   var a = this, e = a._self._c, t = a._self._setupProxy;
-  return e("div", { staticClass: "b-date-range-picker-calendar" }, [e("div", { staticClass: "b-date-range-picker-calendar__form-container", class: t.computedFormContainerClasses, attrs: { "data-testid": "date-range-picker-calendar-form-container" } }, [e("div", { staticClass: "b-date-range-picker-calendar__form" }, [t.hasSlot("title") ? [a._t("title")] : a._e(), a.quickSelectRanges ? e(t.BentoDropdown, { attrs: { "aria-label": t.t("customRange"), items: t.quickSelectRangeDefaultItems, "model-value": t.selectedRangeSelectorValue }, on: { "update:model-value": t.onRangeSelectorInput } }) : a._e(), a.granularities ? e(t.BentoSegmentedControl, { attrs: { items: t.granularityItems, "model-value": t.internalRangeDate.granularity, "full-width": "" }, on: { "update:model-value": t.onGranularityInput } }) : a._e(), e("div", [e(t.BentoTypography, { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [a._v(" From ")]), e("div", { class: t.formInputWrapperConditionalClasses }, [e(t.BentoInputField, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": t.t("dateFrom"), "model-value": t.dateTextInput.startDate, error: t.startDateError }, on: { "update:model-value": t.onStartDateInput, keydown: t.onDateInputKeyDown }, scopedSlots: a._u([{ key: "description", fn: function() {
+  return e("div", { staticClass: "b-date-range-picker-calendar" }, [e("div", { staticClass: "b-date-range-picker-calendar__form-container", class: t.computedFormContainerClasses, attrs: { "data-testid": "date-range-picker-calendar-form-container" } }, [e("div", { staticClass: "b-date-range-picker-calendar__form" }, [t.hasSlot("title") ? [a._t("title")] : a._e(), a.quickSelectRanges ? e(t.BentoDropdown, { attrs: { "aria-label": t.t("customRange"), items: t.quickSelectRangeDefaultItems, "model-value": t.selectedRangeSelectorValue }, on: { "update:model-value": t.onRangeSelectorInput } }) : a._e(), a.granularities ? e(t.BentoSegmentedControl, { attrs: { items: t.granularityItems, "model-value": t.internalRangeDate.granularity, "full-width": "" }, on: { "update:model-value": t.onGranularityInput } }) : a._e(), e("div", [e(t.BentoTypography, { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [a._v(" From ")]), e("div", { class: t.formInputWrapperConditionalClasses }, [e(t.BentoInputField, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": t.t("dateFrom"), "model-value": t.startDateValue, error: t.startDateError, type: t.dateInputType }, on: { "update:model-value": t.onStartDateInput, keydown: t.onDateInputKeyDown }, scopedSlots: a._u([t.isTouchDevice ? null : { key: "description", fn: function() {
     return [a._v(a._s(t.t(t.dateFormat)))];
-  }, proxy: !0 }]) }), a.allowTimeInput ? e(t.BentoInputTime, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": t.t("timeFrom"), "model-value": t.dateTextInput.startTime }, on: { "update:model-value": t.onStartTimeInput, "input:error": t.onStartTimeError, "input:valid": t.onStartTimeValid } }) : a._e()], 1)], 1), e("div", [e(t.BentoTypography, { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [a._v(" To ")]), e("div", { class: t.formInputWrapperConditionalClasses }, [e(t.BentoInputField, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": t.t("dateTo"), "model-value": t.dateTextInput.endDate, error: t.endDateError }, on: { "update:model-value": t.onEndDateInput, keydown: t.onDateInputKeyDown }, scopedSlots: a._u([{ key: "description", fn: function() {
+  }, proxy: !0 }], null, !0) }), a.allowTimeInput ? e(t.BentoInputTime, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": t.t("timeFrom"), "model-value": t.dateTextInput.startTime }, on: { "update:model-value": t.onStartTimeInput, "input:error": t.onStartTimeError, "input:valid": t.onStartTimeValid } }) : a._e()], 1)], 1), e("div", [e(t.BentoTypography, { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [a._v(" To ")]), e("div", { class: t.formInputWrapperConditionalClasses }, [e(t.BentoInputField, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": t.t("dateTo"), "model-value": t.endDateValue, error: t.endDateError, type: t.dateInputType }, on: { "update:model-value": t.onEndDateInput, keydown: t.onDateInputKeyDown }, scopedSlots: a._u([t.isTouchDevice ? null : { key: "description", fn: function() {
     return [a._v(a._s(t.t(t.dateFormat)))];
-  }, proxy: !0 }]) }), a.allowTimeInput ? e(t.BentoInputTime, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": t.t("timeTo"), "model-value": t.dateTextInput.endTime }, on: { "update:model-value": t.onEndTimeInput, "input:error": t.onEndTimeError, "input:valid": t.onEndTimeValid } }) : a._e()], 1)], 1)], 2), t.hasSlot("actions") ? e("div", [a._t("actions")], 2) : a._e()]), t.hasNoCalendars ? a._e() : e("div", { staticClass: "b-date-range-picker-calendar__calendars-container", attrs: { "data-testid": "date-range-picker-calendar-calendar-container" } }, [e(t.Calendar, { attrs: { value: t.internalRangeDate, "first-day-of-week": a.firstDayOfWeek, "is-date-disabled": a.isDateDisabled, "max-range": a.maxRange, min: t.computedMinMax.min, max: t.computedMinMax.max, "number-of-months": a.numberOfMonths, "show-end-date-on-open": a.showEndDateOnOpen, granularity: t.selectedGranularity, variant: a.variant, "is-range": "" }, on: { input: t.onDateInput, "start-date-selected": t.onStartDateSelected, "end-date-selected": t.onEndDateSelected } })], 1)]);
-}, Ut = [], jt = /* @__PURE__ */ je(
-  Gt,
-  Qt,
-  Ut,
+  }, proxy: !0 }], null, !0) }), a.allowTimeInput ? e(t.BentoInputTime, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": t.t("timeTo"), "model-value": t.dateTextInput.endTime }, on: { "update:model-value": t.onEndTimeInput, "input:error": t.onEndTimeError, "input:valid": t.onEndTimeValid } }) : a._e()], 1)], 1)], 2), t.hasSlot("actions") ? e("div", [a._t("actions")], 2) : a._e()]), !t.hasNoCalendars && !t.isTouchDevice ? e("div", { staticClass: "b-date-range-picker-calendar__calendars-container", attrs: { "data-testid": "date-range-picker-calendar-calendar-container" } }, [e(t.Calendar, { attrs: { value: t.internalRangeDate, "first-day-of-week": a.firstDayOfWeek, "is-date-disabled": a.isDateDisabled, "max-range": a.maxRange, min: t.computedMinMax.min, max: t.computedMinMax.max, "number-of-months": a.numberOfMonths, "show-end-date-on-open": a.showEndDateOnOpen, granularity: t.selectedGranularity, variant: a.variant, "is-range": "" }, on: { input: t.onDateInput, "start-date-selected": t.onStartDateSelected, "end-date-selected": t.onEndDateSelected } })], 1) : a._e()]);
+}, na = [], ra = /* @__PURE__ */ Ve(
+  ta,
+  aa,
+  na,
   !1,
   null,
-  "73f96cbc"
+  "e684b7ff"
 );
-const Jt = jt.exports, Wt = {
+const sa = ra.exports, oa = {
   "de-DE": {
     apply: "Anwenden",
     cancel: "Abbrechen",
@@ -835,73 +856,73 @@ const Jt = jt.exports, Wt = {
     selectDateRange: "选择日期范围",
     selectedDateIsNotAvailable: "所选日期不可用"
   }
-}, zt = ({
+}, la = ({
   datePickerValue: s,
   isDateIncorrect: a,
   quickSelectRanges: e,
   isMonthVariant: t,
   withTimeInput: l,
-  placeholder: m
+  placeholder: D
 }) => {
-  const { locale: D, t: y } = Me(), { dateToInputDateString: U } = ge(), G = (p) => !!p && !isNaN(p.getTime()), M = me({
+  const { locale: p, t: y } = Re(), { dateToInputDateString: _ } = be(), U = (f) => !!f && !isNaN(f.getTime()), R = ve({
     startDate: null,
     endDate: null,
     startTime: null,
     endTime: null
   });
-  return ce(
+  return fe(
     s,
-    (p) => {
-      M.startDate = U(p == null ? void 0 : p.startDate), M.endDate = U(p == null ? void 0 : p.endDate), M.startTime = I(p == null ? void 0 : p.startDate), M.endTime = I(p == null ? void 0 : p.endDate);
+    (f) => {
+      R.startDate = _(f == null ? void 0 : f.startDate), R.endDate = _(f == null ? void 0 : f.endDate), R.startTime = O(f == null ? void 0 : f.startDate), R.endTime = O(f == null ? void 0 : f.endDate);
     },
     { immediate: !0 }
   ), {
     // Values
-    dateDisplayValue: v(() => {
-      var q;
+    dateDisplayValue: m(() => {
+      var Q;
       if (a.value)
-        return `${M.startDate || ""} - ${M.endDate || ""}`;
+        return `${R.startDate || ""} - ${R.endDate || ""}`;
       if (!s.value || !s.value.startDate && !s.value.endDate)
-        return (m == null ? void 0 : m.value) || y("selectDateRange");
-      if ((q = e.value) != null && q.length) {
-        const R = e.value.find(({ value: E }) => {
-          var r;
-          return E === ((r = s.value) == null ? void 0 : r.range);
+        return (D == null ? void 0 : D.value) || y("selectDateRange");
+      if ((Q = e.value) != null && Q.length) {
+        const k = e.value.find(({ value: C }) => {
+          var M;
+          return C === ((M = s.value) == null ? void 0 : M.range);
         });
-        if (R)
-          return R.label;
+        if (k)
+          return k.label;
       }
       if (s.value.granularity === "quarterly") {
-        const { startDate: R, endDate: E } = s.value, r = y("quarter", { quarter: xe(R), year: qe(R) });
-        if (Et(R, E))
-          return r;
-        const _ = y("quarter", { quarter: xe(E), year: qe(E) });
-        return `${r} - ${_}`;
+        const { startDate: k, endDate: C } = s.value, M = y("quarter", { quarter: Ue(k), year: Qe(k) });
+        if (Jt(k, C))
+          return M;
+        const r = y("quarter", { quarter: Ue(C), year: Qe(C) });
+        return `${M} - ${r}`;
       }
-      if (!G(s.value.startDate) || !G(s.value.endDate))
-        return `${M.startDate || ""} - ${M.endDate || ""}`;
-      let p = t != null && t.value ? { month: "long", year: "numeric" } : { month: "short", day: "2-digit", year: "numeric" };
-      return l.value && (p = {
-        ...p,
+      if (!U(s.value.startDate) || !U(s.value.endDate))
+        return `${R.startDate || ""} - ${R.endDate || ""}`;
+      let f = t != null && t.value ? { month: "long", year: "numeric" } : { month: "short", day: "2-digit", year: "numeric" };
+      return l.value && (f = {
+        ...f,
         hour: "numeric",
         minute: "numeric",
         second: "numeric",
         hour12: !1
-      }), Tt(D.value, p).formatRange(
+      }), Bt(p.value, f).formatRange(
         s.value.startDate,
         s.value.endDate
       );
     }),
-    textInputDisplayValue: M,
+    textInputDisplayValue: R,
     // Methods
     formatTextInputDisplayValue: () => ""
   };
-}, $t = {
-  i18n: { messages: Wt },
+}, ia = {
+  i18n: { messages: oa },
   name: "bento-date-range-picker",
   model: { prop: "modelValue" }
-}, Ht = /* @__PURE__ */ Le({
-  ...$t,
+}, da = /* @__PURE__ */ We({
+  ...ia,
   props: {
     description: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
@@ -929,7 +950,7 @@ const Jt = jt.exports, Wt = {
   },
   emits: ["update:model-value", "input"],
   setup(s, { emit: a }) {
-    const e = s, t = st(), { t: l } = Me(), { dateToInputDateString: m } = ge(), D = ne("bento-date-range-picker-container"), y = ne("bento-date-range-picker-label"), U = ne("bento-date-range-picker-description"), G = ne("bento-date-range-picker-error"), M = ne("bento-date-range-picker-date-error"), X = v(() => e.label || l("dateRangePicker", { name: D })), { resolvedFirstDayOfWeek: $ } = ft(pe(e, "firstDayOfWeek")), p = ot({
+    const e = s, t = vt(), { t: l } = Re(), { dateToInputDateString: D } = be(), p = ne("bento-date-range-picker-container"), y = ne("bento-date-range-picker-label"), _ = ne("bento-date-range-picker-description"), U = ne("bento-date-range-picker-error"), R = ne("bento-date-range-picker-date-error"), F = m(() => e.label || l("dateRangePicker", { name: p })), { resolvedFirstDayOfWeek: X } = _t(Te(e, "firstDayOfWeek")), f = yt({
       none: 0,
       one: 710,
       // width of date range picker with one panes
@@ -937,111 +958,111 @@ const Jt = jt.exports, Wt = {
       // width of date range picker with two panes
       three: 1290
       // width of date range picker with three panes
-    }), q = v(() => {
-      const c = p.active().value, V = {
+    }), Q = m(() => {
+      const c = f.active().value, z = {
         none: 0,
         one: 1,
         two: 2
       };
-      if (c in V) {
-        const z = V[c];
-        return e.numberOfMonths === void 0 ? z : Math.min(e.numberOfMonths, z);
+      if (c in z) {
+        const me = z[c];
+        return e.numberOfMonths === void 0 ? me : Math.min(e.numberOfMonths, me);
       }
       return e.numberOfMonths;
-    }), R = v(() => (e == null ? void 0 : e.quickSelectRanges) && e.quickSelectRanges.map((c) => {
-      const V = c.data.endDate ? void 0 : new Date(Date.now()).getTime() - c.data.startDate.getTime();
+    }), k = m(() => (e == null ? void 0 : e.quickSelectRanges) && e.quickSelectRanges.map((c) => {
+      const z = c.data.endDate ? void 0 : new Date(Date.now()).getTime() - c.data.startDate.getTime();
       return {
         ...c,
         data: {
           ...c.data,
           // Adding timeDifference to calculate an up-to-date endDate on range selection
-          timeDifference: V
+          timeDifference: z
         }
       };
-    })), E = v(() => e.label ? y : (t == null ? void 0 : t["aria-labelledby"]) ?? null), r = B(!1), _ = B(null), O = B(!1), { isReadOnly: De } = bt(pe(e, "readonly")), { emitValue: Q } = It(a);
-    ce(
+    })), C = m(() => e.label ? y : (t == null ? void 0 : t["aria-labelledby"]) ?? null), M = B(!1), r = B(null), T = B(!1), { isReadOnly: ye } = Pt(Te(e, "readonly")), { emitValue: Z } = Lt(a);
+    fe(
       () => e.disabled,
       () => {
-        e.disabled && O.value && (O.value = !1);
+        e.disabled && T.value && (T.value = !1);
       }
     );
-    const se = v(() => e.modelValue || e.value), Z = v(() => e.hasActions ? !P.value && r.value : r.value), T = v(() => ({
-      "b-date-range-picker__description--error": !!e.errorMessage || Z.value
-    })), ee = v(() => e.variant === "month"), te = v(() => e.allowTimeInput && e.variant !== "month"), { dateDisplayValue: j, textInputDisplayValue: g, formatTextInputDisplayValue: oe } = zt({
-      datePickerValue: se,
-      isDateIncorrect: r,
-      quickSelectRanges: R,
-      isMonthVariant: ee,
-      withTimeInput: te,
-      placeholder: pe(e, "placeholder")
-    }), le = v(
-      () => `${e.description ? U : ""} ${e.errorMessage ? G : ""} ${r.value ? M : ""}`.trim() || null
-    ), H = () => {
-      O.value = !1;
-    }, ie = () => {
-      O.value = !0;
-    }, K = B(j.value), k = B(
+    const j = m(() => e.modelValue || e.value), se = m(() => e.hasActions ? !L.value && M.value : M.value), oe = m(() => ({
+      "b-date-range-picker__description--error": !!e.errorMessage || se.value
+    })), h = m(() => e.variant === "month"), ee = m(() => e.allowTimeInput && e.variant !== "month"), { dateDisplayValue: J, textInputDisplayValue: g, formatTextInputDisplayValue: le } = la({
+      datePickerValue: j,
+      isDateIncorrect: M,
+      quickSelectRanges: k,
+      isMonthVariant: h,
+      withTimeInput: ee,
+      placeholder: Te(e, "placeholder")
+    }), ie = m(
+      () => `${e.description ? _ : ""} ${e.errorMessage ? U : ""} ${M.value ? R : ""}`.trim() || null
+    ), $ = () => {
+      T.value = !1;
+    }, de = () => {
+      T.value = !0;
+    }, H = B(J.value), V = B(
       // textInputDisplayValue is a reactive object
-      structuredClone(ye(g))
-    ), C = B(e.modelValue ?? e.value), P = B(!0), A = v(
-      () => e.hasActions ? k.value : g
-    ), J = v(
-      () => e.hasActions ? K.value : j.value
+      structuredClone(Ae(g))
+    ), b = B(e.modelValue ?? e.value), L = B(!0), te = m(
+      () => e.hasActions ? V.value : g
+    ), I = m(
+      () => e.hasActions ? H.value : J.value
     );
-    Ge(() => {
-      if (e.hasActions || ke(
+    ze(() => {
+      if (e.hasActions || Ce(
         'BentoDateRangePicker "hasActions" property',
         `Set the BentoDateRangePicker "hasActions" property true which will display the "Apply" and "Cancel" buttons.
                         This will be the default behavior in the v2 and "hasActions" will be removed.`,
         "2.0.0"
-      ), e.value && ke(
+      ), e.value && Ce(
         'BentoDateRangePicker "value" property',
         'The use of "value" prop in "BentoDateRangePicker" is no longer supported. Use the "v-model" or "model-value" property instead.',
         "2.0.0"
       ), e.granularities && e.variant !== "month" && e.granularities.find(({ type: c }) => c === "quarterly"))
         throw new Error('Quarterly granularity is only supported by BentoDateRangePicker with variant: "month"');
-    }), ce([() => e.value, () => e.modelValue], () => {
-      K.value = j.value, k.value = structuredClone(ye(g));
+    }), fe([() => e.value, () => e.modelValue], () => {
+      H.value = J.value, V.value = structuredClone(Ae(g));
     });
-    const W = v(() => [
+    const W = m(() => [
       {
         title: l("apply"),
         event: () => {
-          Q(C.value), H(), P.value = !0;
+          Z(b.value), $(), L.value = !0;
         },
-        disabled: P.value
+        disabled: L.value
       },
       {
         title: l("cancel"),
-        event: H
+        event: $
       }
     ]);
-    return ce(C, (c) => {
+    return fe(b, (c) => {
       if (e.hasActions) {
-        P.value = r.value;
+        L.value = M.value;
         return;
       }
-      Q(c);
-    }), { __sfc: !0, emit: a, props: e, attrs: t, t: l, dateToInputDateString: m, datePickerContainerId: D, labelId: y, descriptionId: U, errorId: G, dateErrorId: M, popoverAriaLabel: X, resolvedFirstDayOfWeek: $, breakpoints: p, computedNumberOfMonths: q, adjustedQuickSelectRanges: R, dropdownInputAriaLabelledBy: E, isDateIncorrect: r, inputContainerRef: _, isDateRangePickerOpen: O, isReadOnly: De, emitValue: Q, internalModelValue: se, shouldDisplayError: Z, descriptionConditionalClasses: T, isMonthVariant: ee, withTimeInput: te, dateDisplayValue: j, textInputDisplayValue: g, formatTextInputDisplayValue: oe, ariaDescribedBy: le, closeDateRangePicker: H, openDateRangePicker: ie, localDateDisplayValue: K, localTextInputDisplayValue: k, selectedDate: C, isApplyDisabled: P, displayedTextInputValue: A, displayedDateValue: J, rangePickerButtonActions: W, onDateRangePickerInput: (c) => {
-      r.value = !1, g.startDate = m(c.startDate), g.endDate = m(c.endDate), g.startTime = I(c.startDate), g.endTime = I(c.endDate), C.value = c;
+      Z(c);
+    }), { __sfc: !0, emit: a, props: e, attrs: t, t: l, dateToInputDateString: D, datePickerContainerId: p, labelId: y, descriptionId: _, errorId: U, dateErrorId: R, popoverAriaLabel: F, resolvedFirstDayOfWeek: X, breakpoints: f, computedNumberOfMonths: Q, adjustedQuickSelectRanges: k, dropdownInputAriaLabelledBy: C, isDateIncorrect: M, inputContainerRef: r, isDateRangePickerOpen: T, isReadOnly: ye, emitValue: Z, internalModelValue: j, shouldDisplayError: se, descriptionConditionalClasses: oe, isMonthVariant: h, withTimeInput: ee, dateDisplayValue: J, textInputDisplayValue: g, formatTextInputDisplayValue: le, ariaDescribedBy: ie, closeDateRangePicker: $, openDateRangePicker: de, localDateDisplayValue: H, localTextInputDisplayValue: V, selectedDate: b, isApplyDisabled: L, displayedTextInputValue: te, displayedDateValue: I, rangePickerButtonActions: W, onDateRangePickerInput: (c) => {
+      M.value = !1, g.startDate = D(c.startDate), g.endDate = D(c.endDate), g.startTime = O(c.startDate), g.endTime = O(c.endDate), b.value = c;
     }, clearDateRangePickerValue: async () => {
-      r.value && (r.value = !1), C.value = null;
+      M.value && (M.value = !1), b.value = null;
     }, onEnterPressedOverInput: () => {
-      if (!O.value) {
-        O.value = !0;
+      if (!T.value) {
+        T.value = !0;
         return;
       }
-      r.value || (O.value = !1);
+      M.value || (T.value = !1);
     }, onDateRangePickerFormDateInputUpdate: (c) => {
-      r.value = !1, c.startTime && (g.startTime = c.startTime), c.endTime && (g.endTime = c.endTime);
+      M.value = !1, c.startTime && (g.startTime = c.startTime), c.endTime && (g.endTime = c.endTime);
     }, onDateRangePickerError: (c) => {
-      r.value = !0, g.startDate = c.startDate, g.endDate = c.endDate, C.value = { startDate: null, endDate: null };
+      M.value = !0, g.startDate = c.startDate, g.endDate = c.endDate, b.value = { startDate: null, endDate: null };
     }, onRangeSelectorInput: (c) => {
-      c && (g.startDate = m(c.startDate), g.endDate = m(c.endDate), g.startTime = I(c.startDate), g.endTime = I(c.endDate), C.value = c);
-    }, BentoButtonActions: dt, BentoButtonActionsLayout: Ft, BentoDivider: lt, BentoPopover: it, BentoTypography: Qe, DateRangePickerCalendar: Jt, DropdownInputDefault: Rt, ErrorMessage: St, FieldLabel: kt, vBentoClickOutsideDirective: _t };
+      c && (g.startDate = D(c.startDate), g.endDate = D(c.endDate), g.startTime = O(c.startDate), g.endTime = O(c.endDate), b.value = c);
+    }, BentoButtonActions: Tt, BentoButtonActionsLayout: jt, BentoDivider: Mt, BentoPopover: gt, BentoTypography: $e, DateRangePickerCalendar: sa, DropdownInputDefault: Rt, ErrorMessage: Qt, FieldLabel: Ut, vBentoClickOutsideDirective: Gt };
   }
 });
-var Kt = function() {
+var ua = function() {
   var a = this, e = a._self._c, t = a._self._setupProxy;
   return e("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: t.closeDateRangePicker, expression: "closeDateRangePicker" }], staticClass: "b-date-range-picker" }, [a.label ? e(t.FieldLabel, { attrs: { id: t.labelId, label: a.label, "tooltip-text": a.tooltipText, optional: a.optional, required: a.required } }) : a._e(), e("div", { on: { keydown: function(l) {
     return !l.type.indexOf("key") && a._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : t.onEnterPressedOverInput.apply(null, arguments);
@@ -1050,19 +1071,19 @@ var Kt = function() {
   } } }, [e(t.DateRangePickerCalendar, { attrs: { "allow-time-input": t.withTimeInput, "quick-select-ranges": t.adjustedQuickSelectRanges, value: t.internalModelValue, "first-day-of-week": t.resolvedFirstDayOfWeek, granularities: a.granularities, "is-date-disabled": a.isDateDisabled, "max-range": a.maxRange, min: a.min, max: a.max, "number-of-months": t.computedNumberOfMonths, "show-end-date-on-open": a.showEndDateOnOpen, "date-form-data": t.displayedTextInputValue, variant: a.variant }, on: { "custom-range": t.onRangeSelectorInput, input: t.onDateRangePickerInput, error: t.onDateRangePickerError, "form-date": t.onDateRangePickerFormDateInputUpdate }, scopedSlots: a._u([a.hasActions ? { key: "actions", fn: function() {
     return [e(t.BentoDivider), e("div", { staticClass: "b-date-range-picker__footer" }, [e(t.BentoButtonActions, { attrs: { actions: t.rangePickerButtonActions, layout: t.BentoButtonActionsLayout.SPACE_BETWEEN } })], 1)];
   }, proxy: !0 } : null], null, !0) })], 1) : a._e()], 1);
-}, Vt = [], Xt = /* @__PURE__ */ je(
-  Ht,
-  Kt,
-  Vt,
+}, ca = [], Da = /* @__PURE__ */ Ve(
+  da,
+  ua,
+  ca,
   !1,
   null,
   "fbf1b83e"
 );
-const Ia = Xt.exports;
+const Ga = Da.exports;
 export {
-  Ia as B,
-  Jt as D,
-  Ot as a,
-  fe as i
+  Ga as B,
+  sa as D,
+  Wt as a,
+  he as i
 };
-//# sourceMappingURL=date-range-picker.DPGy2h-9.js.map
+//# sourceMappingURL=date-range-picker.LCWVAa5R.js.map