@adyen/bento-vue3 1.58.0 → 1.58.1

package/dist/chunks/{date-range-picker.D-_e1W8W.js → date-range-picker.42PkRLKi.js}

@@ -1,140 +1,140 @@
-import { reactive as Te, defineComponent as ze, computed as T, ref as F, onMounted as Je, toRaw as ke, resolveComponent as E, createElementBlock as Ee, openBlock as w, createElementVNode as Y, createCommentVNode as _, renderSlot as _e, createBlock as K, createVNode as Q, withCtx as V, createTextVNode as ae, normalizeClass as he, toRef as Re, watch as Se, resolveDirective as pt, withDirectives as vt, withKeys as gt, toDisplayString as yt, createSlots as Tt } from "vue";
-import { B as bt } from "./divider.qUOSAbU6.js";
-import { B as It } from "./popover.DiIZe9RM.js";
-import { B as Xe, d as Rt } from "./typography.DN5eC5ch.js";
-import { D as St } from "./dropdown-default-textbox.BNhy-QDH.js";
-import { r as O, t as z, g as we } from "./get-date-locale.BN8xEjY0.js";
-import { g as le } from "./generate-uid.NJ8tVoha.js";
+import { reactive as be, defineComponent as ze, computed as b, ref as _, onMounted as Je, toRaw as ke, resolveComponent as E, createElementBlock as Ee, openBlock as O, createElementVNode as L, createCommentVNode as U, renderSlot as _e, createBlock as K, createVNode as G, withCtx as Y, createTextVNode as ne, normalizeClass as he, toRef as Re, watch as Se, resolveDirective as ft, withDirectives as pt, withKeys as vt, toDisplayString as gt, createSlots as yt } from "vue";
+import { B as Tt } from "./divider.qUOSAbU6.js";
+import { B as bt } from "./popover.DiIZe9RM.js";
+import { B as Xe, d as It } from "./typography.DN5eC5ch.js";
+import { D as Rt } from "./dropdown-default-textbox.BNhy-QDH.js";
+import { r as M, t as J, g as we } from "./get-date-locale.BN8xEjY0.js";
+import { g as de } from "./generate-uid.NJ8tVoha.js";
 import { u as Oe } from "./i18n.B6g5VX0q.js";
-import { t as de, f as ue } from "./date.CKXySBQv.js";
-import { e as Ze, f as ie, i as j, g as oe, h as Ue, j as kt, k as Be, l as Et, s as Pe, m as ht, n as Ne, a as W, u as wt } from "./calendar.DzwpAB0z.js";
-import { f as qe, v as Ot, D as h } from "./date-input.BqBdAO1E.js";
-import { u as Mt } from "./use-form-layout-loading.D3lALhtC.js";
-import { B as Ct } from "./directive.Cbdox5VL.js";
+import { t as De, f as ce } from "./date.CKXySBQv.js";
+import { e as Ze, f as me, i as V, g as ie, h as Ue, j as St, k as Be, l as kt, s as Pe, m as Et, n as Ne, a as z, u as ht } from "./calendar.BzN254pQ.js";
+import { f as qe, v as wt, D as h } from "./date-input.BqBdAO1E.js";
+import { u as Ot } from "./use-form-layout-loading.D3lALhtC.js";
+import { B as Mt } from "./directive.Cbdox5VL.js";
 import "./events.FNmSWp_P.js";
