@adyen/bento-vue2 1.108.2 → 1.108.3

package/dist/chunks/{date-range-picker.BK1Fe9dv.js → date-range-picker.DcG3KxuF.js}

@@ -1,65 +1,65 @@
-import { defineComponent as be, computed as d, reactive as ve, useSlots as da, ref as S, onMounted as Je, toRaw as Ye, watch as pe, useAttrs as ca, toRef as Re } from "vue";
-import { d as ma, h as Da } from "./index.CL3TXc0a.js";
-import { B as pa } from "./divider.KxXy6nzJ.js";
-import { h as va, B as fa } from "./button-actions.DDLh7iWK.js";
-import { B as He, d as Be } from "./typography.D1OZJbEa.js";
-import { B as ga } from "./alert.Dj57zB88.js";
-import { B as ha, g as Ce, D as ya } from "./dropdown.DGUdfiro.js";
-import { B as Ma } from "./segmented-control.F0Y-i9DQ.js";
-import { u as Ae } from "./index.CPOlyau9.js";
-import { u as Ra } from "./use-has-slot.C9lQZ6nz.js";
-import { u as ke, a as Ta } from "./use-date-input-formatter.3Cgguj4S.js";
-import { u as Ya } from "./use-touch-device.DTqFAbXh.js";
-import { j as ie, k as w, s as A, l as ba, m as qe, n as Aa, f as Ne, o as ka, q as _a, r as Ia, t as Ve, u as Sa, b as C, v as Ea, h as Pa, i as Fa, e as E, w as ze, x as Le, g as xa } from "./calendar.CbsgWJTo.js";
-import { e as q, a as We } from "./differenceInMonths.yz4Dfe-b.js";
-import { s as Qe } from "./startOfWeek.muMEhS7U.js";
-import { t as fe, n as wa, c as Oa } from "./en-US.BR6y7foR.js";
-import { c as Ba } from "./constructNow.DyOJDyZZ.js";
-import { s as De, a as Ge } from "./set-time-in-date.BVfkl8K8.js";
-import { B as Ca, i as Ue } from "./input-time.DDYaCY3r.js";
-import { B as qa } from "./input-field.BwGCbmk0.js";
-import { B as Na } from "./form-layout-group.C_0b8u-g.js";
-import { n as _e } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { g as oe } from "./generate-uid.DBWe4g6T.js";
-import { u as Va } from "./use-form-layout-loading.CWbjZiwP.js";
+import { defineComponent as ke, computed as d, reactive as Me, useSlots as Da, ref as b, onMounted as Ke, toRaw as Ae, watch as ye, useAttrs as pa, toRef as Ye } from "vue";
+import { d as va, h as fa } from "./index.CL3TXc0a.js";
+import { B as ga } from "./divider.KxXy6nzJ.js";
+import { h as ha, B as ya } from "./button-actions.DDLh7iWK.js";
+import { B as Xe, d as qe } from "./typography.D1OZJbEa.js";
+import { B as Ma } from "./alert.Dj57zB88.js";
+import { B as Ra, g as ze, D as Ta } from "./dropdown.DGUdfiro.js";
+import { B as Ya } from "./segmented-control.F0Y-i9DQ.js";
+import { u as _e } from "./index.CPOlyau9.js";
+import { u as ba } from "./use-has-slot.C9lQZ6nz.js";
+import { u as Se, a as Aa } from "./use-date-input-formatter.CzQbwvPo.js";
+import { u as ka } from "./use-touch-device.DTqFAbXh.js";
+import { j as ue, k as w, s as T, l as _a, m as Ne, n as Sa, f as Ve, o as Ia, q as Ea, r as Pa, t as Le, u as Fa, b as C, v as xa, h as wa, i as Oa, e as E, w as We, x as Qe, g as Ba } from "./calendar.B-fVLsHA.js";
+import { e as q, a as Ge } from "./differenceInMonths.yz4Dfe-b.js";
+import { s as $e } from "./startOfWeek.muMEhS7U.js";
+import { t as Re, n as Ca, c as qa } from "./en-US.BR6y7foR.js";
+import { c as za } from "./constructNow.DyOJDyZZ.js";
+import { s as he, a as Ue } from "./set-time-in-date.BVfkl8K8.js";
+import { B as Na, i as je } from "./input-time.D4GB-OBv.js";
+import { B as Va } from "./input-field.BwGCbmk0.js";
+import { B as La } from "./form-layout-group.C_0b8u-g.js";
+import { n as Ie } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { g as le } from "./generate-uid.DBWe4g6T.js";
+import { u as Wa } from "./use-form-layout-loading.CWbjZiwP.js";
 import "./index.Cl4_42j5.js";
-import { u as za } from "./form-field.D_2g7vaP.js";
-import { B as La } from "./directive.D1-d-C2K.js";
-import { F as Wa } from "./field-label.BSWtn7ew.js";
-import { E as Qa } from "./error-message.BEHBfjmn.js";
-import { B as Ga } from "./button-actions.types.BptAXjD8.js";
+import { u as Qa } from "./form-field.D_2g7vaP.js";
+import { B as Ga } from "./directive.D1-d-C2K.js";
+import { F as $a } from "./field-label.BSWtn7ew.js";
+import { E as Ua } from "./error-message.BEHBfjmn.js";
+import { B as ja } from "./button-actions.types.BptAXjD8.js";
 import "../assets/date-range-picker.css";
