@adyen/bento-vue3 1.41.0 → 1.43.0

package/dist/chunks/{date-range-picker.3iWt1Cd6.js → date-range-picker.DjPmRy0E.js}

@@ -1,27 +1,27 @@
-import { reactive as ue, defineComponent as Ye, computed as I, ref as A, onMounted as Ke, toRaw as De, resolveComponent as S, openBlock as w, createElementBlock as pe, createElementVNode as P, renderSlot as Ee, createCommentVNode as C, createBlock as $, createVNode as L, withCtx as N, createTextVNode as Q, normalizeClass as fe, toRef as ce, watch as he, resolveDirective as ta, withDirectives as na, withKeys as ra, toDisplayString as oa, createSlots as sa } from "vue";
+import { reactive as ue, defineComponent as Ye, computed as I, ref as C, onMounted as Ke, toRaw as ce, resolveComponent as S, openBlock as w, createElementBlock as pe, createElementVNode as N, renderSlot as Ee, createCommentVNode as _, createBlock as L, createVNode as V, withCtx as $, createTextVNode as Q, normalizeClass as fe, toRef as De, watch as he, resolveDirective as ta, withDirectives as na, withKeys as ra, toDisplayString as oa, createSlots as sa } from "vue";
 import { B as la } from "./divider.ugNXYI-T.js";
-import { B as ia } from "./popover.HArIkKve.js";
-import { B as Ge, d as da } from "./typography.DNzU41ah.js";
+import { B as ia } from "./popover.D9Zw4w9l.js";
+import { B as qe, d as da } from "./typography.DNzU41ah.js";
 import { D as ua } from "./dropdown-default-textbox.CcRQ1f4U.js";
 import { r as te, t as ae, g as ve } from "./get-date-locale.BN8xEjY0.js";
 import { g as ne } from "./generate-uid.D-HFI38h.js";
 import { u as ge } from "./i18n.CPGoe9tN.js";
 import { t as ye, f as oe } from "./date.DVGj7WKQ.js";
 import { f as we, v as ma, D as E } from "./date-input.BqBdAO1E.js";
-import { u as ca } from "./use-form-layout-loading.D3lALhtC.js";
-import { B as Da } from "./directive.O3yEdalv.js";
+import { u as Da } from "./use-form-layout-loading.D3lALhtC.js";
+import { B as ca } from "./directive.O3yEdalv.js";
 import "./events.FNmSWp_P.js";
-import { B as pa } from "./input-field.Bk2p3kIb.js";
-import { B as fa } from "./dropdown.CMKdLPHi.js";
-import { B as va } from "./segmented-control.CueLfseV.js";
+import { B as pa } from "./input-field.BQKEQIZd.js";
+import { B as fa } from "./dropdown.DpjMobyf.js";
+import { B as va } from "./segmented-control.B5H5Wiyz.js";
 import { d as ie } from "./debounce.DUTu11PS.js";
 import { u as ga } from "./use-has-slot.B7eQSabc.js";
-import { s as re, c as Oe, i as ee, d as ya, e as Me, f as ba, g as Ae, h as Ta, j as Ia, a as J, u as Ra } from "./calendar.S9HFQA8j.js";
-import { e as W } from "./index.DPafeRJa.js";
+import { s as re, c as Oe, i as ee, d as ya, e as Me, f as Ta, g as Ae, h as ba, j as Ia, a as J, u as Ra } from "./calendar.S9HFQA8j.js";
+import { e as H } from "./index.DPafeRJa.js";
 import { e as Ce } from "./index.CrhTVr5J.js";