-import { B as At } from "./input-field.CUfSQLYO.js";
-import { B as Ft } from "./dropdown.CnMnzXc2.js";
-import { B as _t } from "./segmented-control.ClJS7gzl.js";
-import { d as ge } from "./debounce.DUTu11PS.js";
-import { u as Ut } from "./use-has-slot.B7eQSabc.js";
-import { e as G, a as $e } from "./index.BDuTpjD8.js";
+import { B as Ct } from "./input-field.CUfSQLYO.js";
+import { B as At } from "./dropdown.CnMnzXc2.js";
+import { B as Ft } from "./segmented-control.ClJS7gzl.js";
+import { d as ye } from "./debounce.DUTu11PS.js";
+import { u as _t } from "./use-has-slot.B7eQSabc.js";
+import { e as re, a as $e } from "./index.BDuTpjD8.js";
 import { _ as xe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { F as Bt, E as Pt } from "./error-message.KTNWtFyf.js";
-import { B as Nt, c as qt } from "./button-actions.WnxN4KnV.js";
+import { F as Ut, E as Bt } from "./error-message.KTNWtFyf.js";
+import { B as Pt, c as Nt } from "./button-actions.WnxN4KnV.js";
 import "../assets/date-range-picker.css";
 function et(e, a) {
-  O(2, arguments);
-  var s = de(a), i = s * 3;
+  M(2, arguments);
+  var s = De(a), i = s * 3;
   return Ze(e, i);
 }
 function Le(e) {
-  O(1, arguments);
-  var a = z(e), s = Math.floor(a.getMonth() / 3) + 1;
+  M(1, arguments);
+  var a = J(e), s = Math.floor(a.getMonth() / 3) + 1;
   return s;
 }
 function Ye(e) {
-  return O(1, arguments), z(e).getFullYear();
+  return M(1, arguments), J(e).getFullYear();
 }
-function $t(e, a) {
-  O(2, arguments);
-  var s = z(e), i = z(a);
+function qt(e, a) {
+  M(2, arguments);
+  var s = J(e), i = J(a);
   return s.getTime() === i.getTime();
 }
-function Lt(e, a) {
-  O(2, arguments);
-  var s = ie(e), i = ie(a);
+function $t(e, a) {
+  M(2, arguments);
+  var s = me(e), i = me(a);
   return s.getTime() === i.getTime();
 }
 function Ve(e) {
-  O(1, arguments);
-  var a = z(e);
+  M(1, arguments);
+  var a = J(e);
   return a.setMilliseconds(0), a;
 }
-function je(e, a) {
-  O(2, arguments);
+function Ke(e, a) {
+  M(2, arguments);
   var s = Ve(e), i = Ve(a);
   return s.getTime() === i.getTime();
 }
-function Yt(e) {
-  return O(1, arguments), j(e, Date.now());
+function Lt(e) {
+  return M(1, arguments), V(e, Date.now());
 }
-function Vt(e, a) {
-  O(2, arguments);
-  var s = z(e), i = de(a);
+function Yt(e, a) {
+  M(2, arguments);
+  var s = J(e), i = De(a);
   return s.setHours(i), s;
 }
-function jt(e, a) {
-  O(2, arguments);
-  var s = z(e), i = de(a);
+function Vt(e, a) {
+  M(2, arguments);
+  var s = J(e), i = De(a);
   return s.setMinutes(i), s;
 }
 function Kt(e, a) {
-  O(2, arguments);
-  var s = z(e), i = de(a);
+  M(2, arguments);
+  var s = J(e), i = De(a);
   return s.setSeconds(i), s;
 }
-function Qt(e, a) {
-  O(2, arguments);
-  var s = de(a);
+function Gt(e, a) {
+  M(2, arguments);
+  var s = De(a);
   return et(e, -s);
 }
-function be(e) {
+function oe(e) {
   if (e == null)
-    return oe(/* @__PURE__ */ new Date());
+    return ie(/* @__PURE__ */ new Date());
   const [a, s, i] = e.split("-").map((l) => parseInt(l, 10));
   return new Date(a, s - 1, i);
 }
-const Gt = ({
+const jt = ({
   firstDayOfWeek: e,
   min: a,
   max: s
 }) => ({ getGranularCalendarLimits: (l) => {
-  let c = oe(a), D = G(s);
+  let m = ie(a), c = re(s);
   if ((l == null ? void 0 : l.type) === "weekly") {
     if (l.earliest)
-      c = oe(l.earliest);
+      m = ie(l.earliest);
     else {
-      const n = Ue(c, { weekStartsOn: e });
-      j(c, n) || (c = oe(kt(Be(c, { weekStartsOn: e }), 1)));
+      const n = Ue(m, { weekStartsOn: e });
+      V(m, n) || (m = ie(St(Be(m, { weekStartsOn: e }), 1)));
     }
     if (l.latest)
-      D = G(l.latest);
+      c = re(l.latest);
     else {
-      const n = Be(D, { weekStartsOn: e });
-      j(D, n) || (D = G(Et(Ue(D, { weekStartsOn: e }), 1)));
+      const n = Be(c, { weekStartsOn: e });
+      V(c, n) || (c = re(kt(Ue(c, { weekStartsOn: e }), 1)));
     }
   }
   if ((l == null ? void 0 : l.type) === "monthly") {
     if (l.earliest)
-      c = oe(l.earliest);
+      m = ie(l.earliest);
     else {
-      const n = Pe(c);
-      j(c, n) || (c = Pe(Ze(c, 1)));
+      const n = Pe(m);
+      V(m, n) || (m = Pe(Ze(m, 1)));
     }
     if (l.latest)
-      D = G(l.latest);
+      c = re(l.latest);
     else {
-      const n = $e(D);
-      j(D, n) || (D = $e(ht(D, 1)));
+      const n = $e(c);
+      V(c, n) || (c = $e(Et(c, 1)));
     }
   }
   if ((l == null ? void 0 : l.type) === "quarterly") {
     if (l.earliest)
-      c = ie(l.earliest);
+      m = me(l.earliest);
     else {
-      const n = ie(c);
-      j(c, n) || (c = ie(et(c, 1)));
+      const n = me(m);
+      V(m, n) || (m = me(et(m, 1)));
     }
     if (l.latest)
-      D = G(l.latest);
+      c = re(l.latest);
     else {
-      const n = Ne(D);
-      j(D, n) || (D = Ne(Qt(D, 1)));
+      const n = Ne(c);
+      V(c, n) || (c = Ne(Gt(c, 1)));
     }
   }
-  return { min: c, max: D };
-} }), Ht = () => {
-  const e = Te({
+  return { min: m, max: c };
+} }), Qt = () => {
+  const e = be({
     daily: null,
     weekly: null,
     monthly: null,
@@ -151,18 +151,18 @@ const Gt = ({
   };
 };
 var g = /* @__PURE__ */ ((e) => (e.CUSTOM_RANGE = "custom-range", e.INPUT = "input", e.ERROR = "error", e.FORM_DATE = "form-date", e.START_DATE_SELECTED = "start-date-selected", e))(g || {});
-const Wt = /[\d]/, zt = /^\d{2}$/, Jt = /^\d{2}:\d{2}$/, Xt = (e) => {
-  const { selectionStart: a } = e.target, s = Wt.test(e.key) || e.key === "Backspace" || e.key === "Tab", i = [1, 2, 4, 5].includes(a) && e.key === ":";
+const Ht = /[\d]/, Wt = /^\d{2}$/, zt = /^\d{2}:\d{2}$/, Jt = (e) => {
+  const { selectionStart: a } = e.target, s = Ht.test(e.key) || e.key === "Backspace" || e.key === "Tab", i = [1, 2, 4, 5].includes(a) && e.key === ":";
   !s && !i && e.preventDefault();
-}, Ke = (e) => {
+}, Ge = (e) => {
   if (!e)
     return e;
   let a = e;
   if (a.length === 1 && parseInt(e, 10) > 2)
     return `0${a}:`;
   const [s, i] = a.slice(-2);
-  return [2, 5].includes(a.length) && i === ":" && (a = `${a.slice(0, a.length - 2)}0${s}`), (zt.test(a) || Jt.test(a)) && (a += ":"), a;
-}, Qe = {
+  return [2, 5].includes(a.length) && i === ":" && (a = `${a.slice(0, a.length - 2)}0${s}`), (Wt.test(a) || zt.test(a)) && (a += ":"), a;
+}, je = {
   "en-US": {
     customRange: "Custom range",
     daily: "Daily",
@@ -193,15 +193,15 @@ const Wt = /[\d]/, zt = /^\d{2}$/, Jt = /^\d{2}:\d{2}$/, Xt = (e) => {
     monthly: "Mensal",
     weekly: "Semanal"
   }
-}, Ge = 300, He = "customRange", Zt = ze({
-  i18n: { messages: Qe },
+}, Qe = 300, He = "customRange", Xt = ze({
+  i18n: { messages: je },
   name: "date-range-picker-calendar",
   components: {
-    BentoDropdown: Ft,
-    BentoInputField: At,
-    BentoSegmentedControl: _t,
+    BentoDropdown: At,
+    BentoInputField: Ct,
+    BentoSegmentedControl: Ft,
     BentoTypography: Xe,
-    Calendar: W
+    Calendar: z
   },
   props: {
     /**
@@ -218,7 +218,7 @@ const Wt = /[\d]/, zt = /^\d{2}$/, Jt = /^\d{2}:\d{2}$/, Xt = (e) => {
     /**
      * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: W.props.firstDayOfWeek,
+    firstDayOfWeek: z.props.firstDayOfWeek,
     /**
      * A list of available granularities.
      * If present, the date picker will display a segmented control to change granularity.
@@ -230,23 +230,23 @@ const Wt = /[\d]/, zt = /^\d{2}$/, Jt = /^\d{2}:\d{2}$/, Xt = (e) => {
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: W.props.isDateDisabled,
+    isDateDisabled: z.props.isDateDisabled,
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
-    maxRange: W.props.maxRange,
+    maxRange: z.props.maxRange,
     /**
      * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
      */
-    min: W.props.min,
+    min: z.props.min,
     /**
      * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
      */
-    max: W.props.max,
+    max: z.props.max,
     /**
      * Number of months rendered on pane
      */
-    numberOfMonths: W.props.numberOfMonths,
+    numberOfMonths: z.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.
      */
@@ -269,7 +269,7 @@ const Wt = /[\d]/, zt = /^\d{2}$/, Jt = /^\d{2}:\d{2}$/, Xt = (e) => {
     /**
      * The type of calendar to display. Defaults to showing days.
      */
-    variant: W.props.variant
+    variant: z.props.variant
   },
   emits: [
     g.CUSTOM_RANGE,
@@ -280,156 +280,153 @@ const Wt = /[\d]/, zt = /^\d{2}$/, Jt = /^\d{2}:\d{2}$/, Xt = (e) => {
   ],
   setup(e, { emit: a, slots: s }) {
     var Me, Ce, Ae, Fe;
-    const { locale: i, t: l } = Oe({ messages: Qe }), c = we(), D = T(() => e.variant === "month" ? "monthly" : "daily"), n = Te({
+    const { locale: i, t: l } = Oe({ messages: je }), m = we(), c = b(() => e.variant === "month" ? "monthly" : "daily"), n = be({
       startDate: (Me = e.value) == null ? void 0 : Me.startDate,
       endDate: (Ce = e.value) == null ? void 0 : Ce.endDate,
       range: (Ae = e.value) == null ? void 0 : Ae.range,
       ...e.granularities ? {
-        granularity: ((Fe = e.value) == null ? void 0 : Fe.granularity) || D.value
+        granularity: ((Fe = e.value) == null ? void 0 : Fe.granularity) || c.value
       } : {}
     });
     function p(t) {
-      return new Date(
+      return t ? new Date(
         t.getUTCFullYear(),
         t.getUTCMonth(),
         t.getUTCDate(),
         t.getUTCHours(),
         t.getUTCMinutes(),
         t.getUTCSeconds()
-      );
+      ) : null;
     }
-    const v = T(() => {
-      var t, r;
+    const v = b(() => {
+      var t, o;
       return (
         // eslint-disable-next-line consistent-return
-        ((r = (t = e == null ? void 0 : e.quickSelectRanges) == null ? void 0 : t.find(({ value: u, data: d }) => {
+        ((o = (t = e == null ? void 0 : e.quickSelectRanges) == null ? void 0 : t.find(({ value: u, data: d }) => {
           if (!d.endDate)
-            return u === n.range || $t(
+            return u === n.range || qt(
               p(d.startDate),
               p(n.startDate)
-            ) && Yt(n.endDate);
+            ) && Lt(n.endDate);
           if (e.allowTimeInput)
-            return je(
+            return Ke(
               p(d.startDate),
               p(n.startDate)
-            ) && je(p(d.endDate), p(n.endDate));
+            ) && Ke(p(d.endDate), p(n.endDate));
           if (d.endDate)
-            return j(d.startDate, n.startDate) && j(d.endDate, n.endDate);
-        })) == null ? void 0 : r.value) ?? He
+            return V(d.startDate, n.startDate) && V(d.endDate, n.endDate);
+        })) == null ? void 0 : o.value) ?? He
       );
-    }), H = T(() => ({
+    }), j = b(() => ({
       "b-date-range-picker-calendar__form-input-wrapper": e.allowTimeInput
-    })), b = T(() => [
+    })), T = b(() => [
       { label: l("customRange"), value: He },
-      ...C.value ? C.value : []
-    ]), M = T(
+      ...e.quickSelectRanges ? e.quickSelectRanges : []
+    ]), C = b(
       () => {
         var t;
-        return ((t = e.granularities) == null ? void 0 : t.find(({ type: r }) => r === n.granularity)) || null;
+        return ((t = e.granularities) == null ? void 0 : t.find(({ type: o }) => o === n.granularity)) || null;
       }
-    ), I = T(
+    ), I = b(
       () => {
         var t;
-        return ((t = e.granularities) == null ? void 0 : t.map(({ type: r, disabled: u }) => ({
-          label: l(r),
-          value: r,
+        return ((t = e.granularities) == null ? void 0 : t.map(({ type: o, disabled: u }) => ({
+          label: l(o),
+          value: o,
           disabled: u
         }))) ?? [];
       }
-    ), C = T(
-      () => e.quickSelectRanges && e.quickSelectRanges.map((t) => ({
-        ...t,
-        data: {
-          ...t.data,
-          // Adding timeDifference to calculate an up-to-date endDate on range selection
-          timeDifference: t.data.endDate ? void 0 : new Date(Date.now()).getTime() - t.data.startDate.getTime()
-        }
-      }))
-    ), { getGranularCalendarLimits: P } = Gt(e), f = T(
-      () => e.granularities ? P(M.value) : { min: oe(e.min), max: G(e.max) }
+    ), { getGranularCalendarLimits: Q } = jt(e), f = b(
+      () => e.granularities ? Q(C.value) : { min: ie(e.min), max: re(e.max) }
     ), {
-      adjustDateForQuarterly: J,
-      adjustDateForMonthly: N,
-      adjustDateForWeekly: y,
-      adjustStartDateInputForWeekly: U,
-      adjustEndDateInputForWeekly: q,
-      adjustStartDateInputForMonthly: A,
-      adjustEndDateInputForMonthly: se,
-      adjustStartDateInputForQuarterly: me,
-      adjustEndDateInputForQuarterly: ce
-    } = wt(e.firstDayOfWeek), { savedRanges: S, saveRange: ne, resetSavedRanges: De } = Ht(), R = (t) => t ? ue(t, h.NUMERIC_DATE_YEAR_FIRST, {
-      locale: c[i.value.substring(0, 2)] || c.enUS
-    }) : "", re = (t) => t ? ue(t, h.HOUR_MINUTE_SECONDS, {
-      locale: c[i.value.substring(0, 2)] || c.enUS
-    }) : "", X = F(!1), Z = F(!1), x = F(!1), ee = F(!1), o = Te({
+      adjustDateForQuarterly: A,
+      adjustDateForMonthly: X,
+      adjustDateForWeekly: P,
+      adjustStartDateInputForWeekly: y,
+      adjustEndDateInputForWeekly: B,
+      adjustStartDateInputForMonthly: N,
+      adjustEndDateInputForMonthly: F,
+      adjustStartDateInputForQuarterly: ue,
+      adjustEndDateInputForQuarterly: fe
+    } = ht(e.firstDayOfWeek), { savedRanges: q, saveRange: H, resetSavedRanges: Z } = Qt(), S = (t) => t ? ce(t, h.NUMERIC_DATE_YEAR_FIRST, {
+      locale: m[i.value.substring(0, 2)] || m.enUS
+    }) : "", se = (t) => t ? ce(t, h.HOUR_MINUTE_SECONDS, {
+      locale: m[i.value.substring(0, 2)] || m.enUS
+    }) : "", W = _(!1), x = _(!1), ee = _(!1), te = _(!1), r = be({
       startDate: e.dateFormData.startDate,
       endDate: e.dateFormData.endDate,
       startTime: e.dateFormData.startTime,
       endTime: e.dateFormData.endTime
-    }), fe = (t) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(t), m = (t, r) => {
-      if (!r || !fe(r) || e.variant === "month")
+    }), pe = (t) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(t), w = (t, o) => {
+      if (!o || !pe(o) || e.variant === "month")
         return t;
       let u = new Date(t);
-      const [d, k, te] = r.split(":");
-      return u = Vt(u, parseInt(d, 10)), u = jt(u, parseInt(k, 10)), u = Kt(u, parseInt(te, 10)), u;
-    }, $ = (t) => {
-      n.startDate = m(t.startDate, o.startTime), n.endDate = m(t.endDate, o.endTime), n.range = null, e.granularities && De(), a(g.INPUT, {
+      const [d, k, ae] = o.split(":");
+      return u = Yt(u, parseInt(d, 10)), u = Vt(u, parseInt(k, 10)), u = Kt(u, parseInt(ae, 10)), u;
+    }, D = (t) => {
+      n.startDate = w(t.startDate, r.startTime), n.endDate = w(t.endDate, r.endTime), n.range = null, e.granularities && Z(), a(g.INPUT, {
         ...n,
         range: v.value
       });
-    }, B = (t) => {
-      const r = (d) => e.min && d <= e.min || e.max && d >= e.max ? !1 : e.isDateDisabled ? !e.isDateDisabled(d) : !0;
-      return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(t) && r(new Date(t));
+    }, R = (t) => {
+      const o = (d) => e.min && d <= e.min || e.max && d >= e.max ? !1 : e.isDateDisabled ? !e.isDateDisabled(d) : !0;
+      return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(t) && o(new Date(t));
     };
     Je(() => {
-      e.dateFormData.startDate && !B(e.dateFormData.startDate) ? X.value = !0 : (X.value = !1, x.value = !1), e.dateFormData.endDate && !B(e.dateFormData.endDate) ? Z.value = !0 : (Z.value = !1, ee.value = !1);
+      e.dateFormData.startDate && !R(e.dateFormData.startDate) ? W.value = !0 : (W.value = !1, ee.value = !1), e.dateFormData.endDate && !R(e.dateFormData.endDate) ? x.value = !0 : (x.value = !1, te.value = !1);
     });
-    const Ie = (t) => {
-      var r;
-      o.startDate = R(t), o.startTime ? x.value && (o.startTime = (r = e.dateFormData) == null ? void 0 : r.startTime) : o.startTime = re(t), X.value = !1, x.value = !1, a(g.START_DATE_SELECTED, t);
-    }, tt = (t) => {
-      var r;
-      o.endDate = R(t), o.endTime ? ee.value && (o.endTime = (r = e.dateFormData) == null ? void 0 : r.endTime) : o.endTime = re(G(t)), Z.value = !1, ee.value = !1;
-    }, pe = (t) => {
-      const r = e.value[t];
-      if (r)
-        return r;
-      if (e.dateFormData[t] && B(e.dateFormData[t]))
+    const le = (t) => {
+      var o;
+      r.startDate = S(t), r.startTime ? ee.value && (r.startTime = (o = e.dateFormData) == null ? void 0 : o.startTime) : r.startTime = se(t), W.value = !1, ee.value = !1, a(g.START_DATE_SELECTED, t);
+    }, Ie = (t) => {
+      var o;
+      r.endDate = S(t), r.endTime ? te.value && (r.endTime = (o = e.dateFormData) == null ? void 0 : o.endTime) : r.endTime = se(re(t)), x.value = !1, te.value = !1;
+    }, ve = (t) => {
+      const o = e.value[t];
+      if (o)
+        return o;
+      if (e.dateFormData[t] && R(e.dateFormData[t]))
         return new Date(e.dateFormData[t]);
-    }, at = ge((t) => {
-      var r;
-      if (B(t)) {
+    }, tt = ye((t) => {
+      var o;
+      if (R(t)) {
         let u = t;
-        switch (X.value = !1, (r = M.value) == null ? void 0 : r.type) {
+        switch (W.value = !1, (o = C.value) == null ? void 0 : o.type) {
           case "weekly":
-            u = U(
+            u = y(
               t,
-              R,
+              S,
               f.value.min,
               f.value.max
-            ), o.startDate = u;
+            ), r.startDate = u;
             break;
           case "monthly":
-            u = A(
+            u = N(
               t,
-              R,
+              S,
               f.value.min,
               f.value.max
-            ), o.startDate = u;
+            ), r.startDate = u;
             break;
           case "quarterly":
-            u = me(
+            u = ue(
               t,
-              R,
+              S,
               f.value.min,
               f.value.max
-            ), o.startDate = u;
+            ), r.startDate = u;
             break;
         }
-        const d = be(u);
-        n.startDate = m(d, o.startTime);
-        const k = pe("endDate");
-        a(g.FORM_DATE, {
+        const d = oe(u);
+        n.startDate = w(d, r.startTime), n.endDate = w(
+          oe(r.endDate),
+          r.endTime
+        ), R(r.endDate) && (n.endDate = w(
+          oe(r.endDate),
+          r.endTime
+        ));
+        const k = ve("endDate");
+        n.range = null, a(g.FORM_DATE, {
           startDate: d,
           endDate: k
         }), a(g.INPUT, {
@@ -437,43 +434,46 @@ const Wt = /[\d]/, zt = /^\d{2}$/, Jt = /^\d{2}:\d{2}$/, Xt = (e) => {
           range: v.value
         });
       } else
-        X.value = !0, a(g.ERROR, { ...o });
-    }, Ge), nt = (t) => {
-      o.startDate = qe(t), at(o.startDate);
-    }, rt = ge((t) => {
-      var r;
-      if (B(t)) {
+        W.value = !0, a(g.ERROR, { ...r });
+    }, Qe), at = (t) => {
+      r.startDate = qe(t), tt(r.startDate);
+    }, nt = ye((t) => {
+      var o;
+      if (R(t)) {
         let u = t;
-        switch (Z.value = !1, (r = M.value) == null ? void 0 : r.type) {
+        switch (x.value = !1, (o = C.value) == null ? void 0 : o.type) {
           case "weekly":
-            u = q(
+            u = B(
               t,
-              R,
+              S,
               f.value.min,
               f.value.max
-            ), o.endDate = u;
+            ), r.endDate = u;
             break;
           case "monthly":
-            u = se(
+            u = F(
               t,
-              R,
+              S,
               f.value.min,
               f.value.max
-            ), o.endDate = u;
+            ), r.endDate = u;
             break;
           case "quarterly":
-            u = ce(
+            u = fe(
               t,
-              R,
+              S,
               f.value.min,
               f.value.max
-            ), o.endDate = u;
+            ), r.endDate = u;
             break;
         }
-        const d = be(u);
-        n.endDate = m(d, o.endTime);
-        const k = pe("startDate");
-        a(g.FORM_DATE, {
+        const d = oe(u);
+        n.endDate = w(d, r.endTime), R(r.startDate) && (n.startDate = w(
+          oe(r.startDate),
+          r.startTime
+        ));
+        const k = ve("startDate");
+        n.range = null, a(g.FORM_DATE, {
           startDate: k,
           endDate: d
         }), a(g.INPUT, {
@@ -481,18 +481,18 @@ const Wt = /[\d]/, zt = /^\d{2}$/, Jt = /^\d{2}:\d{2}$/, Xt = (e) => {
           range: v.value
         });
       } else
-        Z.value = !0, a(g.ERROR, { ...o });
-    }, Ge), ot = (t) => {
-      o.endDate = qe(t), rt(o.endDate);
-    }, st = (t) => {
-      Ot(t);
-    }, lt = ge((t) => {
-      if (fe(t)) {
-        x.value = !1, n.startDate = m(n.startDate, t);
-        const r = pe("endDate");
+        x.value = !0, a(g.ERROR, { ...r });
+    }, Qe), rt = (t) => {
+      r.endDate = qe(t), nt(r.endDate);
+    }, ot = (t) => {
+      wt(t);
+    }, st = ye((t) => {
+      if (pe(t)) {
+        ee.value = !1, n.startDate = w(n.startDate, t);
+        const o = ve("endDate");
         a(g.FORM_DATE, {
           startDate: new Date(n.startDate),
-          endDate: r,
+          endDate: o,
           startTime: t,
           endTime: e.dateFormData.endTime
         }), a(g.INPUT, {
@@ -500,13 +500,13 @@ const Wt = /[\d]/, zt = /^\d{2}$/, Jt = /^\d{2}:\d{2}$/, Xt = (e) => {
           range: v.value
         });
       } else
-        x.value = !0, a(g.ERROR, { ...o });
-    }), it = ge((t) => {
-      if (fe(t)) {
-        ee.value = !1, n.endDate = m(n.endDate, t);
-        const r = pe("startDate");
-        n.startDate = m(new Date(r), e.dateFormData.startTime), a(g.FORM_DATE, {
-          startDate: m(new Date(r), e.dateFormData.startTime),
+        ee.value = !0, a(g.ERROR, { ...r });
+    }), lt = ye((t) => {
+      if (pe(t)) {
+        te.value = !1, n.endDate = w(n.endDate, t);
+        const o = ve("startDate");
+        n.startDate = w(new Date(o), e.dateFormData.startTime), a(g.FORM_DATE, {
+          startDate: w(new Date(o), e.dateFormData.startTime),
           endDate: new Date(n.endDate),
           startTime: e.dateFormData.startTime,
           endTime: t
@@ -515,57 +515,57 @@ const Wt = /[\d]/, zt = /^\d{2}$/, Jt = /^\d{2}:\d{2}$/, Xt = (e) => {
           range: v.value
         });
       } else
-        ee.value = !0, a(g.ERROR, { ...o });
-    }), ut = (t) => {
-      o.startTime = Ke(t), lt(o.startTime);
+        te.value = !0, a(g.ERROR, { ...r });
+    }), it = (t) => {
+      r.startTime = Ge(t), st(r.startTime);
+    }, ut = (t) => {
+      r.endTime = Ge(t), lt(r.endTime);
     }, dt = (t) => {
-      o.endTime = Ke(t), it(o.endTime);
+      Jt(t);
+    }, ge = (t, o, u, d) => {
+      n.startDate = t, n.endDate = o, u && (n.granularity = u), d && (n.range = d);
     }, mt = (t) => {
-      Xt(t);
-    }, ve = (t, r, u, d) => {
-      n.startDate = t, n.endDate = r, u && (n.granularity = u), d && (n.range = d);
-    }, ct = (t) => {
       var u;
-      const r = (u = C.value) == null ? void 0 : u.find(({ value: d }) => d === t);
-      if (r) {
-        De();
-        const d = r.data, k = d.endDate || new Date(Date.now()), te = d.timeDifference ? new Date(k.getTime() - d.timeDifference) : d.startDate;
-        o.endDate = R(k), o.startDate = R(te), ve(te, k, null, t), e.granularities && (n.granularity = d.granularity || D.value), o.startTime || (o.startTime = re(G(te))), o.endTime || (o.endTime = re(G(k))), n.startDate = te, n.endDate = k, a(g.CUSTOM_RANGE, {
-          ...r.data,
-          startDate: te,
+      const o = (u = e.quickSelectRanges) == null ? void 0 : u.find(({ value: d }) => d === t);
+      if (o) {
+        Z();
+        const d = o.data, k = d.endDate || new Date(Date.now()), ae = d.timeDifference ? new Date(k.getTime() - d.timeDifference) : d.startDate;
+        r.endDate = S(k), r.startDate = S(ae), ge(ae, k, null, t), e.granularities && (n.granularity = d.granularity || c.value), r.startTime = se(ae), r.endTime = se(k), n.endDate = k, n.startDate = ae, a(g.CUSTOM_RANGE, {
+          ...o.data,
+          startDate: ae,
           endDate: k,
-          range: r.value
+          range: o.value
         });
       }
-    }, Dt = {
-      weekly: y,
-      monthly: N,
-      quarterly: J
-    }, ft = (t) => {
-      const r = n.granularity;
-      if (n.granularity = t, r && ne(r, structuredClone(ke(n))), n.startDate && n.endDate) {
+    }, ct = {
+      weekly: P,
+      monthly: X,
+      quarterly: A
+    }, Dt = (t) => {
+      const o = n.granularity;
+      if (n.granularity = t, o && H(o, structuredClone(ke(n))), n.startDate && n.endDate) {
         switch (t) {
           case "quarterly":
           case "monthly":
           case "weekly": {
-            if (S[t]) {
-              ve(S[t].startDate, S[t].endDate, t);
+            if (q[t]) {
+              ge(q[t].startDate, q[t].endDate, t);
               break;
             }
-            const { startDate: u, endDate: d } = Dt[t](
+            const { startDate: u, endDate: d } = ct[t](
               n.startDate,
               n.endDate,
               f.value.min,
               f.value.max
             );
-            ve(u, d, t);
+            ge(u, d, t);
             break;
           }
           case "daily":
-            S.daily && ve(S.daily.startDate, S.daily.endDate, t);
+            q.daily && ge(q.daily.startDate, q.daily.endDate, t);
             break;
         }
-        o.startDate = R(n.startDate), o.endDate = R(n.endDate), a(g.INPUT, {
+        r.startDate = S(n.startDate), r.endDate = S(n.endDate), a(g.INPUT, {
           ...n,
           range: v.value
         });
@@ -574,71 +574,70 @@ const Wt = /[\d]/, zt = /^\d{2}$/, Jt = /^\d{2}:\d{2}$/, Xt = (e) => {
     return {
       // Values
       internalRangeDate: n,
-      dateTextInput: o,
-      endDateError: Z,
-      endTimeError: ee,
+      dateTextInput: r,
+      endDateError: x,
+      endTimeError: te,
       granularityItems: I,
-      selectedGranularity: M,
+      selectedGranularity: C,
       computedMinMax: f,
       selectedRangeSelectorValue: v,
-      startDateError: X,
-      startTimeError: x,
-      adjustedQuickSelectRanges: C,
-      quickSelectRangeDefaultItems: b,
-      formInputWrapperConditionalClasses: H,
+      startDateError: W,
+      startTimeError: ee,
+      quickSelectRangeDefaultItems: T,
+      formInputWrapperConditionalClasses: j,
       // Methods
-      hasSlot: Ut(s),
+      hasSlot: _t(s),
       t: l,
       // Events
-      onDateInput: $,
-      onDateInputKeyDown: st,
-      onEndDateInput: ot,
-      onEndDateSelected: tt,
-      onEndTimeInput: dt,
-      onGranularityInput: ft,
-      onRangeSelectorInput: ct,
-      onStartDateInput: nt,
-      onStartDateSelected: Ie,
-      onStartTimeInput: ut,
-      onTimeInputKeyDown: mt
+      onDateInput: D,
+      onDateInputKeyDown: ot,
+      onEndDateInput: rt,
+      onEndDateSelected: Ie,
+      onEndTimeInput: ut,
+      onGranularityInput: Dt,
+      onRangeSelectorInput: mt,
+      onStartDateInput: at,
+      onStartDateSelected: le,
+      onStartTimeInput: it,
+      onTimeInputKeyDown: dt
     };
   }
-}), xt = { class: "b-date-range-picker-calendar" }, ea = { class: "b-date-range-picker-calendar__form-container" }, ta = { class: "b-date-range-picker-calendar__form" }, aa = { key: 0 }, na = { class: "b-date-range-picker-calendar__calendars-container" };
-function ra(e, a, s, i, l, c) {
-  const D = E("bento-dropdown"), n = E("bento-segmented-control"), p = E("bento-typography"), v = E("bento-input-field"), H = E("calendar");
-  return w(), Ee("div", xt, [
-    Y("div", ea, [
-      Y("div", ta, [
-        e.hasSlot("title") ? _e(e.$slots, "title", { key: 0 }, void 0, !0) : _("", !0),
-        e.adjustedQuickSelectRanges ? (w(), K(D, {
+}), Zt = { class: "b-date-range-picker-calendar" }, xt = { class: "b-date-range-picker-calendar__form-container" }, ea = { class: "b-date-range-picker-calendar__form" }, ta = { key: 0 }, aa = { class: "b-date-range-picker-calendar__calendars-container" };
+function na(e, a, s, i, l, m) {
+  const c = E("bento-dropdown"), n = E("bento-segmented-control"), p = E("bento-typography"), v = E("bento-input-field"), j = E("calendar");
+  return O(), Ee("div", Zt, [
+    L("div", xt, [
+      L("div", ea, [
+        e.hasSlot("title") ? _e(e.$slots, "title", { key: 0 }, void 0, !0) : U("", !0),
+        e.quickSelectRanges ? (O(), K(c, {
           key: 1,
           "aria-label": e.t("customRange"),
           items: e.quickSelectRangeDefaultItems,
           value: e.selectedRangeSelectorValue,
           onInput: e.onRangeSelectorInput
-        }, null, 8, ["aria-label", "items", "value", "onInput"])) : _("", !0),
-        e.granularities ? (w(), K(n, {
+        }, null, 8, ["aria-label", "items", "value", "onInput"])) : U("", !0),
+        e.granularities ? (O(), K(n, {
           key: 2,
           items: e.granularityItems,
           "model-value": e.internalRangeDate.granularity,
           "full-width": "",
           "onUpdate:modelValue": e.onGranularityInput
-        }, null, 8, ["items", "model-value", "onUpdate:modelValue"])) : _("", !0),
-        Y("div", null, [
-          Q(p, {
+        }, null, 8, ["items", "model-value", "onUpdate:modelValue"])) : U("", !0),
+        L("div", null, [
+          G(p, {
             stronger: "",
             el: "span",
             class: "b-date-range-picker-calendar__label"
           }, {
-            default: V(() => a[0] || (a[0] = [
-              ae(" From ")
+            default: Y(() => a[0] || (a[0] = [
+              ne(" From ")
             ])),
             _: 1
           }),
-          Y("div", {
+          L("div", {
             class: he(e.formInputWrapperConditionalClasses)
           }, [
-            Q(v, {
+            G(v, {
               "aria-label": e.t("dateFrom"),
               value: e.dateTextInput.startDate,
               error: e.startDateError,
@@ -646,12 +645,12 @@ function ra(e, a, s, i, l, c) {
               onInput: e.onStartDateInput,
               onKeydown: e.onDateInputKeyDown
             }, {
-              description: V(() => a[1] || (a[1] = [
-                ae("YYYY-MM-DD")
+              description: Y(() => a[1] || (a[1] = [
+                ne("YYYY-MM-DD")
               ])),
               _: 1
             }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"]),
-            e.allowTimeInput ? (w(), K(v, {
+            e.allowTimeInput ? (O(), K(v, {
               key: 0,
               "aria-label": e.t("timeFrom"),
               value: e.dateTextInput.startTime,
@@ -660,28 +659,28 @@ function ra(e, a, s, i, l, c) {
               onInput: e.onStartTimeInput,
               onKeydown: e.onTimeInputKeyDown
             }, {
-              description: V(() => a[2] || (a[2] = [
-                ae("HH:MM:SS")
+              description: Y(() => a[2] || (a[2] = [
+                ne("HH:MM:SS")
               ])),
               _: 1
-            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : _("", !0)
+            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : U("", !0)
           ], 2)
         ]),
-        Y("div", null, [
-          Q(p, {
+        L("div", null, [
+          G(p, {
             stronger: "",
             el: "span",
             class: "b-date-range-picker-calendar__label"
           }, {
-            default: V(() => a[3] || (a[3] = [
-              ae(" To ")
+            default: Y(() => a[3] || (a[3] = [
+              ne(" To ")
             ])),
             _: 1
           }),
-          Y("div", {
+          L("div", {
             class: he(e.formInputWrapperConditionalClasses)
           }, [
-            Q(v, {
+            G(v, {
               class: "b-date-range-picker-calendar__form-input",
               "aria-label": e.t("dateTo"),
               value: e.dateTextInput.endDate,
@@ -689,12 +688,12 @@ function ra(e, a, s, i, l, c) {
               onInput: e.onEndDateInput,
               onKeydown: e.onDateInputKeyDown
             }, {
-              description: V(() => a[4] || (a[4] = [
-                ae("YYYY-MM-DD")
+              description: Y(() => a[4] || (a[4] = [
+                ne("YYYY-MM-DD")
               ])),
               _: 1
             }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"]),
-            e.allowTimeInput ? (w(), K(v, {
+            e.allowTimeInput ? (O(), K(v, {
               key: 0,
               "aria-label": e.t("timeTo"),
               value: e.dateTextInput.endTime,
@@ -703,20 +702,20 @@ function ra(e, a, s, i, l, c) {
               onInput: e.onEndTimeInput,
               onKeydown: e.onTimeInputKeyDown
             }, {
-              description: V(() => a[5] || (a[5] = [
-                ae("HH:MM:SS")
+              description: Y(() => a[5] || (a[5] = [
+                ne("HH:MM:SS")
               ])),
               _: 1
-            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : _("", !0)
+            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : U("", !0)
           ], 2)
         ])
       ]),
-      e.hasSlot("actions") ? (w(), Ee("div", aa, [
+      e.hasSlot("actions") ? (O(), Ee("div", ta, [
         _e(e.$slots, "actions", {}, void 0, !0)
-      ])) : _("", !0)
+      ])) : U("", !0)
     ]),
-    Y("div", na, [
-      Q(H, {
+    L("div", aa, [
+      G(j, {
         value: e.internalRangeDate,
         "first-day-of-week": e.firstDayOfWeek,
         "is-date-disabled": e.isDateDisabled,
@@ -735,48 +734,48 @@ function ra(e, a, s, i, l, c) {
     ])
   ]);
 }
-const L = /* @__PURE__ */ xe(Zt, [["render", ra], ["__scopeId", "data-v-bb68460c"]]), oa = ({
+const $ = /* @__PURE__ */ xe(Xt, [["render", na], ["__scopeId", "data-v-ba04969b"]]), ra = ({
   datePickerValue: e,
   isDateIncorrect: a,
   quickSelectRanges: s,
   isMonthVariant: i
 }) => {
-  var M, I, C, P;
-  const { locale: l, t: c } = Oe(), D = we(), n = (f) => !!f && !isNaN(f.getTime()), p = (f, J) => n(f) ? ue(f, J, {
-    locale: D[l.value.substring(0, 2)] || D.enUS
-  }) : void 0, v = Te({
-    startDate: p((M = e.value) == null ? void 0 : M.startDate, h.NUMERIC_DATE_YEAR_FIRST),
+  var C, I, Q, f;
+  const { locale: l, t: m } = Oe(), c = we(), n = (A) => !!A && !isNaN(A.getTime()), p = (A, X) => n(A) ? ce(A, X, {
+    locale: c[l.value.substring(0, 2)] || c.enUS
+  }) : void 0, v = be({
+    startDate: p((C = e.value) == null ? void 0 : C.startDate, h.NUMERIC_DATE_YEAR_FIRST),
     endDate: p((I = e.value) == null ? void 0 : I.endDate, h.NUMERIC_DATE_YEAR_FIRST),
-    startTime: p((C = e.value) == null ? void 0 : C.startDate, h.HOUR_MINUTE_SECONDS),
-    endTime: p((P = e.value) == null ? void 0 : P.endDate, h.HOUR_MINUTE_SECONDS)
+    startTime: p((Q = e.value) == null ? void 0 : Q.startDate, h.HOUR_MINUTE_SECONDS),
+    endTime: p((f = e.value) == null ? void 0 : f.endDate, h.HOUR_MINUTE_SECONDS)
   });
   return {
     // Values
-    dateDisplayValue: T(() => {
+    dateDisplayValue: b(() => {
       var y;
       if (a.value)
         return `${v.startDate || ""} - ${v.endDate || ""}`;
       if (!e.value || !e.value.startDate && !e.value.endDate)
-        return c("selectDateRange");
+        return m("selectDateRange");
       if ((y = s.value) != null && y.length) {
-        const U = s.value.find(({ value: q }) => {
-          var A;
-          return q === ((A = e.value) == null ? void 0 : A.range);
+        const B = s.value.find(({ value: N }) => {
+          var F;
+          return N === ((F = e.value) == null ? void 0 : F.range);
         });
-        if (U)
-          return U.label;
+        if (B)
+          return B.label;
       }
       if (e.value.granularity === "quarterly") {
-        const { startDate: U, endDate: q } = e.value, A = c("quarter", { quarter: Le(U), year: Ye(U) });
-        if (Lt(U, q))
-          return A;
-        const se = c("quarter", { quarter: Le(q), year: Ye(q) });
-        return `${A} - ${se}`;
+        const { startDate: B, endDate: N } = e.value, F = m("quarter", { quarter: Le(B), year: Ye(B) });
+        if ($t(B, N))
+          return F;
+        const ue = m("quarter", { quarter: Le(N), year: Ye(N) });
+        return `${F} - ${ue}`;
       }
-      const { startDate: f, endDate: J } = v, N = i != null && i.value ? h.LONG_MONTH_YEAR : h.FULL_DATE_MONTH_FIRST;
-      return `${p(be(f), N)} - ${p(
-        be(J),
-        N
+      const { startDate: A, endDate: X } = v, P = i != null && i.value ? h.LONG_MONTH_YEAR : h.FULL_DATE_MONTH_FIRST;
+      return `${p(oe(A), P)} - ${p(
+        oe(X),
+        P
       )}`;
     }),
     textInputDisplayValue: v,
@@ -784,7 +783,7 @@ const L = /* @__PURE__ */ xe(Zt, [["render", ra], ["__scopeId", "data-v-bb68460c
     formatTextInputDisplayValue: () => ""
   };
 };
-var ye = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(ye || {});
+var Te = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(Te || {});
 const We = {
   "en-US": {
     apply: "Apply",
@@ -806,20 +805,20 @@ const We = {
     cancel: "Cancelar",
     selectDate: "Selecione uma data"
   }
-}, sa = ze({
+}, oa = ze({
   i18n: { messages: We },
   name: "bento-date-range-picker",
   components: {
-    BentoButtonActions: Nt,
-    BentoDivider: bt,
+    BentoButtonActions: Pt,
+    BentoDivider: Tt,
     BentoTypography: Xe,
-    BentoPopover: It,
-    DateRangePickerCalendar: L,
-    DropdownInputDefault: St,
-    ErrorMessage: Pt,
-    FieldLabel: Bt
+    BentoPopover: bt,
+    DateRangePickerCalendar: $,
+    DropdownInputDefault: Rt,
+    ErrorMessage: Bt,
+    FieldLabel: Ut
   },
-  directives: { BentoClickOutsideDirective: Ct },
+  directives: { BentoClickOutsideDirective: Mt },
   props: {
     /**
      * Allows user to enter time values in the form
@@ -840,16 +839,16 @@ const We = {
     /**
      * Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: L.props.firstDayOfWeek,
+    firstDayOfWeek: $.props.firstDayOfWeek,
     /**
      * A list of available granularities.
      * If present, the date picker will display a segmented control to change granularity.
      */
-    granularities: L.props.granularities,
+    granularities: $.props.granularities,
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: L.props.isDateDisabled,
+    isDateDisabled: $.props.isDateDisabled,
     /**
      * Text that is displayed as a label above the element.
      */
@@ -888,23 +887,23 @@ const We = {
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
-    maxRange: L.props.maxRange,
+    maxRange: $.props.maxRange,
     /**
      * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
      */
-    min: L.props.min,
+    min: $.props.min,
     /**
      * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
      */
-    max: L.props.max,
+    max: $.props.max,
     /**
      * Number of months rendered on pane
      */
-    numberOfMonths: L.props.numberOfMonths,
+    numberOfMonths: $.props.numberOfMonths,
     /**
      * Selected date
      */
-    value: L.props.value,
+    value: $.props.value,
     /**
      * The type of calendar to display. Defaults to showing days.
      */
@@ -921,108 +920,108 @@ const We = {
      */
     hasActions: { type: Boolean, default: !1 }
   },
-  emits: [ye.INPUT],
+  emits: [Te.INPUT],
   setup(e, { emit: a }) {
-    const { locale: s, t: i } = Oe({ messages: We }), l = we(), c = le("bento-date-range-picker-container"), D = le("bento-date-range-picker-label"), n = le("bento-date-range-picker-description"), p = le("bento-date-range-picker-error"), v = le("bento-date-range-picker-date-error"), H = T(
-      () => e.label || i("dateRangePicker", { name: c })
-    ), b = F(!1), M = F(null), I = F(!1), { isReadOnly: C } = Mt(Re(e, "readonly"));
+    const { locale: s, t: i } = Oe({ messages: We }), l = we(), m = de("bento-date-range-picker-container"), c = de("bento-date-range-picker-label"), n = de("bento-date-range-picker-description"), p = de("bento-date-range-picker-error"), v = de("bento-date-range-picker-date-error"), j = b(
+      () => e.label || i("dateRangePicker", { name: m })
+    ), T = _(!1), C = _(null), I = _(!1), { isReadOnly: Q } = Ot(Re(e, "readonly"));
     Se(
       () => e.disabled,
       () => {
         e.disabled && I.value && (I.value = !1);
       }
     );
-    const P = T(() => e.hasActions ? !ne.value && b.value : b.value), f = T(() => ({
-      "b-date-range-picker__description--error": !!e.errorMessage || P.value
-    })), J = T(() => e.variant === "month"), { dateDisplayValue: N, textInputDisplayValue: y } = oa({
+    const f = b(() => e.hasActions ? !Z.value && T.value : T.value), A = b(() => ({
+      "b-date-range-picker__description--error": !!e.errorMessage || f.value
+    })), X = b(() => e.variant === "month"), { dateDisplayValue: P, textInputDisplayValue: y } = ra({
       datePickerValue: Re(e, "value"),
-      isDateIncorrect: b,
+      isDateIncorrect: T,
       quickSelectRanges: Re(e, "quickSelectRanges"),
-      isMonthVariant: J
-    }), U = T(
-      () => `${e.description ? n : ""} ${e.errorMessage ? p : ""} ${b.value ? v : ""}`.trim() || null
-    ), q = T(() => e.allowTimeInput && e.variant !== "month"), A = () => {
+      isMonthVariant: X
+    }), B = b(
+      () => `${e.description ? n : ""} ${e.errorMessage ? p : ""} ${T.value ? v : ""}`.trim() || null
+    ), N = b(() => e.allowTimeInput && e.variant !== "month"), F = () => {
       I.value = !1;
-    }, se = () => {
+    }, ue = () => {
       I.value = !0;
-    }, me = F(N.value), ce = F(
+    }, fe = _(P.value), q = _(
       // textInputDisplayValue is a reactive object
       structuredClone(ke(y))
-    ), S = F(e.value), ne = F(!0), De = T(
-      () => e.hasActions ? ce.value : y
-    ), R = T(
-      () => e.hasActions ? me.value : N.value
+    ), H = _(e.value), Z = _(!0), S = b(
+      () => e.hasActions ? q.value : y
+    ), se = b(
+      () => e.hasActions ? fe.value : P.value
     );
     Je(() => {
-      if (e.hasActions || Rt(
+      if (e.hasActions || It(
         '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.granularities && e.variant !== "month" && e.granularities.find(({ type: m }) => m === "quarterly"))
+      ), e.granularities && e.variant !== "month" && e.granularities.find(({ type: D }) => D === "quarterly"))
         throw new Error(
           'Quarterly granularity is only supported by BentoDateRangePicker with variant: "month"'
         );
     }), Se(
       () => e.value,
       () => {
-        me.value = N.value, ce.value = structuredClone(ke(y));
+        fe.value = P.value, q.value = structuredClone(ke(y));
       }
     );
-    const re = T(() => [
+    const W = b(() => [
       {
         title: i("apply"),
         event: () => {
-          a(ye.INPUT, S.value), A(), ne.value = !0;
+          a(Te.INPUT, H.value), F(), Z.value = !0;
         },
-        disabled: ne.value
+        disabled: Z.value
       },
       {
         title: i("cancel"),
-        event: A
+        event: F
       }
     ]);
-    return Se(S, (m) => {
+    return Se(H, (D) => {
       if (e.hasActions) {
-        ne.value = b.value;
+        Z.value = T.value;
         return;
       }
-      a(ye.INPUT, m);
+      a(Te.INPUT, D);
     }), {
       // Refs
-      inputContainerRef: M,
+      inputContainerRef: C,
       // Values,
-      dateDisplayValue: N,
-      datePickerContainerId: c,
-      descriptionConditionalClasses: f,
-      displayedTextInputValue: De,
-      displayedDateValue: R,
-      isDateIncorrect: b,
+      dateDisplayValue: P,
+      datePickerContainerId: m,
+      descriptionConditionalClasses: A,
+      displayedTextInputValue: S,
+      displayedDateValue: se,
+      isDateIncorrect: T,
       isDateRangePickerOpen: I,
-      isReadOnly: C,
-      labelId: D,
+      isReadOnly: Q,
+      labelId: c,
       descriptionId: n,
       dateErrorId: v,
       errorId: p,
-      popoverAriaLabel: H,
-      shouldDisplayError: P,
-      ariaDescribedBy: U,
+      popoverAriaLabel: j,
+      shouldDisplayError: f,
+      ariaDescribedBy: B,
       textInputDisplayValue: y,
-      rangePickerButtonActions: re,
-      BentoButtonActionsLayout: qt,
-      withTimeInput: q,
+      rangePickerButtonActions: W,
+      BentoButtonActionsLayout: Nt,
+      withTimeInput: N,
       // Events
-      closeDateRangePicker: A,
+      closeDateRangePicker: F,
       clearDateRangePickerValue: async () => {
-        b.value && (b.value = !1), S.value = null;
+        T.value && (T.value = !1), H.value = null;
       },
-      openDateRangePicker: se,
-      onRangeSelectorInput: (m) => {
-        if (m) {
-          const $ = (B) => ue(B, h.NUMERIC_DATE_YEAR_FIRST, {
+      openDateRangePicker: ue,
+      onRangeSelectorInput: (D) => {
+        if (D) {
+          const R = (le) => ce(le, h.NUMERIC_DATE_YEAR_FIRST, {
             locale: l[s.value.substring(0, 2)] || l.enUS
           });
-          y.startDate = $(m.startDate), y.endDate = $(m.endDate), S.value = m;
+          y.startDate = R(D.startDate), y.endDate = R(D.endDate), H.value = D;
         }
       },
       onEnterPressedOverInput: () => {
@@ -1030,44 +1029,44 @@ const We = {
           I.value = !0;
           return;
         }
-        b.value || (I.value = !1);
+        T.value || (I.value = !1);
       },
-      onDateRangePickerInput: (m) => {
-        b.value = !1;
-        const $ = (B, Ie) => B ? ue(B, Ie, {
+      onDateRangePickerInput: (D) => {
+        T.value = !1;
+        const R = (le, Ie) => le ? ce(le, Ie, {
           locale: l[s.value.substring(0, 2)] || l.enUS
         }) : void 0;
-        y.startDate = $(
-          m.startDate,
+        y.startDate = R(
+          D.startDate,
           h.NUMERIC_DATE_YEAR_FIRST
-        ), y.endDate = $(m.endDate, h.NUMERIC_DATE_YEAR_FIRST), y.startTime = $(m.startDate, h.HOUR_MINUTE_SECONDS), y.endTime = $(m.endDate, h.HOUR_MINUTE_SECONDS), S.value = m;
+        ), y.endDate = R(D.endDate, h.NUMERIC_DATE_YEAR_FIRST), y.startTime = R(D.startDate, h.HOUR_MINUTE_SECONDS), y.endTime = R(D.endDate, h.HOUR_MINUTE_SECONDS), H.value = D;
       },
-      onDateRangePickerError: (m) => {
-        b.value = !0, y.startDate = m.startDate, y.endDate = m.endDate, S.value = { startDate: null, endDate: null };
+      onDateRangePickerError: (D) => {
+        T.value = !0, y.startDate = D.startDate, y.endDate = D.endDate, H.value = { startDate: null, endDate: null };
       },
-      onDateRangePickerFormDateInputUpdate: (m) => {
-        b.value = !1, m.startTime && (y.startTime = m.startTime), m.endTime && (y.endTime = m.endTime);
+      onDateRangePickerFormDateInputUpdate: (D) => {
+        T.value = !1, D.startTime && (y.startTime = D.startTime), D.endTime && (y.endTime = D.endTime);
       },
       // Translations
       t: i
     };
   }
-}), la = { class: "b-date-range-picker" }, ia = { class: "b-date-range-picker__footer" };
-function ua(e, a, s, i, l, c) {
-  const D = E("field-label"), n = E("dropdown-input-default"), p = E("error-message"), v = E("bento-typography"), H = E("bento-divider"), b = E("bento-button-actions"), M = E("date-range-picker-calendar"), I = E("bento-popover"), C = pt("bento-click-outside-directive");
-  return vt((w(), Ee("div", la, [
-    e.label ? (w(), K(D, {
+}), sa = { class: "b-date-range-picker" }, la = { class: "b-date-range-picker__footer" };
+function ia(e, a, s, i, l, m) {
+  const c = E("field-label"), n = E("dropdown-input-default"), p = E("error-message"), v = E("bento-typography"), j = E("bento-divider"), T = E("bento-button-actions"), C = E("date-range-picker-calendar"), I = E("bento-popover"), Q = ft("bento-click-outside-directive");
+  return pt((O(), Ee("div", sa, [
+    e.label ? (O(), K(c, {
       key: 0,
       id: e.labelId,
       label: e.label,
       "tooltip-text": e.tooltipText,
       optional: e.optional,
       required: e.required
-    }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : _("", !0),
-    Y("div", {
-      onKeydown: a[0] || (a[0] = gt((...P) => e.onEnterPressedOverInput && e.onEnterPressedOverInput(...P), ["enter"]))
+    }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : U("", !0),
+    L("div", {
+      onKeydown: a[0] || (a[0] = vt((...f) => e.onEnterPressedOverInput && e.onEnterPressedOverInput(...f), ["enter"]))
     }, [
-      Q(n, {
+      G(n, {
         ref: "inputContainerRef",
         "always-combobox-is-input": "",
         ariaControls: e.datePickerContainerId,
@@ -1084,30 +1083,30 @@ function ua(e, a, s, i, l, c) {
         onClose: e.closeDateRangePicker
       }, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "disabled", "is-invalid", "open", "display-value", "readonly", "onOpen", "onClear", "onClose"])
     ], 32),
-    e.shouldDisplayError ? (w(), K(p, {
+    e.shouldDisplayError ? (O(), K(p, {
       key: 1,
       id: e.dateErrorId,
       "error-message": e.t("provideDateInAFormat"),
       class: "b-date-range-picker__error-message"
-    }, null, 8, ["id", "error-message"])) : _("", !0),
-    e.errorMessage ? (w(), K(p, {
+    }, null, 8, ["id", "error-message"])) : U("", !0),
+    e.errorMessage ? (O(), K(p, {
       key: 2,
       id: e.errorId,
       "error-message": e.errorMessage,
       class: "b-date-range-picker__error-message"
-    }, null, 8, ["id", "error-message"])) : _("", !0),
-    e.description ? (w(), K(v, {
+    }, null, 8, ["id", "error-message"])) : U("", !0),
+    e.description ? (O(), K(v, {
       key: 3,
       id: e.descriptionId,
       class: he(["b-date-range-picker__description", e.descriptionConditionalClasses]),
       el: "span"
     }, {
-      default: V(() => [
-        ae(yt(e.description), 1)
+      default: Y(() => [
+        ne(gt(e.description), 1)
       ]),
       _: 1
-    }, 8, ["id", "class"])) : _("", !0),
-    e.inputContainerRef ? (w(), K(I, {
+    }, 8, ["id", "class"])) : U("", !0),
+    e.inputContainerRef ? (O(), K(I, {
       key: 4,
       id: e.datePickerContainerId,
       class: "b-date-range-picker__container",
@@ -1119,8 +1118,8 @@ function ua(e, a, s, i, l, c) {
       "without-space": "",
       "fit-content": ""
     }, {
-      default: V(() => [
-        Q(M, {
+      default: Y(() => [
+        G(C, {
           "allow-time-input": e.withTimeInput,
           "quick-select-ranges": e.quickSelectRanges,
           value: e.value,
@@ -1138,13 +1137,13 @@ function ua(e, a, s, i, l, c) {
           onInput: e.onDateRangePickerInput,
           onError: e.onDateRangePickerError,
           onFormDate: e.onDateRangePickerFormDateInputUpdate
-        }, Tt({ _: 2 }, [
+        }, yt({ _: 2 }, [
           e.hasActions ? {
             name: "actions",
-            fn: V(() => [
-              Q(H),
-              Y("div", ia, [
-                Q(b, {
+            fn: Y(() => [
+              G(j),
+              L("div", la, [
+                G(T, {
                   actions: e.rangePickerButtonActions,
                   layout: e.BentoButtonActionsLayout.SPACE_BETWEEN
                 }, null, 8, ["actions", "layout"])
@@ -1155,17 +1154,17 @@ function ua(e, a, s, i, l, c) {
         ]), 1032, ["allow-time-input", "quick-select-ranges", "value", "first-day-of-week", "granularities", "is-date-disabled", "max-range", "min", "max", "number-of-months", "show-end-date-on-open", "date-form-data", "variant", "onCustomRange", "onInput", "onError", "onFormDate"])
       ]),
       _: 1
-    }, 8, ["id", "open", "target-element", "aria-label"])) : _("", !0)
+    }, 8, ["id", "open", "target-element", "aria-label"])) : U("", !0)
   ])), [
-    [C, e.closeDateRangePicker]
+    [Q, e.closeDateRangePicker]
   ]);
 }
-const _a = /* @__PURE__ */ xe(sa, [["render", ua], ["__scopeId", "data-v-5b34fdfc"]]);
+const Fa = /* @__PURE__ */ xe(oa, [["render", ia], ["__scopeId", "data-v-5b34fdfc"]]);
 export {
-  _a as B,
-  L as D,
-  ye as a,
-  Yt as b,
-  $t as i
+  Fa as B,
+  $ as D,
+  Te as a,
+  Lt as b,
+  qt as i
 };
-//# sourceMappingURL=date-range-picker.D-_e1W8W.js.map
+//# sourceMappingURL=date-range-picker.42PkRLKi.js.map