-function $e(o, t) {
-  return fe(o, t?.in).getFullYear();
+function Je(o, t) {
+  return Re(o, t?.in).getFullYear();
 }
-function le(o, t) {
-  return +fe(o) == +fe(t);
+function ie(o, t) {
+  return +Re(o) == +Re(t);
 }
-function Ua(o, t, e) {
-  const [a, i] = wa(
+function Ja(o, t, e) {
+  const [a, i] = Ca(
     e?.in,
     o,
     t
   );
-  return +ie(a) == +ie(i);
+  return +ue(a) == +ue(i);
 }
-function je(o, t) {
-  const e = fe(o, t?.in);
+function He(o, t) {
+  const e = Re(o, t?.in);
   return e.setMilliseconds(0), e;
 }
-function Te(o, t) {
-  return +je(o) == +je(t);
+function be(o, t) {
+  return +He(o) == +He(t);
 }
-function $a(o, t) {
+function Ha(o, t) {
   return w(
-    Oa(o, o),
-    Ba(o)
+    qa(o, o),
+    za(o)
   );
 }
-const ja = {
+const Ka = {
   name: "date-time-input"
-}, Ja = /* @__PURE__ */ be({
-  ...ja,
+}, Xa = /* @__PURE__ */ ke({
+  ...Ka,
   props: {
     dateModelValue: { default: "" },
     dateProps: { default: () => ({}) },
@@ -68,7 +68,7 @@ const ja = {
     timeModelValue: { default: "" },
     timeProps: { default: () => ({}) }
   },
-  emits: ["update:date-model-value", "date:keydown", "update:time-model-value", "time:error", "time:valid"],
+  emits: ["click", "update:date-model-value", "date:keydown", "update:time-model-value", "time:error", "time:valid"],
   setup(o) {
     const t = o, e = d(() => ({
       errorMessage: t.errorMessage,
@@ -77,83 +77,87 @@ const ja = {
       errorMessage: t.errorMessage,
       ...t.timeProps
     }));
-    return { __sfc: !0, props: t, resolvedDateProps: e, resolvedTimeProps: a, BentoFormLayoutGroup: Na, BentoInputField: qa, BentoInputTime: Ca };
+    return { __sfc: !0, props: t, resolvedDateProps: e, resolvedTimeProps: a, BentoFormLayoutGroup: La, BentoInputField: Va, BentoInputTime: Na };
   }
 });
-var Ha = function() {
+var Za = function() {
   var t = this, e = t._self._c, a = t._self._setupProxy;
-  return e(a.BentoFormLayoutGroup, { attrs: { layout: t.showTimeInput ? "50-50" : "100", "error-message": t.errorMessage } }, [e(a.BentoInputField, t._b({ attrs: { "model-value": t.dateModelValue }, on: { "update:model-value": function(i) {
+  return e(a.BentoFormLayoutGroup, { attrs: { layout: t.showTimeInput ? "50-50" : "100", "error-message": t.errorMessage } }, [e(a.BentoInputField, t._b({ attrs: { "model-value": t.dateModelValue }, on: { click: function(i) {
+    return t.$emit("click");
+  }, "update:model-value": function(i) {
     return t.$emit("update:date-model-value", i);
   }, keydown: function(i) {
     return t.$emit("date:keydown", i);
-  } } }, "bento-input-field", a.resolvedDateProps, !1)), t.showTimeInput ? e(a.BentoInputTime, t._b({ attrs: { "model-value": t.timeModelValue }, on: { "update:model-value": function(i) {
+  } } }, "bento-input-field", a.resolvedDateProps, !1)), t.showTimeInput ? e(a.BentoInputTime, t._b({ attrs: { "model-value": t.timeModelValue }, on: { click: function(i) {
+    return t.$emit("click");
+  }, "update:model-value": function(i) {
     return t.$emit("update:time-model-value", i);
   }, "input:error": function(i) {
     return t.$emit("time:error");
   }, "input:valid": function(i) {
     return t.$emit("time:valid");
   } } }, "bento-input-time", a.resolvedTimeProps, !1)) : t._e()], 1);
-}, Ka = [], Xa = /* @__PURE__ */ _e(
-  Ja,
-  Ha,
-  Ka,
+}, et = [], at = /* @__PURE__ */ Ie(
+  Xa,
+  Za,
+  et,
   !1,
   null,
   null
 );
-const Za = Xa.exports, et = ({
+const tt = at.exports, nt = ({
   firstDayOfWeek: o,
   min: t,
   max: e
 }) => ({ getGranularCalendarLimits: (i) => {
   if (!t && !e)
     return { min: null, max: null };
-  let m = t ? A(t) : null, p = e ? q(e) : null;
+  let m = t ? T(t) : null, p = e ? q(e) : null;
   if (i?.type === "weekly") {
     if (i.earliest)
-      m = A(i.earliest);
+      m = T(i.earliest);
     else if (m) {
-      const y = Qe(m, { weekStartsOn: o });
-      w(m, y) || (m = A(ba(qe(m, { weekStartsOn: o }), 1)));
+      const y = $e(m, { weekStartsOn: o });
+      w(m, y) || (m = T(_a(Ne(m, { weekStartsOn: o }), 1)));
     }
     if (i.latest)
       p = q(i.latest);
     else if (p) {
-      const y = qe(p, { weekStartsOn: o });
-      w(p, y) || (p = q(Aa(Qe(p, { weekStartsOn: o }), 1)));
+      const y = Ne(p, { weekStartsOn: o });
+      w(p, y) || (p = q(Sa($e(p, { weekStartsOn: o }), 1)));
     }
   }
   if (i?.type === "monthly") {
     if (i.earliest)
-      m = A(i.earliest);
+      m = T(i.earliest);
     else if (m) {
-      const y = Ne(m);
-      w(m, y) || (m = Ne(ka(m, 1)));
+      const y = Ve(m);
+      w(m, y) || (m = Ve(Ia(m, 1)));
     }
     if (i.latest)
       p = q(i.latest);
     else if (p) {
-      const y = We(p);
-      w(p, y) || (p = We(_a(p, 1)));
+      const y = Ge(p);
+      w(p, y) || (p = Ge(Ea(p, 1)));
     }
   }
   if (i?.type === "quarterly") {
     if (i.earliest)
-      m = ie(i.earliest);
+      m = ue(i.earliest);
     else if (m) {
-      const y = ie(m);
-      w(m, y) || (m = ie(Ia(m, 1)));
+      const y = ue(m);
+      w(m, y) || (m = ue(Pa(m, 1)));
     }
     if (i.latest)
       p = q(i.latest);
     else if (p) {
-      const y = Ve(p);
-      w(p, y) || (p = Ve(Sa(p, 1)));
+      const y = Le(p);
+      w(p, y) || (p = Le(Fa(p, 1)));
     }
   }
   return { min: m, max: p };
-} }), at = () => {
-  const o = ve({
+} }), rt = () => {
+  const o = Me({
     daily: null,
     weekly: null,
     monthly: null,
@@ -170,7 +174,7 @@ const Za = Xa.exports, et = ({
   };
 };
 var D = /* @__PURE__ */ ((o) => (o.CUSTOM_RANGE = "custom-range", o.INPUT = "input", o.ERROR = "error", o.FORM_DATE = "form-date", o.START_DATE_SELECTED = "start-date-selected", o))(D || {});
-const tt = {
+const st = {
   "de-DE": { "DD-MM-YYYY": "TT-MM-JJJJ", "MM-DD-YYYY": "MM-TT-JJJJ", "YYYY-MM-DD": "JJJJ-MM-TT", customRange: "Benutzerdefinierter Bereich", daily: "Täglich", dateFrom: "Datum von", dateTo: "Datum bis", from: "Von", invalidDateFormat: "Ungültiges Datumsformat", lastMonth: "Letzter Monat", lastSevenDays: "Letzte 7 Tage", lastThreeMonths: "Letzte drei Monate", maxRangeDays: "Sie können bis zu {count} Tag auswählen | Sie können bis zu {count} Tage auswählen", maxRangeMonths: "Sie können bis zu {count} Monat auswählen | Sie können bis zu {count} Monate auswählen", maxRangeQuarters: "Sie können bis zu {count} Quartal auswählen | Sie können bis zu {count} Quartale auswählen", maxRangeWeeks: "Sie können bis zu {count} Woche auswählen | Sie können bis zu {count} Wochen auswählen", monthly: "Monatlich", quarterly: "Vierteljährlich", selectedDateIsNotAvailable: "Ausgewähltes Datum ist nicht verfügbar", startDateMustPrecedeEndDate: "Das Anfangsdatum muss vor dem Enddatum liegen", timeFrom: "Zeit von", timeTo: "Zeit bis", to: "Bis", weekly: "Wöchentlich" },
   "en-GB": { "DD-MM-YYYY": "DD-MM-YYYY", "MM-DD-YYYY": "MM-DD-YYYY", "YYYY-MM-DD": "YYYY-MM-DD", customRange: "Custom range", daily: "Daily", dateFrom: "Date from", dateTo: "Date to", from: "From", invalidDateFormat: "Invalid date format", lastMonth: "Last month", lastSevenDays: "Last 7 days", lastThreeMonths: "The last three months", maxRangeDays: "You can select up to {count} day | You can select up to {count} days", maxRangeMonths: "You can select up to {count} month | You can select up to {count} months", maxRangeQuarters: "You can select up to {count} quarter | You can select up to {count} quarters", maxRangeWeeks: "You can select up to {count} week | You can select up to {count} weeks", monthly: "Monthly", quarterly: "Quarterly", selectedDateIsNotAvailable: "Selected date is not available", startDateMustPrecedeEndDate: "Start date must precede end date", timeFrom: "Time from", timeTo: "Time to", to: "To", weekly: "Weekly" },
   "en-US": { "DD-MM-YYYY": "DD-MM-YYYY", "MM-DD-YYYY": "MM-DD-YYYY", "YYYY-MM-DD": "YYYY-MM-DD", customRange: "Custom range", daily: "Daily", dateFrom: "Date from", dateTo: "Date to", from: "From", invalidDateFormat: "Invalid date format", lastMonth: "Last month", lastSevenDays: "Last 7 days", lastThreeMonths: "Last three months", maxRangeDays: "You can select up to {count} day | You can select up to {count} days", maxRangeMonths: "You can select up to {count} month | You can select up to {count} months", maxRangeQuarters: "You can select up to {count} quarter | You can select up to {count} quarters", maxRangeWeeks: "You can select up to {count} week | You can select up to {count} weeks", monthly: "Monthly", quarterly: "Quarterly", selectedDateIsNotAvailable: "Selected date is not available", startDateMustPrecedeEndDate: "Start date must precede end date", timeFrom: "Time from", timeTo: "Time to", to: "To", weekly: "Weekly" },
@@ -182,11 +186,11 @@ const tt = {
   "ja-JP": { "DD-MM-YYYY": "DD-MM-YYYY", "MM-DD-YYYY": "MM-DD-YYYY", "YYYY-MM-DD": "YYYY-MM-DD", customRange: "カスタム範囲", daily: "毎日", dateFrom: "開始日", dateTo: "終了日", from: "下限", invalidDateFormat: "無効な日付形式", lastMonth: "先月", lastSevenDays: "過去 7 日間", lastThreeMonths: "過去3か月", maxRangeDays: "{count}日間まで選択できます | {count}日間まで選択できます", maxRangeMonths: "{count}か月まで選択できます | {count}か月まで選択できます", maxRangeQuarters: "{count}四半期まで選択できます | {count}四半期まで選択できます", maxRangeWeeks: "{count}週間まで選択できます | {count}週間まで選択できます", monthly: "毎月", quarterly: "四半期ごと", selectedDateIsNotAvailable: "選択した日付は利用できません", startDateMustPrecedeEndDate: "開始日は終了日より前にする必要があります", timeFrom: "開始時刻", timeTo: "終了時刻", to: "上限", weekly: "毎週" },
   "pt-BR": { "DD-MM-YYYY": "DD-MM-AAAA", "MM-DD-YYYY": "MM-DD-AAAA", "YYYY-MM-DD": "AAAA-MM-DD", customRange: "Intervalo personalizado", daily: "Diário", dateFrom: "Data a partir de", dateTo: "Data até", from: "De", invalidDateFormat: "Formato de data inválido", lastMonth: "Último mês", lastSevenDays: "Últimos 7 dias", lastThreeMonths: "Últimos 3 meses", maxRangeDays: "Você pode selecionar até {count} dia | Você pode selecionar até {count} dias", maxRangeMonths: "Você pode selecionar até {count} mês | Você pode selecionar até {count} meses", maxRangeQuarters: "Você pode selecionar até {count} trimestre | Você pode selecionar até {count} trimestres", maxRangeWeeks: "Você pode selecionar até {count} semana | Você pode selecionar até {count} semanas", monthly: "Mensal", quarterly: "Trimestral", selectedDateIsNotAvailable: "A data selecionada não está disponível", startDateMustPrecedeEndDate: "A data de início deve preceder a data de término", timeFrom: "Horário a partir de", timeTo: "Horário até", to: "Para", weekly: "Semanal" },
   "zh-CN": { "DD-MM-YYYY": "日-月-年", "MM-DD-YYYY": "月-日-年", "YYYY-MM-DD": "年-月-日", customRange: "自定义范围", daily: "每日", dateFrom: "日期自", dateTo: "日期至", from: "自", invalidDateFormat: "日期格式无效", lastMonth: "上个月", lastSevenDays: "最近 7 天", lastThreeMonths: "过去三个月", maxRangeDays: "您可以选择最多 {count} 天 | 您可以选择最多 {count} 天", maxRangeMonths: "您可以选择最多 {count} 个月 | 您可以选择最多 {count} 个月", maxRangeQuarters: "您最多可以选择 {count} 个季度 | 您最多可以选择 {count} 个季度", maxRangeWeeks: "您最多可以选择 {count} 周 | 您最多可以选择 {count} 周", monthly: "每月", quarterly: "每季度", selectedDateIsNotAvailable: "所选日期不可用", startDateMustPrecedeEndDate: "开始日期必须早于结束日期", timeFrom: "时间自", timeTo: "是时候", to: "至", weekly: "每周" }
-}, nt = {
+}, ot = {
   name: "date-range-picker-calendar",
-  i18n: { messages: tt }
-}, rt = /* @__PURE__ */ be({
-  ...nt,
+  i18n: { messages: st }
+}, lt = /* @__PURE__ */ ke({
+  ...ot,
   props: {
     /**
      * Allows user to enter time values in the form
@@ -276,202 +280,207 @@ const tt = {
       weekly: "maxRangeWeeks",
       monthly: "maxRangeMonths",
       quarterly: "maxRangeQuarters"
-    }, p = da(), y = Ra(p), { t: P, tc: z } = Ae(), { isTouchDevice: f } = Ya(), {
-      dateFormat: ue,
+    }, p = Da(), y = ba(p), { t: P, tc: L } = _e(), { isTouchDevice: f } = ka(), {
+      dateFormat: de,
       isFormatValid: ee,
       parseDate: v,
-      onKeyDown: k,
-      autoFormat: _,
-      formatDate: U
-    } = ke(), M = S({}), ae = d(() => e.variant === "month" ? "monthly" : "daily"), te = d(() => e.numberOfMonths === 0), r = ve({
+      onKeyDown: A,
+      autoFormat: k,
+      formatDate: Q
+    } = Se(), M = b({}), ce = b(null), H = d(() => e.variant === "month" ? "monthly" : "daily"), F = d(() => e.numberOfMonths === 0), r = Me({
       startDate: e.value?.startDate,
       endDate: e.value?.endDate,
       range: e.value?.range,
       ...e.granularities ? {
-        granularity: e.value?.granularity || ae.value
+        granularity: e.value?.granularity || H.value
       } : {}
-    }), F = d(() => (
+    }), z = d(() => (
       // eslint-disable-next-line consistent-return
       e?.quickSelectRanges?.find(({ value: n, data: l }) => {
         if (!l.endDate) {
           if (l.isRelativeToNow) {
             const u = M.value?.[n];
-            return u ? le(u.startDate, r.startDate) && le(u.endDate, r.endDate) : (
+            return u ? ie(u.startDate, r.startDate) && ie(u.endDate, r.endDate) : (
               // If not stored calculated dates, fall back to comparing the quick select item's value
               // with the internal range's stored range identifier.
               n === r.range
             );
           }
-          return le(l.startDate, r.startDate) && $a(r.endDate) && (!e.allowTimeInput || Te(r.endDate, q(r.endDate))) && (e.granularities ? l.granularity === r.granularity : !0);
+          return ie(l.startDate, r.startDate) && Ha(r.endDate) && (!e.allowTimeInput || be(r.endDate, q(r.endDate))) && (e.granularities ? l.granularity === r.granularity : !0);
         }
         if (e.allowTimeInput)
-          return Te(l.startDate, r.startDate) && Te(l.endDate, r.endDate) && (e.granularities ? l.granularity === r.granularity : !0);
+          return be(l.startDate, r.startDate) && be(l.endDate, r.endDate) && (e.granularities ? l.granularity === r.granularity : !0);
         if (l.endDate)
           return w(l.startDate, r.startDate) && w(l.endDate, r.endDate) && (e.granularities ? l.granularity === r.granularity : !0);
       })?.value ?? i
-    )), ge = d(() => [
+    )), ae = d(() => [
       { label: P("customRange"), value: i },
       ...e.quickSelectRanges ? e.quickSelectRanges : []
-    ]), L = d(
+    ]), K = d(
       () => e.granularities?.find(({ type: n }) => n === r.granularity) || null
-    ), he = d(
+    ), G = d(
       () => e.granularities?.map(({ type: n, disabled: l }) => ({
         label: P(n),
         value: n,
         disabled: l
       })) ?? []
-    ), { getGranularCalendarLimits: W } = et(e), J = d(
-      () => e.granularities ? W(L.value) : { min: e.min ? A(e.min) : null, max: e.max ? q(e.max) : null }
-    ), { normalizeRange: de } = Ea(e.firstDayOfWeek), { savedRanges: $, saveRange: ne, resetSavedRanges: Q } = at(), Y = (n) => n ? U(n) : "", H = (n, l = !0) => {
+    ), { getGranularCalendarLimits: te } = nt(e), ne = d(
+      () => e.granularities ? te(K.value) : { min: e.min ? T(e.min) : null, max: e.max ? q(e.max) : null }
+    ), { normalizeRange: re } = xa(e.firstDayOfWeek), { savedRanges: $, saveRange: U, resetSavedRanges: N } = rt(), Y = (n) => n ? Q(n) : "", X = (n, l = !0) => {
       if (!r.startDate || !r.endDate)
         return;
-      const u = de({
+      const u = re({
         startDate: r.startDate,
         endDate: r.endDate,
         fixedEndpoint: n,
-        granularity: L.value,
+        granularity: K.value,
         alignToGranularity: l,
         fallbackMaxRange: e.maxRange,
-        min: J.value.min,
-        max: J.value.max
+        min: ne.value.min,
+        max: ne.value.max
       });
-      le(u.startDate, r.startDate) && le(u.endDate, r.endDate) || (r.startDate = u.startDate, r.endDate = u.endDate, s.startDate = Y(u.startDate), s.endDate = Y(u.endDate));
-    }, R = S(null), g = S(null), ce = d(() => R.value ? P(R.value) : null), K = d(() => g.value ? P(g.value) : null), X = d(
-      () => R.value === "invalidDateFormat" ? null : ce.value
-    ), x = d(() => g.value === "invalidDateFormat" ? null : K.value), b = (n, l, u, h) => {
+      ie(u.startDate, r.startDate) && ie(u.endDate, r.endDate) || (r.startDate = u.startDate, r.endDate = u.endDate, s.startDate = Y(u.startDate), s.endDate = Y(u.endDate));
+    }, g = b(null), R = b(null), Z = d(() => g.value ? P(g.value) : null), j = d(() => R.value ? P(R.value) : null), x = d(
+      () => g.value === "invalidDateFormat" ? null : Z.value
+    ), W = d(() => R.value === "invalidDateFormat" ? null : j.value), _ = (n, l, u, h) => {
       if (!n || !ee(n))
         return "invalidDateFormat";
-      const I = v(n), B = A(I);
-      if (e.min && B < A(e.min) || e.max && B > A(e.max) || e.isDateDisabled && e.isDateDisabled(B))
+      const I = v(n), B = T(I);
+      if (e.min && B < T(e.min) || e.max && B > T(e.max) || e.isDateDisabled && e.isDateDisabled(B))
         return "selectedDateIsNotAvailable";
       if (l) {
-        const we = h ? De(h, 0).getTime() : B.getTime(), Oe = h ? De(l, 0).getTime() : A(l).getTime();
-        if (u === "start" ? we >= Oe : we <= Oe)
+        const Be = h ? he(h, 0).getTime() : B.getTime(), Ce = h ? he(l, 0).getTime() : T(l).getTime();
+        if (u === "start" ? Be >= Ce : Be <= Ce)
           return "startDateMustPrecedeEndDate";
       }
       return null;
-    }, s = ve({
+    }, s = Me({
       startDate: e.dateFormData.startDate,
       endDate: e.dateFormData.endDate,
       startTime: e.dateFormData.startTime,
       endTime: e.dateFormData.endTime
-    }), T = (n, l) => {
+    }), se = (n, l) => {
       const u = () => {
-        if (l && G(l)) {
-          const h = Ge(v(l), n);
-          if (e.min && h < De(e.min, 0) || e.max && h > De(e.max, 0))
+        if (l && S(l)) {
+          const h = Ue(v(l), n);
+          if (e.min && h < he(e.min, 0) || e.max && h > he(e.max, 0))
             return !1;
         }
         return !0;
       };
-      return Ue(n) && u();
-    }, N = d(() => e.variant === "month"), re = (n) => n ? N.value ? Pa(n) : Fa(n) : "", Z = d(() => re(r.startDate)), se = d(() => re(r.endDate)), ye = d(() => f.value ? N.value ? "month" : "date" : "text"), Ie = d(() => f.value ? Z.value : s.startDate), Se = d(() => f.value ? se.value : s.endDate), O = (n, l) => !l || !Ue(l) || e.variant === "month" ? n : Ge(new Date(n), l), Ee = (n) => {
-      s.startTime = E(
-        e.min && e.allowTimeInput && w(e.min, n.startDate) ? e.min : A(n.startDate)
+      return je(n) && u();
+    }, V = d(() => e.variant === "month"), J = (n) => n ? V.value ? wa(n) : Oa(n) : "", oe = d(() => J(r.startDate)), me = d(() => J(r.endDate)), Ee = d(() => f.value ? V.value ? "month" : "date" : "text"), Pe = d(() => f.value ? oe.value : s.startDate), Fe = d(() => f.value ? me.value : s.endDate), O = (n, l) => !l || !je(l) || e.variant === "month" ? n : Ue(new Date(n), l), De = (n, l = !1) => {
+      l || (s.startTime = E(
+        e.min && e.allowTimeInput && w(e.min, n.startDate) ? e.min : T(n.startDate)
       ), s.endTime = E(
         e.max && e.allowTimeInput && w(e.max, n.endDate) ? e.max : q(n.endDate)
-      ), r.startDate = O(n.startDate, s.startTime), r.endDate = O(n.endDate, s.endTime), r.range = null, e.granularities && Q(), t(D.INPUT, {
+      )), r.startDate = O(n.startDate, s.startTime), r.endDate = O(n.endDate, s.endTime), r.range = null, e.granularities && N(), t(D.INPUT, {
         ...r,
-        range: F.value
+        range: z.value
       });
-    }, G = (n) => !!n && !b(n);
-    Je(() => {
-      R.value = e.dateFormData.startDate ? b(e.dateFormData.startDate) : null, g.value = e.dateFormData.endDate ? b(e.dateFormData.endDate) : null;
+    }, xe = (n) => {
+      De(n);
+    }, c = () => {
+      const n = ce.value?.finalizeRangeSelection();
+      n && De(n, !0);
+    }, S = (n) => !!n && !_(n);
+    Ke(() => {
+      g.value = e.dateFormData.startDate ? _(e.dateFormData.startDate) : null, R.value = e.dateFormData.endDate ? _(e.dateFormData.endDate) : null;
     });
-    const Pe = (n) => {
-      s.startDate = Y(n), s.startTime || (s.startTime = E(n)), R.value = null, g.value === "startDateMustPrecedeEndDate" && (g.value = null), t(D.START_DATE_SELECTED, n);
-    }, c = (n) => {
-      s.endDate = Y(n), s.endTime || (s.endTime = E(q(n))), g.value = null, R.value === "startDateMustPrecedeEndDate" && (R.value = null);
-    }, V = (n) => {
+    const pe = (n) => {
+      s.startDate = Y(n), s.startTime || (s.startTime = E(n)), g.value = null, R.value === "startDateMustPrecedeEndDate" && (R.value = null), t(D.START_DATE_SELECTED, n);
+    }, Ze = (n) => {
+      s.endDate = Y(n), s.endTime || (s.endTime = E(q(n))), R.value = null, g.value === "startDateMustPrecedeEndDate" && (g.value = null);
+    }, ve = (n) => {
       const l = e.value?.[n];
       if (l)
         return l;
-      if (e.dateFormData[n] && G(e.dateFormData[n]))
+      if (e.dateFormData[n] && S(e.dateFormData[n]))
         return v(e.dateFormData[n]);
-    }, j = (n, l = !1) => {
-      if (G(n)) {
+    }, fe = (n, l = !1) => {
+      if (S(n)) {
         const u = n;
-        R.value = null, s.startDate = u;
-        const h = A(v(u));
-        r.startDate = O(h, s.startTime), G(s.endDate) && (r.endDate = O(
-          A(v(s.endDate)),
+        g.value = null, s.startDate = u;
+        const h = T(v(u));
+        r.startDate = O(h, s.startTime), S(s.endDate) && (r.endDate = O(
+          T(v(s.endDate)),
           s.endTime
         ));
-        const I = V("endDate"), B = b(
+        const I = ve("endDate"), B = _(
           u,
           e.allowTimeInput ? r.endDate : I,
           "start",
           e.allowTimeInput ? r.startDate : void 0
         );
         if (B) {
-          R.value = B, t(D.ERROR, { ...s });
+          g.value = B, t(D.ERROR, { ...s });
           return;
         }
-        g.value === "startDateMustPrecedeEndDate" && (g.value = null), H("end", l), r.range = null, t(D.FORM_DATE, {
+        R.value === "startDateMustPrecedeEndDate" && (R.value = null), X("end", l), r.range = null, t(D.FORM_DATE, {
           startDate: r.startDate,
           endDate: r.endDate
         }), t(D.INPUT, {
           ...r,
-          range: F.value
+          range: z.value
         });
       } else
-        R.value = b(n), t(D.ERROR, { ...s });
-    }, Fe = Ce(j, a), Ke = (n) => {
-      s.startDate = f.value && N.value ? n : _(n), f.value ? N.value && n ? j(Y(ze(n)), !0) : s.startDate ? j(s.startDate) : R.value = null : Fe(s.startDate);
-    }, me = (n, l = !1) => {
-      if (G(n)) {
+        g.value = _(n), t(D.ERROR, { ...s });
+    }, we = ze(fe, a), ea = (n) => {
+      s.startDate = f.value && V.value ? n : k(n), f.value ? V.value && n ? fe(Y(We(n)), !0) : s.startDate ? fe(s.startDate) : g.value = null : we(s.startDate);
+    }, ge = (n, l = !1) => {
+      if (S(n)) {
         const u = n;
-        g.value = null, s.endDate = u;
-        const h = A(v(u));
-        r.endDate = O(h, s.endTime), G(s.startDate) && (r.startDate = O(
-          A(v(s.startDate)),
+        R.value = null, s.endDate = u;
+        const h = T(v(u));
+        r.endDate = O(h, s.endTime), S(s.startDate) && (r.startDate = O(
+          T(v(s.startDate)),
           s.startTime
         ));
-        const I = V("startDate"), B = b(
+        const I = ve("startDate"), B = _(
           u,
           e.allowTimeInput ? r.startDate : I,
           "end",
           e.allowTimeInput ? r.endDate : void 0
         );
         if (B) {
-          g.value = B, t(D.ERROR, { ...s });
+          R.value = B, t(D.ERROR, { ...s });
           return;
         }
-        R.value === "startDateMustPrecedeEndDate" && (R.value = null), H("start", l), r.range = null, t(D.FORM_DATE, {
+        g.value === "startDateMustPrecedeEndDate" && (g.value = null), X("start", l), r.range = null, t(D.FORM_DATE, {
           startDate: r.startDate,
           endDate: r.endDate
         }), t(D.INPUT, {
           ...r,
-          range: F.value
+          range: z.value
         });
       } else
-        g.value = b(n), t(D.ERROR, { ...s });
-    }, xe = Ce(me, a), Xe = (n) => {
-      s.endDate = f.value && N.value ? n : _(n), f.value ? N.value && n ? me(Y(ze(n)), !0) : s.endDate ? me(s.endDate) : g.value = null : xe(s.endDate);
-    }, Ze = (n) => {
-      k(n);
-    }, ea = () => {
+        R.value = _(n), t(D.ERROR, { ...s });
+    }, Oe = ze(ge, a), aa = (n) => {
+      s.endDate = f.value && V.value ? n : k(n), f.value ? V.value && n ? ge(Y(We(n)), !0) : s.endDate ? ge(s.endDate) : R.value = null : Oe(s.endDate);
+    }, ta = (n) => {
+      A(n);
+    }, na = () => {
       t(D.ERROR, { ...s });
-    }, aa = () => {
+    }, ra = () => {
       const n = s.startTime;
-      if (!T(n, s.startDate)) {
+      if (!se(n, s.startDate)) {
         t(D.ERROR, { ...s });
         return;
       }
       if (r.startDate = O(r.startDate, n), s.startDate && r.endDate) {
-        const u = b(
+        const u = _(
           s.startDate,
           r.endDate,
           "start",
           r.startDate
         );
         if (u) {
-          R.value = u, t(D.ERROR, { ...s });
+          g.value = u, t(D.ERROR, { ...s });
           return;
         }
       }
-      R.value = null, g.value === "startDateMustPrecedeEndDate" && (g.value = null);
-      const l = V("endDate");
+      g.value = null, R.value === "startDateMustPrecedeEndDate" && (R.value = null);
+      const l = ve("endDate");
       t(D.FORM_DATE, {
         startDate: r.startDate,
         endDate: l,
@@ -479,49 +488,49 @@ const tt = {
         endTime: s.endTime ?? e.dateFormData.endTime
       }), t(D.INPUT, {
         ...r,
-        range: F.value
+        range: z.value
       });
-    }, ta = () => {
+    }, sa = () => {
       t(D.ERROR, { ...s });
-    }, na = () => {
+    }, oa = () => {
       const n = s.endTime;
-      if (!T(n, s.endDate)) {
+      if (!se(n, s.endDate)) {
         t(D.ERROR, { ...s });
         return;
       }
       if (r.endDate = O(r.endDate, n), s.endDate && r.startDate) {
-        const l = b(
+        const l = _(
           s.endDate,
           r.startDate,
           "end",
           r.endDate
         );
         if (l) {
-          g.value = l, t(D.ERROR, { ...s });
+          R.value = l, t(D.ERROR, { ...s });
           return;
         }
       }
-      g.value = null, R.value === "startDateMustPrecedeEndDate" && (R.value = null), t(D.FORM_DATE, {
+      R.value = null, g.value === "startDateMustPrecedeEndDate" && (g.value = null), t(D.FORM_DATE, {
         startDate: r.startDate,
         endDate: r.endDate,
         startTime: s.startTime ?? e.dateFormData.startTime,
         endTime: n
       }), t(D.INPUT, {
         ...r,
-        range: F.value
+        range: z.value
       });
-    }, ra = (n) => {
+    }, la = (n) => {
       s.startTime = n;
-    }, sa = (n) => {
+    }, ia = (n) => {
       s.endTime = n;
-    }, Me = (n, l, u, h) => {
+    }, Te = (n, l, u, h) => {
       r.startDate = n, r.endDate = l, u && (r.granularity = u), h && (r.range = h);
-    }, oa = (n) => {
+    }, ua = (n) => {
       const l = e.quickSelectRanges?.find(({ value: u }) => u === n);
       if (l) {
-        Q();
+        N();
         const u = l.data, h = u.endDate || (u.isRelativeToNow ? new Date(Date.now()) : q(new Date(Date.now()))), I = u.isRelativeToNow && u.timeDifference ? new Date(h.getTime() - u.timeDifference) : u.startDate;
-        s.endDate = Y(h), s.startDate = Y(I), Me(I, h, null, n), e.granularities && (r.granularity = u.granularity || ae.value), s.startTime = E(I), s.endTime = E(h), r.startDate = I, r.endDate = h, u.isRelativeToNow && (M.value = {
+        s.endDate = Y(h), s.startDate = Y(I), Te(I, h, null, n), e.granularities && (r.granularity = u.granularity || H.value), s.startTime = E(I), s.endTime = E(h), r.startDate = I, r.endDate = h, u.isRelativeToNow && (M.value = {
           ...M.value,
           [n]: {
             startDate: I,
@@ -534,25 +543,25 @@ const tt = {
           range: l.value
         });
       }
-    }, la = (n) => {
+    }, da = (n) => {
       const l = r.granularity;
-      r.granularity = n, l && ne(l, structuredClone(Ye(r))), r.startDate && r.endDate && ($[n] && Me($[n].startDate, $[n].endDate, n), H("end"), s.startDate = Y(r.startDate), s.endDate = Y(r.endDate), t(D.INPUT, {
+      r.granularity = n, l && U(l, structuredClone(Ae(r))), r.startDate && r.endDate && ($[n] && Te($[n].startDate, $[n].endDate, n), X("end"), s.startDate = Y(r.startDate), s.endDate = Y(r.endDate), t(D.INPUT, {
         ...r,
-        range: F.value
+        range: z.value
       }));
-    }, ia = d(() => ({
-      "b-date-range-picker-calendar__form-container--no-calendars": te.value || f.value
-    })), ua = d(() => {
-      const n = L.value, l = n?.maxRange || e.maxRange;
+    }, ca = d(() => ({
+      "b-date-range-picker-calendar__form-container--no-calendars": F.value || f.value
+    })), ma = d(() => {
+      const n = K.value, l = n?.maxRange || e.maxRange;
       if (!l)
         return null;
       const u = m[n?.type ?? "daily"];
-      return z(u, l, { count: l });
+      return L(u, l, { count: l });
     });
-    return { __sfc: !0, FORM_INPUT_DEBOUNCE_TIME: a, RANGE_SELECTOR_CUSTOM_RANGE_KEY: i, maxRangeMessageKeyMap: m, props: e, emit: t, slots: p, hasSlot: y, t: P, tc: z, isTouchDevice: f, dateFormat: ue, isFormatValid: ee, parseDate: v, onKeyDown: k, autoFormat: _, formatDateUtil: U, calculatedIsRelativeToNowQuickSelectRanges: M, defaultGranularity: ae, hasNoCalendars: te, internalRangeDate: r, selectedRangeSelectorValue: F, quickSelectRangeDefaultItems: ge, selectedGranularity: L, granularityItems: he, getGranularCalendarLimits: W, computedMinMax: J, normalizeRange: de, savedRanges: $, saveRange: ne, resetSavedRanges: Q, formatDate: Y, normalizeInternalRange: H, startDateError: R, endDateError: g, startDateErrorText: ce, endDateErrorText: K, startSharedError: X, endSharedError: x, getDateErrorMessage: b, dateTextInput: s, isValidTime: T, isMonthVariant: N, formatNativeDate: re, nativeStartDate: Z, nativeEndDate: se, dateInputType: ye, startDateValue: Ie, endDateValue: Se, setTimeInDateRef: O, onDateInput: Ee, isValidDate: G, onStartDateSelected: Pe, onEndDateSelected: c, getDate: V, validateStartDate: j, validateStartDateDebounced: Fe, onStartDateInput: Ke, validateEndDate: me, validateEndDateDebounced: xe, onEndDateInput: Xe, onDateInputKeyDown: Ze, onStartTimeError: ea, onStartTimeValid: aa, onEndTimeError: ta, onEndTimeValid: na, onStartTimeInput: ra, onEndTimeInput: sa, setInternalRange: Me, onRangeSelectorInput: oa, onGranularityInput: la, computedFormContainerClasses: ia, maxRangeMessage: ua, Calendar: C, DateTimeInput: Za, BentoAlert: ga, BentoTypography: He, BentoDropdown: ha, BentoSegmentedControl: Ma };
+    return { __sfc: !0, FORM_INPUT_DEBOUNCE_TIME: a, RANGE_SELECTOR_CUSTOM_RANGE_KEY: i, maxRangeMessageKeyMap: m, props: e, emit: t, slots: p, hasSlot: y, t: P, tc: L, isTouchDevice: f, dateFormat: de, isFormatValid: ee, parseDate: v, onKeyDown: A, autoFormat: k, formatDateUtil: Q, calculatedIsRelativeToNowQuickSelectRanges: M, calendarRef: ce, defaultGranularity: H, hasNoCalendars: F, internalRangeDate: r, selectedRangeSelectorValue: z, quickSelectRangeDefaultItems: ae, selectedGranularity: K, granularityItems: G, getGranularCalendarLimits: te, computedMinMax: ne, normalizeRange: re, savedRanges: $, saveRange: U, resetSavedRanges: N, formatDate: Y, normalizeInternalRange: X, startDateError: g, endDateError: R, startDateErrorText: Z, endDateErrorText: j, startSharedError: x, endSharedError: W, getDateErrorMessage: _, dateTextInput: s, isValidTime: se, isMonthVariant: V, formatNativeDate: J, nativeStartDate: oe, nativeEndDate: me, dateInputType: Ee, startDateValue: Pe, endDateValue: Fe, setTimeInDateRef: O, updateSelectedRange: De, onDateInput: xe, finalizeHoveredRange: c, isValidDate: S, onStartDateSelected: pe, onEndDateSelected: Ze, getDate: ve, validateStartDate: fe, validateStartDateDebounced: we, onStartDateInput: ea, validateEndDate: ge, validateEndDateDebounced: Oe, onEndDateInput: aa, onDateInputKeyDown: ta, onStartTimeError: na, onStartTimeValid: ra, onEndTimeError: sa, onEndTimeValid: oa, onStartTimeInput: la, onEndTimeInput: ia, setInternalRange: Te, onRangeSelectorInput: ua, onGranularityInput: da, computedFormContainerClasses: ca, maxRangeMessage: ma, Calendar: C, DateTimeInput: tt, BentoAlert: Ma, BentoTypography: Xe, BentoDropdown: Ra, BentoSegmentedControl: Ya };
   }
 });
-var st = function() {
+var it = function() {
   var t = this, e = t._self._c, a = t._self._setupProxy;
   return e("div", { staticClass: "b-date-range-picker-calendar" }, [e("div", { staticClass: "b-date-range-picker-calendar__form-container", class: a.computedFormContainerClasses, attrs: { "data-testid": "date-range-picker-calendar-form-container" } }, [e("div", { staticClass: "b-date-range-picker-calendar__form" }, [a.hasSlot("title") ? [t._t("title")] : t._e(), t.quickSelectRanges ? e(a.BentoDropdown, { attrs: { "aria-label": a.t("customRange"), items: a.quickSelectRangeDefaultItems, "model-value": a.selectedRangeSelectorValue }, on: { "update:model-value": a.onRangeSelectorInput } }) : t._e(), t.granularities ? e(a.BentoSegmentedControl, { attrs: { items: a.granularityItems, "model-value": a.internalRangeDate.granularity, "full-width": "" }, on: { "update:model-value": a.onGranularityInput } }) : t._e(), a.maxRangeMessage ? e(a.BentoAlert, { attrs: { variant: "tip" }, scopedSlots: t._u([{ key: "description", fn: function() {
     return [t._v(" " + t._s(a.maxRangeMessage) + " ")];
@@ -564,7 +573,7 @@ var st = function() {
   }, "error-message": a.startSharedError, "show-time-input": t.allowTimeInput, "time-model-value": a.dateTextInput.startTime, "time-props": {
     ariaLabel: a.t("timeFrom"),
     errorMessage: a.startSharedError
-  } }, on: { "update:date-model-value": a.onStartDateInput, "date:keydown": a.onDateInputKeyDown, "update:time-model-value": a.onStartTimeInput, "time:error": a.onStartTimeError, "time:valid": a.onStartTimeValid } })], 1), e("div", [e(a.BentoTypography, { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [t._v(" " + t._s(a.t("to")) + " ")]), e(a.DateTimeInput, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "date-model-value": a.endDateValue, "date-props": {
+  } }, on: { click: a.finalizeHoveredRange, "update:date-model-value": a.onStartDateInput, "date:keydown": a.onDateInputKeyDown, "update:time-model-value": a.onStartTimeInput, "time:error": a.onStartTimeError, "time:valid": a.onStartTimeValid } })], 1), e("div", [e(a.BentoTypography, { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [t._v(" " + t._s(a.t("to")) + " ")]), e(a.DateTimeInput, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "date-model-value": a.endDateValue, "date-props": {
     ariaLabel: a.t("dateTo"),
     type: a.dateInputType,
     description: a.isTouchDevice ? void 0 : a.t(a.dateFormat),
@@ -572,16 +581,16 @@ var st = function() {
   }, "error-message": a.endSharedError, "show-time-input": t.allowTimeInput, "time-model-value": a.dateTextInput.endTime, "time-props": {
     ariaLabel: a.t("timeTo"),
     errorMessage: a.endSharedError
-  } }, on: { "update:date-model-value": a.onEndDateInput, "date:keydown": a.onDateInputKeyDown, "update:time-model-value": a.onEndTimeInput, "time:error": a.onEndTimeError, "time:valid": a.onEndTimeValid } })], 1)], 2), a.hasSlot("actions") ? e("div", [t._t("actions")], 2) : t._e()]), !a.hasNoCalendars && !a.isTouchDevice ? e("div", { staticClass: "b-date-range-picker-calendar__calendars-container", attrs: { "data-testid": "date-range-picker-calendar-calendar-container" } }, [e(a.Calendar, { attrs: { value: a.internalRangeDate, "first-day-of-week": t.firstDayOfWeek, "is-date-disabled": t.isDateDisabled, "max-range": t.maxRange, min: a.computedMinMax.min, max: a.computedMinMax.max, "number-of-months": t.numberOfMonths, "show-end-date-on-open": t.showEndDateOnOpen, granularity: a.selectedGranularity, variant: t.variant, "year-range": t.yearRange, "is-range": "" }, on: { input: a.onDateInput, "start-date-selected": a.onStartDateSelected, "end-date-selected": a.onEndDateSelected } })], 1) : t._e()]);
-}, ot = [], lt = /* @__PURE__ */ _e(
-  rt,
-  st,
-  ot,
+  } }, on: { click: a.finalizeHoveredRange, "update:date-model-value": a.onEndDateInput, "date:keydown": a.onDateInputKeyDown, "update:time-model-value": a.onEndTimeInput, "time:error": a.onEndTimeError, "time:valid": a.onEndTimeValid } })], 1)], 2), a.hasSlot("actions") ? e("div", [t._t("actions")], 2) : t._e()]), !a.hasNoCalendars && !a.isTouchDevice ? e("div", { staticClass: "b-date-range-picker-calendar__calendars-container", attrs: { "data-testid": "date-range-picker-calendar-calendar-container" } }, [e(a.Calendar, { ref: "calendarRef", attrs: { value: a.internalRangeDate, "first-day-of-week": t.firstDayOfWeek, "is-date-disabled": t.isDateDisabled, "max-range": t.maxRange, min: a.computedMinMax.min, max: a.computedMinMax.max, "number-of-months": t.numberOfMonths, "show-end-date-on-open": t.showEndDateOnOpen, granularity: a.selectedGranularity, variant: t.variant, "year-range": t.yearRange, "is-range": "" }, on: { input: a.onDateInput, "start-date-selected": a.onStartDateSelected, "end-date-selected": a.onEndDateSelected } })], 1) : t._e()]);
+}, ut = [], dt = /* @__PURE__ */ Ie(
+  lt,
+  it,
+  ut,
   !1,
   null,
-  "942cca9f"
+  "4fb5b376"
 );
-const it = lt.exports, ut = {
+const ct = dt.exports, mt = {
   "de-DE": { apply: "Anwenden", cancel: "Abbrechen", dateRangePicker: "Datumsbereichauswahl {name}", invalidDateFormat: "Ungültiges Datumsformat", quarter: "Q{quarter} {year}", selectDate: "Wählen Sie ein Datum", selectDateRange: "Wählen Sie einen Datumsbereich aus", selectedDateIsNotAvailable: "Ausgewähltes Datum ist nicht verfügbar" },
   "en-GB": { apply: "Apply", cancel: "Cancel", dateRangePicker: "Date range picker {name}", invalidDateFormat: "Invalid date format", quarter: "Q{quarter} {year}", selectDate: "Select a date", selectDateRange: "Select a date range", selectedDateIsNotAvailable: "Selected date is not available" },
   "en-US": { apply: "Apply", cancel: "Cancel", dateRangePicker: "Date range picker {name}", invalidDateFormat: "Invalid date format", quarter: "Q{quarter} {year}", selectDate: "Select a date", selectDateRange: "Select a date range", selectedDateIsNotAvailable: "Selected date is not available" },
@@ -593,7 +602,7 @@ const it = lt.exports, ut = {
   "ja-JP": { apply: "適用", cancel: "キャンセル", dateRangePicker: "日付範囲ピッカー {name}", invalidDateFormat: "無効な日付形式", quarter: "{year}年第{quarter}四半期", selectDate: "日付を選択", selectDateRange: "日付範囲を選択", selectedDateIsNotAvailable: "選択した日付は利用できません" },
   "pt-BR": { apply: "Aplicar", cancel: "Cancelar", dateRangePicker: "Seletor de intervalo de datas {name}", invalidDateFormat: "Formato de data inválido", quarter: "{quarter}º trimestre de {year}", selectDate: "Selecione uma data", selectDateRange: "Selecione um intervalo de datas", selectedDateIsNotAvailable: "A data selecionada não está disponível" },
   "zh-CN": { apply: "应用", cancel: "取消", dateRangePicker: "日期范围选择器 {name}", invalidDateFormat: "日期格式无效", quarter: "{year} {quarter} 季度", selectDate: "选择日期", selectDateRange: "选择日期范围", selectedDateIsNotAvailable: "所选日期不可用" }
-}, dt = ({
+}, Dt = ({
   datePickerValue: o,
   isDateIncorrect: t,
   quickSelectRanges: e,
@@ -601,13 +610,13 @@ const it = lt.exports, ut = {
   withTimeInput: i,
   placeholder: m
 }) => {
-  const { locale: p, t: y } = Ae(), { dateToInputDateString: P } = ke(), z = (v) => !!v && !isNaN(v.getTime()), f = ve({
+  const { locale: p, t: y } = _e(), { dateToInputDateString: P } = Se(), L = (v) => !!v && !isNaN(v.getTime()), f = Me({
     startDate: null,
     endDate: null,
     startTime: null,
     endTime: null
   });
-  return pe(
+  return ye(
     o,
     (v) => {
       f.startDate = P(v?.startDate), f.endDate = P(v?.endDate), f.startTime = E(v?.startDate), f.endTime = E(v?.endDate);
@@ -621,18 +630,18 @@ const it = lt.exports, ut = {
       if (!o.value || !o.value.startDate && !o.value.endDate)
         return m?.value || y("selectDateRange");
       if (e.value?.length) {
-        const k = e.value.find(({ value: _ }) => _ === o.value?.range);
-        if (k)
-          return k.label;
+        const A = e.value.find(({ value: k }) => k === o.value?.range);
+        if (A)
+          return A.label;
       }
       if (o.value.granularity === "quarterly") {
-        const { startDate: k, endDate: _ } = o.value, U = y("quarter", { quarter: Le(k), year: $e(k) });
-        if (Ua(k, _))
-          return U;
-        const M = y("quarter", { quarter: Le(_), year: $e(_) });
-        return `${U} - ${M}`;
+        const { startDate: A, endDate: k } = o.value, Q = y("quarter", { quarter: Qe(A), year: Je(A) });
+        if (Ja(A, k))
+          return Q;
+        const M = y("quarter", { quarter: Qe(k), year: Je(k) });
+        return `${Q} - ${M}`;
       }
-      if (!z(o.value.startDate) || !z(o.value.endDate))
+      if (!L(o.value.startDate) || !L(o.value.endDate))
         return `${f.startDate || ""} - ${f.endDate || ""}`;
       let v = a?.value ? { month: "long", year: "numeric" } : { month: "short", day: "2-digit", year: "numeric" };
       return i.value && (v = {
@@ -641,7 +650,7 @@ const it = lt.exports, ut = {
         minute: "numeric",
         second: "numeric",
         hour12: !1
-      }), xa(p.value, v).formatRange(
+      }), Ba(p.value, v).formatRange(
         o.value.startDate,
         o.value.endDate
       );
@@ -650,12 +659,12 @@ const it = lt.exports, ut = {
     // Methods
     formatTextInputDisplayValue: () => ""
   };
-}, ct = {
-  i18n: { messages: ut },
+}, pt = {
+  i18n: { messages: mt },
   name: "bento-date-range-picker",
   model: { prop: "modelValue" }
-}, mt = /* @__PURE__ */ be({
-  ...ct,
+}, vt = /* @__PURE__ */ ke({
+  ...pt,
   props: {
     description: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
@@ -684,7 +693,7 @@ const it = lt.exports, ut = {
   },
   emits: ["update:model-value", "input"],
   setup(o, { emit: t }) {
-    const e = o, a = ca(), { t: i } = Ae(), { dateToInputDateString: m } = ke(), p = oe("bento-date-range-picker-container"), y = oe("bento-date-range-picker-label"), P = oe("bento-date-range-picker-description"), z = oe("bento-date-range-picker-error"), f = oe("bento-date-range-picker-date-error"), ue = d(() => e.label || i("dateRangePicker", { name: p })), { resolvedFirstDayOfWeek: ee } = Ta(Re(e, "firstDayOfWeek")), v = ma({
+    const e = o, a = pa(), { t: i } = _e(), { dateToInputDateString: m } = Se(), p = le("bento-date-range-picker-container"), y = le("bento-date-range-picker-label"), P = le("bento-date-range-picker-description"), L = le("bento-date-range-picker-error"), f = le("bento-date-range-picker-date-error"), de = d(() => e.label || i("dateRangePicker", { name: p })), { resolvedFirstDayOfWeek: ee } = Aa(Ye(e, "firstDayOfWeek")), v = va({
       none: 0,
       one: 710,
       // width of date range picker with one panes
@@ -692,124 +701,124 @@ const it = lt.exports, ut = {
       // width of date range picker with two panes
       three: 1290
       // width of date range picker with three panes
-    }), k = d(() => {
-      const c = v.active().value, V = {
+    }), A = d(() => {
+      const c = v.active().value, S = {
         none: 0,
         one: 1,
         two: 2
       };
-      if (c in V) {
-        const j = V[c];
-        return e.numberOfMonths === void 0 ? j : Math.min(e.numberOfMonths, j);
+      if (c in S) {
+        const pe = S[c];
+        return e.numberOfMonths === void 0 ? pe : Math.min(e.numberOfMonths, pe);
       }
       return e.numberOfMonths;
-    }), _ = d(() => e?.quickSelectRanges && e.quickSelectRanges.map((c) => {
-      const V = c.data.endDate ? void 0 : new Date(Date.now()).getTime() - c.data.startDate.getTime();
+    }), k = d(() => e?.quickSelectRanges && e.quickSelectRanges.map((c) => {
+      const S = c.data.endDate ? void 0 : new Date(Date.now()).getTime() - c.data.startDate.getTime();
       return {
         ...c,
         data: {
           ...c.data,
           // Adding timeDifference to calculate an up-to-date endDate on range selection
-          timeDifference: V
+          timeDifference: S
         }
       };
-    })), U = d(() => e.label ? y : a?.["aria-labelledby"] ?? null), M = S(!1), ae = S(null), te = S(null), r = S(!1), { width: F } = Da(te), { isReadOnly: ge } = Va(Re(e, "readonly")), { emitValue: L } = za(t);
-    pe(
+    })), Q = d(() => e.label ? y : a?.["aria-labelledby"] ?? null), M = b(!1), ce = b(null), H = b(null), F = b(!1), { width: r } = fa(H), { isReadOnly: z } = Wa(Ye(e, "readonly")), { emitValue: ae } = Qa(t);
+    ye(
       () => e.disabled,
       () => {
-        e.disabled && r.value && (r.value = !1);
+        e.disabled && F.value && (F.value = !1);
       }
     );
-    const he = d(
-      () => k.value === 0 && F.value > 0 && F.value < 332
+    const K = d(
+      () => A.value === 0 && r.value > 0 && r.value < 332
       // size of date range picker form
-    ), W = d(() => e.modelValue || e.value), J = d(() => e.hasActions ? !b.value && M.value : M.value), de = d(() => ({
-      "b-date-range-picker__description--error": !!e.errorMessage || J.value
-    })), $ = d(() => e.variant === "month"), ne = d(() => e.allowTimeInput && e.variant !== "month"), { dateDisplayValue: Q, textInputDisplayValue: Y, formatTextInputDisplayValue: H } = dt({
-      datePickerValue: W,
+    ), G = d(() => e.modelValue || e.value), te = d(() => e.hasActions ? !W.value && M.value : M.value), ne = d(() => ({
+      "b-date-range-picker__description--error": !!e.errorMessage || te.value
+    })), re = d(() => e.variant === "month"), $ = d(() => e.allowTimeInput && e.variant !== "month"), { dateDisplayValue: U, textInputDisplayValue: N, formatTextInputDisplayValue: Y } = Dt({
+      datePickerValue: G,
       isDateIncorrect: M,
-      quickSelectRanges: _,
-      isMonthVariant: $,
-      withTimeInput: ne,
-      placeholder: Re(e, "placeholder")
-    }), R = d(
-      () => `${e.description ? P : ""} ${e.errorMessage ? z : ""} ${M.value ? f : ""}`.trim() || null
+      quickSelectRanges: k,
+      isMonthVariant: re,
+      withTimeInput: $,
+      placeholder: Ye(e, "placeholder")
+    }), X = d(
+      () => `${e.description ? P : ""} ${e.errorMessage ? L : ""} ${M.value ? f : ""}`.trim() || null
     ), g = () => {
-      r.value = !1;
-    }, ce = () => {
-      r.value = !0;
-    }, K = S(Q.value), X = S(
+      F.value = !1;
+    }, R = () => {
+      F.value = !0;
+    }, Z = b(U.value), j = b(
       // textInputDisplayValue is a reactive object
-      structuredClone(Ye(Y))
-    ), x = S(e.modelValue ?? e.value), b = S(!0), s = d(
-      () => e.hasActions ? x.value : W.value
-    ), T = S(
-      e.hasActions ? X.value : Y
-    ), N = d(
-      () => e.hasActions ? K.value : Q.value
-    ), re = {
+      structuredClone(Ae(N))
+    ), x = b(e.modelValue ?? e.value), W = b(!0), _ = d(
+      () => e.hasActions ? x.value : G.value
+    ), s = b(
+      e.hasActions ? j.value : N
+    ), se = d(
+      () => e.hasActions ? Z.value : U.value
+    ), V = {
       allowOutsideClick: !0
     };
-    Je(() => {
-      if (e.hasActions || Be(
+    Ke(() => {
+      if (e.hasActions || qe(
         'BentoDateRangePicker "hasActions" property',
         `Set the BentoDateRangePicker "hasActions" property true which will display the "Apply" and "Cancel" buttons.
                         This will be the default behavior in the v2 and "hasActions" will be removed.`,
         "2.0.0"
-      ), e.value && Be(
+      ), e.value && qe(
         'BentoDateRangePicker "value" property',
         'The use of "value" prop in "BentoDateRangePicker" is no longer supported. Use the "v-model" or "model-value" property instead.',
         "2.0.0"
       ), e.granularities && e.variant !== "month" && e.granularities.find(({ type: c }) => c === "quarterly"))
         throw new Error('Quarterly granularity is only supported by BentoDateRangePicker with variant: "month"');
     });
-    const Z = () => {
-      K.value = Q.value, X.value = structuredClone(Ye(Y)), T.value = e.hasActions ? X.value : Y, x.value = W.value;
+    const J = () => {
+      Z.value = U.value, j.value = structuredClone(Ae(N)), s.value = e.hasActions ? j.value : N, x.value = G.value;
     };
-    pe([() => e.value, () => e.modelValue], () => {
-      Z();
+    ye([() => e.value, () => e.modelValue], () => {
+      J();
     });
-    const se = () => {
-      Z(), M.value = !1, b.value = !0, g();
-    }, ye = d(() => [
+    const oe = () => {
+      J(), M.value = !1, W.value = !0, g();
+    }, me = d(() => [
       {
         title: i("apply"),
         event: () => {
-          L(x.value), g(), b.value = !0;
+          ae(x.value), g(), W.value = !0;
         },
-        disabled: b.value
+        disabled: W.value
       },
       {
         title: i("cancel"),
-        event: se
+        event: oe
       }
     ]);
-    return pe(x, (c) => {
+    return ye(x, (c) => {
       if (e.hasActions) {
-        b.value = M.value || c === W.value;
+        W.value = M.value || c === G.value;
         return;
       }
-      L(c);
-    }), { __sfc: !0, emit: t, props: e, attrs: a, t: i, dateToInputDateString: m, datePickerContainerId: p, labelId: y, descriptionId: P, errorId: z, dateErrorId: f, popoverAriaLabel: ue, resolvedFirstDayOfWeek: ee, breakpoints: v, computedNumberOfMonths: k, adjustedQuickSelectRanges: _, dropdownInputAriaLabelledBy: U, isDateIncorrect: M, inputContainerRef: ae, inputWrapperRef: te, isDateRangePickerOpen: r, inputWrapperWidth: F, isReadOnly: ge, emitValue: L, shouldMatchPopoverWidth: he, internalModelValue: W, shouldDisplayError: J, descriptionConditionalClasses: de, isMonthVariant: $, withTimeInput: ne, dateDisplayValue: Q, textInputDisplayValue: Y, formatTextInputDisplayValue: H, ariaDescribedBy: R, closeDateRangePicker: g, openDateRangePicker: ce, localDateDisplayValue: K, localTextInputDisplayValue: X, selectedDate: x, isApplyDisabled: b, dateRangePickerCalendarValue: s, displayedTextInputValue: T, displayedDateValue: N, trapAllOptions: re, syncLocalDisplayStateFromCommittedValue: Z, cancelDateRangePicker: se, rangePickerButtonActions: ye, onDateRangePickerInput: (c) => {
-      M.value = !1, T.value.startDate = m(c.startDate), T.value.endDate = m(c.endDate), T.value.startTime = E(c.startDate), T.value.endTime = E(c.endDate), x.value = c;
+      ae(c);
+    }), { __sfc: !0, emit: t, props: e, attrs: a, t: i, dateToInputDateString: m, datePickerContainerId: p, labelId: y, descriptionId: P, errorId: L, dateErrorId: f, popoverAriaLabel: de, resolvedFirstDayOfWeek: ee, breakpoints: v, computedNumberOfMonths: A, adjustedQuickSelectRanges: k, dropdownInputAriaLabelledBy: Q, isDateIncorrect: M, inputContainerRef: ce, inputWrapperRef: H, isDateRangePickerOpen: F, inputWrapperWidth: r, isReadOnly: z, emitValue: ae, shouldMatchPopoverWidth: K, internalModelValue: G, shouldDisplayError: te, descriptionConditionalClasses: ne, isMonthVariant: re, withTimeInput: $, dateDisplayValue: U, textInputDisplayValue: N, formatTextInputDisplayValue: Y, ariaDescribedBy: X, closeDateRangePicker: g, openDateRangePicker: R, localDateDisplayValue: Z, localTextInputDisplayValue: j, selectedDate: x, isApplyDisabled: W, dateRangePickerCalendarValue: _, displayedTextInputValue: s, displayedDateValue: se, trapAllOptions: V, syncLocalDisplayStateFromCommittedValue: J, cancelDateRangePicker: oe, rangePickerButtonActions: me, onDateRangePickerInput: (c) => {
+      M.value = !1, s.value.startDate = m(c.startDate), s.value.endDate = m(c.endDate), s.value.startTime = E(c.startDate), s.value.endTime = E(c.endDate), x.value = c;
     }, clearDateRangePickerValue: async () => {
       M.value && (M.value = !1), x.value = null;
     }, onEnterPressedOverInput: () => {
-      if (!r.value) {
-        r.value = !0;
+      if (!F.value) {
+        F.value = !0;
         return;
       }
-      M.value || (r.value = !1);
+      M.value || (F.value = !1);
     }, onDateRangePickerFormDateInputUpdate: (c) => {
-      M.value = !1, c.startTime && (T.value.startTime = c.startTime), c.endTime && (T.value.endTime = c.endTime);
+      M.value = !1, c.startTime && (s.value.startTime = c.startTime), c.endTime && (s.value.endTime = c.endTime);
     }, onDateRangePickerError: (c) => {
-      M.value = !0, T.value.startDate = c.startDate, T.value.endDate = c.endDate, x.value = { startDate: null, endDate: null };
+      M.value = !0, s.value.startDate = c.startDate, s.value.endDate = c.endDate, x.value = { startDate: null, endDate: null };
     }, onRangeSelectorInput: (c) => {
-      c && (T.value.startDate = m(c.startDate), T.value.endDate = m(c.endDate), T.value.startTime = E(c.startDate), T.value.endTime = E(c.endDate), x.value = c);
-    }, BentoButtonActions: fa, BentoButtonActionsLayout: Ga, BentoDivider: pa, BentoPopover: va, BentoTypography: He, DateRangePickerCalendar: it, DropdownInputDefault: ya, ErrorMessage: Qa, FieldLabel: Wa, vBentoClickOutsideDirective: La };
+      c && (s.value.startDate = m(c.startDate), s.value.endDate = m(c.endDate), s.value.startTime = E(c.startDate), s.value.endTime = E(c.endDate), x.value = c);
+    }, BentoButtonActions: ya, BentoButtonActionsLayout: ja, BentoDivider: ga, BentoPopover: ha, BentoTypography: Xe, DateRangePickerCalendar: ct, DropdownInputDefault: Ta, ErrorMessage: Ua, FieldLabel: $a, vBentoClickOutsideDirective: Ga };
   }
 });
-var Dt = function() {
+var ft = function() {
   var t = this, e = t._self._c, a = t._self._setupProxy;
   return e("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: a.closeDateRangePicker, expression: "closeDateRangePicker" }], staticClass: "b-date-range-picker" }, [t.label ? e(a.FieldLabel, { attrs: { id: a.labelId, label: t.label, "tooltip-text": t.tooltipText, optional: t.optional, required: t.required } }) : t._e(), e("div", { ref: "inputWrapperRef", on: { keydown: function(i) {
     return !i.type.indexOf("key") && t._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : a.onEnterPressedOverInput.apply(null, arguments);
@@ -818,19 +827,19 @@ var Dt = function() {
   } } }, [e(a.DateRangePickerCalendar, { attrs: { "allow-time-input": a.withTimeInput, "quick-select-ranges": a.adjustedQuickSelectRanges, value: a.dateRangePickerCalendarValue, "first-day-of-week": a.resolvedFirstDayOfWeek, granularities: t.granularities, "is-date-disabled": t.isDateDisabled, "max-range": t.maxRange, min: t.min, max: t.max, "number-of-months": a.computedNumberOfMonths, "show-end-date-on-open": t.showEndDateOnOpen, "date-form-data": a.displayedTextInputValue, variant: t.variant, "year-range": t.yearRange }, on: { "custom-range": a.onRangeSelectorInput, input: a.onDateRangePickerInput, error: a.onDateRangePickerError, "form-date": a.onDateRangePickerFormDateInputUpdate }, scopedSlots: t._u([t.hasActions ? { key: "actions", fn: function() {
     return [e(a.BentoDivider), e("div", { staticClass: "b-date-range-picker__footer" }, [e(a.BentoButtonActions, { attrs: { actions: a.rangePickerButtonActions, layout: a.BentoButtonActionsLayout.SPACE_BETWEEN } })], 1)];
   }, proxy: !0 } : null], null, !0) })], 1) : t._e()], 1);
-}, pt = [], vt = /* @__PURE__ */ _e(
-  mt,
-  Dt,
-  pt,
+}, gt = [], ht = /* @__PURE__ */ Ie(
+  vt,
+  ft,
+  gt,
   !1,
   null,
   "de510695"
 );
-const $t = vt.exports;
+const Ht = ht.exports;
 export {
-  $t as B,
-  it as D,
-  $a as a,
-  le as i
+  Ht as B,
+  ct as D,
+  Ha as a,
+  ie as i
 };
-//# sourceMappingURL=date-range-picker.BK1Fe9dv.js.map
+//# sourceMappingURL=date-range-picker.DcG3KxuF.js.map