-import { _ as qe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as ka, c as Sa } from "./button-actions.ndsyVgzV.js";
-import { E as Ea, F as ha } from "./error-message.CmMyB-k9.js";
+import { _ as Ge } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { B as ka, c as Sa } from "./button-actions.Bjfo46Q_.js";
+import { E as Ea, F as ha } from "./error-message.BYXS0kUN.js";
 import "../assets/date-range-picker.css";
 function _e(e, t) {
   te(2, arguments);
@@ -58,7 +58,7 @@ const Aa = ({
   min: t,
   max: l
 }) => ({ getGranularCalendarLimits: (i) => {
-  let p = re(t), n = W(l);
+  let p = re(t), n = H(l);
   if ((i == null ? void 0 : i.type) === "weekly") {
     if (i.earliest)
       p = re(i.earliest);
@@ -67,10 +67,10 @@ const Aa = ({
       ee(p, d) || (p = re(ya(Me(p, { weekStartsOn: e }), 1)));
     }
     if (i.latest)
-      n = W(i.latest);
+      n = H(i.latest);
     else {
       const d = Me(n, { weekStartsOn: e });
-      ee(n, d) || (n = W(ba(Oe(n, { weekStartsOn: e }), 1)));
+      ee(n, d) || (n = H(Ta(Oe(n, { weekStartsOn: e }), 1)));
     }
   }
   if ((i == null ? void 0 : i.type) === "monthly") {
@@ -78,10 +78,10 @@ const Aa = ({
       p = re(i.earliest);
     else {
       const d = Ae(p);
-      ee(p, d) || (p = Ae(Ta(p, 1)));
+      ee(p, d) || (p = Ae(ba(p, 1)));
     }
     if (i.latest)
-      n = W(i.latest);
+      n = H(i.latest);
     else {
       const d = Ce(n);
       ee(n, d) || (n = Ce(Ia(n, 1)));
@@ -153,7 +153,7 @@ const _a = /[\d]/, Fa = /^\d{2}$/, Ua = /^\d{2}:\d{2}$/, Ba = (e) => {
     BentoDropdown: fa,
     BentoInputField: pa,
     BentoSegmentedControl: va,
-    BentoTypography: Ge,
+    BentoTypography: qe,
     Calendar: J
   },
   props: {
@@ -244,73 +244,76 @@ const _a = /[\d]/, Fa = /^\d{2}$/, Ua = /^\d{2}:\d{2}$/, Ba = (e) => {
       "b-date-range-picker-calendar__form-input-wrapper": e.allowTimeInput
     })), h = I(() => [
       { label: i("customRange"), value: $e },
-      ...e.quickSelectRanges
+      ...e.quickSelectRanges ? e.quickSelectRanges : []
     ]), O = I(
       () => {
         var a;
         return ((a = e.granularities) == null ? void 0 : a.find(({ type: r }) => r === n.granularity)) || null;
       }
     ), v = I(
-      () => e.granularities.map(({ type: a, disabled: r }) => ({
-        label: i(a),
-        value: a,
-        disabled: r
-      }))
-    ), { getGranularCalendarLimits: V } = Aa(e), m = I(
-      () => e.granularities ? V(O.value) : { min: re(e.min), max: W(e.max) }
+      () => {
+        var a;
+        return ((a = e.granularities) == null ? void 0 : a.map(({ type: r, disabled: s }) => ({
+          label: i(r),
+          value: r,
+          disabled: s
+        }))) ?? [];
+      }
+    ), { getGranularCalendarLimits: Y } = Aa(e), m = I(
+      () => e.granularities ? Y(O.value) : { min: re(e.min), max: H(e.max) }
     ), {
-      adjustDateForMonthly: Y,
-      adjustDateForWeekly: b,
-      adjustStartDateInputForWeekly: H,
-      adjustEndDateInputForWeekly: F,
+      adjustDateForMonthly: K,
+      adjustDateForWeekly: T,
+      adjustStartDateInputForWeekly: j,
+      adjustEndDateInputForWeekly: U,
       adjustStartDateInputForMonthly: g,
-      adjustEndDateInputForMonthly: _
-    } = Ra(e.firstDayOfWeek), { savedRanges: T, saveRange: K, resetSavedRanges: se } = Ca(), R = (a) => a ? oe(a, E.NUMERIC_DATE_YEAR_FIRST, {
+      adjustEndDateInputForMonthly: F
+    } = Ra(e.firstDayOfWeek), { savedRanges: b, saveRange: q, resetSavedRanges: se } = Ca(), R = (a) => a ? oe(a, E.NUMERIC_DATE_YEAR_FIRST, {
       locale: p[u.value.substring(0, 2)] || p.enUS
-    }) : "", j = (a) => a ? oe(a, E.HOUR_MINUTE_SECONDS, {
+    }) : "", z = (a) => a ? oe(a, E.HOUR_MINUTE_SECONDS, {
       locale: p[u.value.substring(0, 2)] || p.enUS
-    }) : "", k = A(!1), M = A(!1), G = A(!1), q = A(!1), o = ue({
+    }) : "", k = C(!1), M = C(!1), G = C(!1), W = C(!1), o = ue({
       startDate: e.dateFormData.startDate,
       endDate: e.dateFormData.endDate,
       startTime: e.dateFormData.startTime,
       endTime: e.dateFormData.endTime
-    }), le = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), z = (a, r) => {
+    }), le = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), A = (a, r) => {
       if (!r || !le(r))
         return a;
       let s = new Date(a);
-      const [D, ea, aa] = r.split(":");
-      return s = wa(s, parseInt(D, 10)), s = Oa(s, parseInt(ea, 10)), s = Ma(s, parseInt(aa, 10)), s;
-    }, be = (a) => {
-      n.startDate = z(a.startDate, o.startTime), n.endDate = z(a.endDate, o.endTime), e.granularities && se(), t(f.INPUT, {
+      const [c, ea, aa] = r.split(":");
+      return s = wa(s, parseInt(c, 10)), s = Oa(s, parseInt(ea, 10)), s = Ma(s, parseInt(aa, 10)), s;
+    }, Te = (a) => {
+      n.startDate = A(a.startDate, o.startTime), n.endDate = A(a.endDate, o.endTime), e.granularities && se(), t(f.INPUT, {
         ...n,
         range: d.value
       });
     }, X = (a) => {
-      const r = (D) => e.min && D <= e.min || e.max && D >= e.max ? !1 : e.isDateDisabled ? !e.isDateDisabled(D) : !0;
+      const r = (c) => e.min && c <= e.min || e.max && c >= e.max ? !1 : e.isDateDisabled ? !e.isDateDisabled(c) : !0;
       return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(a) && r(new Date(a));
     };
     Ke(() => {
-      e.dateFormData.startDate && !X(e.dateFormData.startDate) ? k.value = !0 : (k.value = !1, G.value = !1), e.dateFormData.endDate && !X(e.dateFormData.endDate) ? M.value = !0 : (M.value = !1, q.value = !1);
+      e.dateFormData.startDate && !X(e.dateFormData.startDate) ? k.value = !0 : (k.value = !1, G.value = !1), e.dateFormData.endDate && !X(e.dateFormData.endDate) ? M.value = !0 : (M.value = !1, W.value = !1);
     });
-    const Te = (a) => {
+    const be = (a) => {
       var r;
-      o.startDate = R(a), o.startTime ? G.value && (o.startTime = (r = e.dateFormData) == null ? void 0 : r.startTime) : o.startTime = j(a), k.value = !1, G.value = !1, t(f.START_DATE_SELECTED, a);
+      o.startDate = R(a), o.startTime ? G.value && (o.startTime = (r = e.dateFormData) == null ? void 0 : r.startTime) : o.startTime = z(a), k.value = !1, G.value = !1, t(f.START_DATE_SELECTED, a);
     }, Ie = (a) => {
       var r;
-      o.endDate = R(a), o.endTime ? q.value && (o.endTime = (r = e.dateFormData) == null ? void 0 : r.endTime) : o.endTime = j(W(a)), M.value = !1, q.value = !1;
-    }, c = (a) => {
+      o.endDate = R(a), o.endTime ? W.value && (o.endTime = (r = e.dateFormData) == null ? void 0 : r.endTime) : o.endTime = z(H(a)), M.value = !1, W.value = !1;
+    }, D = (a) => {
       const r = e.value[a];
       if (r)
         return r;
       if (e.dateFormData[a] && X(e.dateFormData[a]))
         return new Date(e.dateFormData[a]);
-    }, U = ie((a) => {
+    }, B = ie((a) => {
       var r;
       if (X(a)) {
         let s = a;
         switch (k.value = !1, (r = O.value) == null ? void 0 : r.type) {
           case "weekly":
-            s = H(
+            s = j(
               a,
               R,
               m.value.min,
@@ -326,27 +329,27 @@ const _a = /[\d]/, Fa = /^\d{2}$/, Ua = /^\d{2}:\d{2}$/, Ba = (e) => {
             ), o.startDate = s;
             break;
         }
-        n.startDate = z(new Date(s), o.startTime);
-        const D = c("endDate");
+        n.startDate = A(new Date(s), o.startTime);
+        const c = D("endDate");
         t(f.FORM_DATE, {
           startDate: new Date(s),
-          endDate: D
+          endDate: c
         }), t(f.INPUT, {
           startDate: new Date(s),
-          endDate: D,
+          endDate: c,
           range: d.value
         });
       } else
         k.value = !0, t(f.ERROR, { ...o });
     }, Ne), Z = (a) => {
-      o.startDate = we(a), U(o.startDate);
+      o.startDate = we(a), B(o.startDate);
     }, me = ie((a) => {
       var r;
       if (X(a)) {
         let s = a;
         switch (M.value = !1, (r = O.value) == null ? void 0 : r.type) {
           case "weekly":
-            s = F(
+            s = U(
               a,
               R,
               m.value.min,
@@ -354,7 +357,7 @@ const _a = /[\d]/, Fa = /^\d{2}$/, Ua = /^\d{2}:\d{2}$/, Ba = (e) => {
             ), o.endDate = s;
             break;
           case "monthly":
-            s = _(
+            s = F(
               a,
               R,
               m.value.min,
@@ -362,13 +365,13 @@ const _a = /[\d]/, Fa = /^\d{2}$/, Ua = /^\d{2}:\d{2}$/, Ba = (e) => {
             ), o.endDate = s;
             break;
         }
-        n.endDate = z(new Date(s), o.endTime);
-        const D = c("startDate");
+        n.endDate = A(new Date(s), o.endTime);
+        const c = D("startDate");
         t(f.FORM_DATE, {
-          startDate: D,
+          startDate: c,
           endDate: new Date(a)
         }), t(f.INPUT, {
-          startDate: D,
+          startDate: c,
           endDate: new Date(a),
           range: d.value
         });
@@ -380,36 +383,36 @@ const _a = /[\d]/, Fa = /^\d{2}$/, Ua = /^\d{2}:\d{2}$/, Ba = (e) => {
       ma(a);
     }, je = ie((a) => {
       if (le(a)) {
-        G.value = !1, n.startDate = z(n.startDate, a);
-        const r = c("endDate");
+        G.value = !1, n.startDate = A(n.startDate, a);
+        const r = D("endDate");
         t(f.FORM_DATE, {
           startDate: new Date(n.startDate),
-          endDate: r,
+          endDate: A(new Date(r), e.dateFormData.endTime),
           startTime: a,
           endTime: e.dateFormData.endTime
         }), t(f.INPUT, {
           startDate: new Date(n.startDate),
-          endDate: r,
+          endDate: A(new Date(r), e.dateFormData.endTime),
           range: d.value
         });
       } else
         G.value = !0, t(f.ERROR, { ...o });
     }), ze = ie((a) => {
       if (le(a)) {
-        q.value = !1, n.endDate = z(n.endDate, a);
-        const r = c("startDate");
+        W.value = !1, n.endDate = A(n.endDate, a);
+        const r = D("startDate");
         t(f.FORM_DATE, {
-          startDate: r,
+          startDate: A(new Date(r), e.dateFormData.startTime),
           endDate: new Date(n.endDate),
           startTime: e.dateFormData.startTime,
           endTime: a
         }), t(f.INPUT, {
-          startDate: r,
+          startDate: A(new Date(r), e.dateFormData.startTime),
           endDate: new Date(n.endDate),
           range: d.value
         });
       } else
-        q.value = !0, t(f.ERROR, { ...o });
+        W.value = !0, t(f.ERROR, { ...o });
     }), Je = (a) => {
       o.startTime = Be(a), je(o.startTime);
     }, Qe = (a) => {
@@ -420,46 +423,46 @@ const _a = /[\d]/, Fa = /^\d{2}$/, Ua = /^\d{2}:\d{2}$/, Ba = (e) => {
       n.startDate = a, n.endDate = r, s && (n.granularity = s);
     }, Ze = (a) => {
       var s;
-      const r = (s = e.quickSelectRanges) == null ? void 0 : s.find(({ value: D }) => D === a);
+      const r = (s = e.quickSelectRanges) == null ? void 0 : s.find(({ value: c }) => c === a);
       if (r) {
         se();
-        const D = r.data;
-        o.startDate = R(D.startDate), o.endDate = R(D.endDate), x(D.startDate, D.endDate), e.granularities && (n.granularity = D.granularity || Le), o.startTime || (o.startTime = j(W(D.startDate))), o.endTime || (o.endTime = j(W(D.endDate))), t(f.CUSTOM_RANGE, { ...r.data, range: r.value });
+        const c = r.data;
+        o.startDate = R(c.startDate), o.endDate = R(c.endDate), x(c.startDate, c.endDate), e.granularities && (n.granularity = c.granularity || Le), o.startTime || (o.startTime = z(H(c.startDate))), o.endTime || (o.endTime = z(H(c.endDate))), t(f.CUSTOM_RANGE, { ...r.data, range: r.value });
       }
     }, xe = (a) => {
       const r = n.granularity;
-      if (n.granularity = a, r && K(r, structuredClone(De(n))), n.startDate && n.endDate) {
+      if (n.granularity = a, r && q(r, structuredClone(ce(n))), n.startDate && n.endDate) {
         switch (a) {
           case "monthly": {
-            if (T.monthly) {
-              x(T.monthly.startDate, T.monthly.endDate, a);
+            if (b.monthly) {
+              x(b.monthly.startDate, b.monthly.endDate, a);
               break;
             }
-            const { startDate: s, endDate: D } = Y(
+            const { startDate: s, endDate: c } = K(
               n.startDate,
               n.endDate,
               m.value.min,
               m.value.max
             );
-            x(s, D, a);
+            x(s, c, a);
             break;
           }
           case "weekly": {
-            if (T.weekly) {
-              x(T.weekly.startDate, T.weekly.endDate, a);
+            if (b.weekly) {
+              x(b.weekly.startDate, b.weekly.endDate, a);
               break;
             }
-            const { startDate: s, endDate: D } = b(
+            const { startDate: s, endDate: c } = T(
               n.startDate,
               n.endDate,
               m.value.min,
               m.value.max
             );
-            x(s, D, a);
+            x(s, c, a);
             break;
           }
           case "daily":
-            T.daily && x(T.daily.startDate, T.daily.endDate, a);
+            b.daily && x(b.daily.startDate, b.daily.endDate, a);
             break;
         }
         o.startDate = R(n.startDate), o.endDate = R(n.endDate), t(f.INPUT, {
@@ -473,7 +476,7 @@ const _a = /[\d]/, Fa = /^\d{2}$/, Ua = /^\d{2}:\d{2}$/, Ba = (e) => {
       internalRangeDate: n,
       dateTextInput: o,
       endDateError: M,
-      endTimeError: q,
+      endTimeError: W,
       granularityItems: v,
       selectedGranularity: O,
       computedMinMax: m,
@@ -486,7 +489,7 @@ const _a = /[\d]/, Fa = /^\d{2}$/, Ua = /^\d{2}:\d{2}$/, Ba = (e) => {
       hasSlot: ga(l),
       t: i,
       // Events
-      onDateInput: be,
+      onDateInput: Te,
       onDateInputKeyDown: He,
       onEndDateInput: We,
       onEndDateSelected: Ie,
@@ -494,7 +497,7 @@ const _a = /[\d]/, Fa = /^\d{2}$/, Ua = /^\d{2}:\d{2}$/, Ba = (e) => {
       onGranularityInput: xe,
       onRangeSelectorInput: Ze,
       onStartDateInput: Z,
-      onStartDateSelected: Te,
+      onStartDateSelected: be,
       onStartTimeInput: Je,
       onTimeInputKeyDown: Xe
     };
@@ -503,38 +506,38 @@ const _a = /[\d]/, Fa = /^\d{2}$/, Ua = /^\d{2}:\d{2}$/, Ba = (e) => {
 function Ka(e, t, l, u, i, p) {
   const n = S("bento-dropdown"), d = S("bento-segmented-control"), y = S("bento-typography"), h = S("bento-input-field"), O = S("calendar");
   return w(), pe("div", Na, [
-    P("div", $a, [
-      P("div", La, [
-        e.hasSlot("title") ? Ee(e.$slots, "title", { key: 0 }, void 0, !0) : C("", !0),
-        e.quickSelectRanges ? (w(), $(n, {
+    N("div", $a, [
+      N("div", La, [
+        e.hasSlot("title") ? Ee(e.$slots, "title", { key: 0 }, void 0, !0) : _("", !0),
+        e.quickSelectRanges ? (w(), L(n, {
           key: 1,
           "aria-label": e.t("customRange"),
           items: e.quickSelectRangeDefaultItems,
           value: e.selectedRangeSelectorValue,
           onInput: e.onRangeSelectorInput
-        }, null, 8, ["aria-label", "items", "value", "onInput"])) : C("", !0),
-        e.granularities ? (w(), $(d, {
+        }, null, 8, ["aria-label", "items", "value", "onInput"])) : _("", !0),
+        e.granularities ? (w(), L(d, {
           key: 2,
           items: e.granularityItems,
           "model-value": e.internalRangeDate.granularity,
           "full-width": "",
           "onUpdate:modelValue": e.onGranularityInput
-        }, null, 8, ["items", "model-value", "onUpdate:modelValue"])) : C("", !0),
-        P("div", null, [
-          L(y, {
+        }, null, 8, ["items", "model-value", "onUpdate:modelValue"])) : _("", !0),
+        N("div", null, [
+          V(y, {
             stronger: "",
             el: "span",
             class: "b-date-range-picker-calendar__label"
           }, {
-            default: N(() => t[0] || (t[0] = [
+            default: $(() => t[0] || (t[0] = [
               Q(" From ")
             ])),
             _: 1
           }),
-          P("div", {
+          N("div", {
             class: fe(e.formInputWrapperConditionalClasses)
           }, [
-            L(h, {
+            V(h, {
               "aria-label": e.t("dateFrom"),
               value: e.dateTextInput.startDate,
               error: e.startDateError,
@@ -542,12 +545,12 @@ function Ka(e, t, l, u, i, p) {
               onInput: e.onStartDateInput,
               onKeydown: e.onDateInputKeyDown
             }, {
-              description: N(() => t[1] || (t[1] = [
+              description: $(() => t[1] || (t[1] = [
                 Q("YYYY-MM-DD")
               ])),
               _: 1
             }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"]),
-            e.allowTimeInput ? (w(), $(h, {
+            e.allowTimeInput ? (w(), L(h, {
               key: 0,
               "aria-label": e.t("timeFrom"),
               value: e.dateTextInput.startTime,
@@ -556,28 +559,28 @@ function Ka(e, t, l, u, i, p) {
               onInput: e.onStartTimeInput,
               onKeydown: e.onTimeInputKeyDown
             }, {
-              description: N(() => t[2] || (t[2] = [
+              description: $(() => t[2] || (t[2] = [
                 Q("HH:MM:SS")
               ])),
               _: 1
-            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : C("", !0)
+            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : _("", !0)
           ], 2)
         ]),
-        P("div", null, [
-          L(y, {
+        N("div", null, [
+          V(y, {
             stronger: "",
             el: "span",
             class: "b-date-range-picker-calendar__label"
           }, {
-            default: N(() => t[3] || (t[3] = [
+            default: $(() => t[3] || (t[3] = [
               Q(" To ")
             ])),
             _: 1
           }),
-          P("div", {
+          N("div", {
             class: fe(e.formInputWrapperConditionalClasses)
           }, [
-            L(h, {
+            V(h, {
               class: "b-date-range-picker-calendar__form-input",
               "aria-label": e.t("dateTo"),
               value: e.dateTextInput.endDate,
@@ -585,12 +588,12 @@ function Ka(e, t, l, u, i, p) {
               onInput: e.onEndDateInput,
               onKeydown: e.onDateInputKeyDown
             }, {
-              description: N(() => t[4] || (t[4] = [
+              description: $(() => t[4] || (t[4] = [
                 Q("YYYY-MM-DD")
               ])),
               _: 1
             }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"]),
-            e.allowTimeInput ? (w(), $(h, {
+            e.allowTimeInput ? (w(), L(h, {
               key: 0,
               "aria-label": e.t("timeTo"),
               value: e.dateTextInput.endTime,
@@ -599,20 +602,20 @@ function Ka(e, t, l, u, i, p) {
               onInput: e.onEndTimeInput,
               onKeydown: e.onTimeInputKeyDown
             }, {
-              description: N(() => t[5] || (t[5] = [
+              description: $(() => t[5] || (t[5] = [
                 Q("HH:MM:SS")
               ])),
               _: 1
-            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : C("", !0)
+            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : _("", !0)
           ], 2)
         ])
       ]),
       e.hasSlot("actions") ? (w(), pe("div", Va, [
         Ee(e.$slots, "actions", {}, void 0, !0)
-      ])) : C("", !0)
+      ])) : _("", !0)
     ]),
-    P("div", Ya, [
-      L(O, {
+    N("div", Ya, [
+      V(O, {
         value: e.value,
         "first-day-of-week": e.firstDayOfWeek,
         "is-date-disabled": e.isDateDisabled,
@@ -630,41 +633,41 @@ function Ka(e, t, l, u, i, p) {
     ])
   ]);
 }
-const B = /* @__PURE__ */ qe(Pa, [["render", Ka], ["__scopeId", "data-v-54f617bf"]]), Ga = ({
+const P = /* @__PURE__ */ Ge(Pa, [["render", Ka], ["__scopeId", "data-v-8b5ccd44"]]), qa = ({
   datePickerValue: e,
   isDateIncorrect: t,
   quickSelectRanges: l
 }) => {
-  var v, V, m, Y;
-  const { locale: u, t: i } = ge(), p = ve(), n = (b) => !!b && !isNaN(b.getTime()), d = (b, H) => n(b) ? oe(b, H, {
+  var v, Y, m, K;
+  const { locale: u, t: i } = ge(), p = ve(), n = (T) => !!T && !isNaN(T.getTime()), d = (T, j) => n(T) ? oe(T, j, {
     locale: p[u.value.substring(0, 2)] || p.enUS
   }) : void 0, y = ue({
     startDate: d((v = e.value) == null ? void 0 : v.startDate, E.NUMERIC_DATE_YEAR_FIRST),
-    endDate: d((V = e.value) == null ? void 0 : V.endDate, E.NUMERIC_DATE_YEAR_FIRST),
+    endDate: d((Y = e.value) == null ? void 0 : Y.endDate, E.NUMERIC_DATE_YEAR_FIRST),
     startTime: d((m = e.value) == null ? void 0 : m.startDate, E.HOUR_MINUTE_SECONDS),
-    endTime: d((Y = e.value) == null ? void 0 : Y.endDate, E.HOUR_MINUTE_SECONDS)
+    endTime: d((K = e.value) == null ? void 0 : K.endDate, E.HOUR_MINUTE_SECONDS)
   });
   return {
     // Values
     dateDisplayValue: I(() => {
-      var F;
+      var U;
       if (t.value)
         return `${y.startDate || ""} - ${y.endDate || ""}`;
       if (!e.value || !e.value.startDate && !e.value.endDate)
         return i("selectDateRange");
-      if ((F = l.value) != null && F.length) {
+      if ((U = l.value) != null && U.length) {
         const g = l.value.find(
-          ({ data: _ }) => {
-            var T, K;
-            return _e(_ == null ? void 0 : _.startDate, (T = e.value) == null ? void 0 : T.startDate) && _e(_ == null ? void 0 : _.endDate, (K = e.value) == null ? void 0 : K.endDate);
+          ({ data: F }) => {
+            var b, q;
+            return _e(F == null ? void 0 : F.startDate, (b = e.value) == null ? void 0 : b.startDate) && _e(F == null ? void 0 : F.endDate, (q = e.value) == null ? void 0 : q.endDate);
           }
         );
         if (g)
           return g.label;
       }
-      const { startDate: b, endDate: H } = y;
-      return `${d(new Date(b), E.FULL_DATE_MONTH_FIRST)} - ${d(
-        new Date(H),
+      const { startDate: T, endDate: j } = y;
+      return `${d(new Date(T), E.FULL_DATE_MONTH_FIRST)} - ${d(
+        new Date(j),
         E.FULL_DATE_MONTH_FIRST
       )}`;
     }),
@@ -694,20 +697,20 @@ const Ve = {
     cancel: "キャンセル",
     selectDate: "日付を選択"
   }
-}, qa = Ye({
+}, Ga = Ye({
   i18n: { messages: Ve },
   name: "bento-date-range-picker",
   components: {
     BentoButtonActions: ka,
     BentoDivider: la,
-    BentoTypography: Ge,
+    BentoTypography: qe,
     BentoPopover: ia,
-    DateRangePickerCalendar: B,
+    DateRangePickerCalendar: P,
     DropdownInputDefault: ua,
     ErrorMessage: Ea,
     FieldLabel: ha
   },
-  directives: { BentoClickOutsideDirective: Da },
+  directives: { BentoClickOutsideDirective: ca },
   props: {
     /**
      * Allows user to enter time values in the form
@@ -728,16 +731,16 @@ const Ve = {
     /**
      * Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: B.props.firstDayOfWeek,
+    firstDayOfWeek: P.props.firstDayOfWeek,
     /**
      * A list of available granularities.
      * If present, the date picker will display a segmented control to change granularity.
      */
-    granularities: B.props.granularities,
+    granularities: P.props.granularities,
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: B.props.isDateDisabled,
+    isDateDisabled: P.props.isDateDisabled,
     /**
      * Text that is displayed as a label above the element.
      */
@@ -776,23 +779,23 @@ const Ve = {
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
-    maxRange: B.props.maxRange,
+    maxRange: P.props.maxRange,
     /**
      * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
      */
-    min: B.props.min,
+    min: P.props.min,
     /**
      * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
      */
-    max: B.props.max,
+    max: P.props.max,
     /**
      * Number of months rendered on pane
      */
-    numberOfMonths: B.props.numberOfMonths,
+    numberOfMonths: P.props.numberOfMonths,
     /**
      * Selected date
      */
-    value: B.props.value,
+    value: P.props.value,
     /**
      * Enables the date picker selection to persist until it is explicitly applied.
      * Displays a set of buttons: Apply and Cancel.
@@ -805,32 +808,32 @@ const Ve = {
   setup(e, { emit: t }) {
     const { locale: l, t: u } = ge({ messages: Ve }), i = ve(), p = ne("bento-date-range-picker-container"), n = ne("bento-date-range-picker-label"), d = ne("bento-date-range-picker-description"), y = ne("bento-date-range-picker-error"), h = ne("bento-date-range-picker-date-error"), O = I(
       () => e.label || u("dateRangePicker", { name: p })
-    ), v = A(!1), V = A(null), m = A(!1), { isReadOnly: Y } = ca(ce(e, "readonly"));
+    ), v = C(!1), Y = C(null), m = C(!1), { isReadOnly: K } = Da(De(e, "readonly"));
     he(
       () => e.disabled,
       () => {
         e.disabled && m.value && (m.value = !1);
       }
     );
-    const b = I(() => e.hasActions ? !M.value && v.value : v.value), H = I(() => ({
-      "b-date-range-picker__description--error": !!e.errorMessage || b.value
-    })), { dateDisplayValue: F, textInputDisplayValue: g, formatTextInputDisplayValue: _ } = Ga({
-      datePickerValue: ce(e, "value"),
+    const T = I(() => e.hasActions ? !M.value && v.value : v.value), j = I(() => ({
+      "b-date-range-picker__description--error": !!e.errorMessage || T.value
+    })), { dateDisplayValue: U, textInputDisplayValue: g, formatTextInputDisplayValue: F } = qa({
+      datePickerValue: De(e, "value"),
       isDateIncorrect: v,
-      quickSelectRanges: ce(e, "quickSelectRanges")
-    }), T = I(
+      quickSelectRanges: De(e, "quickSelectRanges")
+    }), b = I(
       () => `${e.description ? d : ""} ${e.errorMessage ? y : ""} ${v.value ? h : ""}`.trim() || null
-    ), K = () => {
+    ), q = () => {
       m.value = !1;
     }, se = () => {
-      m.value = !0, _();
-    }, R = A(F.value), j = A(
+      m.value = !0, F();
+    }, R = C(U.value), z = C(
       // textInputDisplayValue is a reactive object
-      structuredClone(De(g))
-    ), k = A(e.value), M = A(!0), G = I(
-      () => e.hasActions ? j.value : g
-    ), q = I(
-      () => e.hasActions ? R.value : F.value
+      structuredClone(ce(g))
+    ), k = C(e.value), M = C(!0), G = I(
+      () => e.hasActions ? z.value : g
+    ), W = I(
+      () => e.hasActions ? R.value : U.value
     );
     Ke(() => {
       e.hasActions || da(
@@ -844,75 +847,75 @@ const Ve = {
       {
         title: u("apply"),
         event: () => {
-          R.value = F.value, j.value = structuredClone(De(g)), t(de.INPUT, k.value), K(), M.value = !0;
+          R.value = U.value, z.value = structuredClone(ce(g)), t(de.INPUT, k.value), q(), M.value = !0;
         },
         disabled: M.value
       },
       {
         title: u("cancel"),
-        event: K
+        event: q
       }
     ]);
-    return he(k, (c) => {
+    return he(k, (D) => {
       if (e.hasActions) {
         M.value = v.value;
         return;
       }
-      t(de.INPUT, c);
+      t(de.INPUT, D);
     }), {
       // Refs
-      inputContainerRef: V,
+      inputContainerRef: Y,
       // Values,
-      dateDisplayValue: F,
+      dateDisplayValue: U,
       datePickerContainerId: p,
-      descriptionConditionalClasses: H,
+      descriptionConditionalClasses: j,
       displayedTextInputValue: G,
-      displayedDateValue: q,
+      displayedDateValue: W,
       isDateIncorrect: v,
       isDateRangePickerOpen: m,
-      isReadOnly: Y,
+      isReadOnly: K,
       labelId: n,
       descriptionId: d,
       dateErrorId: h,
       errorId: y,
       popoverAriaLabel: O,
-      shouldDisplayError: b,
-      ariaDescribedBy: T,
+      shouldDisplayError: T,
+      ariaDescribedBy: b,
       textInputDisplayValue: g,
       rangePickerButtonActions: o,
       BentoButtonActionsLayout: Sa,
       // Events
-      closeDateRangePicker: K,
+      closeDateRangePicker: q,
       clearDateRangePickerValue: async () => {
         v.value && (v.value = !1), k.value = null;
       },
       openDateRangePicker: se,
-      onRangeSelectorInput: (c) => {
-        if (c) {
-          const U = (Z) => oe(Z, E.NUMERIC_DATE_YEAR_FIRST, {
+      onRangeSelectorInput: (D) => {
+        if (D) {
+          const B = (Z) => oe(Z, E.NUMERIC_DATE_YEAR_FIRST, {
             locale: i[l.value.substring(0, 2)] || i.enUS
           });
-          g.startDate = U(c.startDate), g.endDate = U(c.endDate), k.value = c;
+          g.startDate = B(D.startDate), g.endDate = B(D.endDate), k.value = D;
         }
       },
       onEnterPressedOverInput: () => {
         v.value || (m.value = !1);
       },
-      onDateRangePickerInput: (c) => {
+      onDateRangePickerInput: (D) => {
         v.value = !1;
-        const U = (Z, me) => Z ? oe(Z, me, {
+        const B = (Z, me) => Z ? oe(Z, me, {
           locale: i[l.value.substring(0, 2)] || i.enUS
         }) : void 0;
-        g.startDate = U(
-          c.startDate,
+        g.startDate = B(
+          D.startDate,
           E.NUMERIC_DATE_YEAR_FIRST
-        ), g.endDate = U(c.endDate, E.NUMERIC_DATE_YEAR_FIRST), g.startTime = U(c.startDate, E.HOUR_MINUTE_SECONDS), g.endTime = U(c.endDate, E.HOUR_MINUTE_SECONDS), k.value = c;
+        ), g.endDate = B(D.endDate, E.NUMERIC_DATE_YEAR_FIRST), g.startTime = B(D.startDate, E.HOUR_MINUTE_SECONDS), g.endTime = B(D.endDate, E.HOUR_MINUTE_SECONDS), k.value = D;
       },
-      onDateRangePickerError: (c) => {
-        v.value = !0, g.startDate = c.startDate, g.endDate = c.endDate, k.value = { startDate: null, endDate: null };
+      onDateRangePickerError: (D) => {
+        v.value = !0, g.startDate = D.startDate, g.endDate = D.endDate, k.value = { startDate: null, endDate: null };
       },
-      onDateRangePickerFormDateInputUpdate: (c) => {
-        v.value = !1, c.startTime && (g.startTime = c.startTime), c.endTime && (g.endTime = c.endTime);
+      onDateRangePickerFormDateInputUpdate: (D) => {
+        v.value = !1, D.startTime && (g.startTime = D.startTime), D.endTime && (g.endTime = D.endTime);
       },
       // Translations
       t: u
@@ -920,20 +923,20 @@ const Ve = {
   }
 }), Wa = { class: "b-date-range-picker" }, Ha = { class: "b-date-range-picker__footer" };
 function ja(e, t, l, u, i, p) {
-  const n = S("field-label"), d = S("dropdown-input-default"), y = S("error-message"), h = S("bento-typography"), O = S("bento-divider"), v = S("bento-button-actions"), V = S("date-range-picker-calendar"), m = S("bento-popover"), Y = ta("bento-click-outside-directive");
+  const n = S("field-label"), d = S("dropdown-input-default"), y = S("error-message"), h = S("bento-typography"), O = S("bento-divider"), v = S("bento-button-actions"), Y = S("date-range-picker-calendar"), m = S("bento-popover"), K = ta("bento-click-outside-directive");
   return na((w(), pe("div", Wa, [
-    e.label ? (w(), $(n, {
+    e.label ? (w(), L(n, {
       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"])) : C("", !0),
-    P("div", {
-      onKeydown: t[0] || (t[0] = ra((...b) => e.onEnterPressedOverInput && e.onEnterPressedOverInput(...b), ["enter"]))
+    }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : _("", !0),
+    N("div", {
+      onKeydown: t[0] || (t[0] = ra((...T) => e.onEnterPressedOverInput && e.onEnterPressedOverInput(...T), ["enter"]))
     }, [
-      L(d, {
+      V(d, {
         ref: "inputContainerRef",
         "always-combobox-is-input": "",
         ariaControls: e.datePickerContainerId,
@@ -950,30 +953,30 @@ function ja(e, t, l, u, i, p) {
         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(), $(y, {
+    e.shouldDisplayError ? (w(), L(y, {
       key: 1,
       id: e.dateErrorId,
       "error-message": e.t("provideDateInAFormat"),
       class: "b-date-range-picker__error-message"
-    }, null, 8, ["id", "error-message"])) : C("", !0),
-    e.errorMessage ? (w(), $(y, {
+    }, null, 8, ["id", "error-message"])) : _("", !0),
+    e.errorMessage ? (w(), L(y, {
       key: 2,
       id: e.errorId,
       "error-message": e.errorMessage,
       class: "b-date-range-picker__error-message"
-    }, null, 8, ["id", "error-message"])) : C("", !0),
-    e.description ? (w(), $(h, {
+    }, null, 8, ["id", "error-message"])) : _("", !0),
+    e.description ? (w(), L(h, {
       key: 3,
       id: e.descriptionId,
       class: fe(["b-date-range-picker__description", e.descriptionConditionalClasses]),
       el: "span"
     }, {
-      default: N(() => [
+      default: $(() => [
         Q(oa(e.description), 1)
       ]),
       _: 1
-    }, 8, ["id", "class"])) : C("", !0),
-    e.inputContainerRef ? (w(), $(m, {
+    }, 8, ["id", "class"])) : _("", !0),
+    e.inputContainerRef ? (w(), L(m, {
       key: 4,
       id: e.datePickerContainerId,
       class: "b-date-range-picker__container",
@@ -985,8 +988,8 @@ function ja(e, t, l, u, i, p) {
       "without-space": "",
       "fit-content": ""
     }, {
-      default: N(() => [
-        L(V, {
+      default: $(() => [
+        V(Y, {
           "allow-time-input": e.allowTimeInput,
           "quick-select-ranges": e.quickSelectRanges,
           value: e.value,
@@ -1006,10 +1009,10 @@ function ja(e, t, l, u, i, p) {
         }, sa({ _: 2 }, [
           e.hasActions ? {
             name: "actions",
-            fn: N(() => [
-              L(O),
-              P("div", Ha, [
-                L(v, {
+            fn: $(() => [
+              V(O),
+              N("div", Ha, [
+                V(v, {
                   actions: e.rangePickerButtonActions,
                   layout: e.BentoButtonActionsLayout.SPACE_BETWEEN
                 }, null, 8, ["actions", "layout"])
@@ -1020,16 +1023,16 @@ function ja(e, t, l, u, i, p) {
         ]), 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", "onCustomRange", "onInput", "onError", "onFormDate"])
       ]),
       _: 1
-    }, 8, ["id", "open", "target-element", "aria-label"])) : C("", !0)
+    }, 8, ["id", "open", "target-element", "aria-label"])) : _("", !0)
   ])), [
-    [Y, e.closeDateRangePicker]
+    [K, e.closeDateRangePicker]
   ]);
 }
-const yt = /* @__PURE__ */ qe(qa, [["render", ja], ["__scopeId", "data-v-7d8fe1da"]]);
+const yt = /* @__PURE__ */ Ge(Ga, [["render", ja], ["__scopeId", "data-v-7d8fe1da"]]);
 export {
   yt as B,
-  B as D,
+  P as D,
   de as a,
   _e as i
 };
-//# sourceMappingURL=date-range-picker.3iWt1Cd6.js.map
+//# sourceMappingURL=date-range-picker.DjPmRy0E.js.map