@adyen/bento-vue3 1.108.2 → 1.108.3

package/dist/chunks/{date-range-picker.CFjZwUb_.js → date-range-picker.BU9R2jNa.js}

@@ -1,64 +1,64 @@
-import { defineComponent as ze, computed as m, openBlock as w, createBlock as _, unref as u, withCtx as X, createVNode as L, mergeProps as je, createCommentVNode as I, reactive as Ye, useSlots as Ea, ref as F, onMounted as ma, createElementBlock as Me, createElementVNode as re, normalizeClass as Da, renderSlot as Je, createTextVNode as ye, toDisplayString as Te, toRaw as Ne, watch as Re, useAttrs as Fa, toRef as qe, withDirectives as Ia, withKeys as He, createSlots as Pa } from "vue";
-import { d as Oa, h as xa } from "./index.DkAcVBvr.js";
-import { B as qa } from "./divider.BlxQCxkM.js";
-import { h as Ba, B as Na } from "./button-actions.iIMUk8Vx.js";
-import { B as Ve, d as Ke } from "./typography.wIM07Hbl.js";
+import { defineComponent as Ve, computed as m, openBlock as w, createBlock as L, unref as u, withCtx as Z, createVNode as _, mergeProps as Je, createCommentVNode as O, reactive as ke, useSlots as Pa, ref as F, onMounted as Da, createElementBlock as Re, createElementVNode as oe, normalizeClass as va, renderSlot as He, createTextVNode as Ye, toDisplayString as be, toRaw as Ce, watch as Ae, useAttrs as Oa, toRef as Be, withDirectives as qa, withKeys as Ke, createSlots as xa } from "vue";
+import { d as Ba, h as Na } from "./index.DkAcVBvr.js";
+import { B as Ca } from "./divider.BlxQCxkM.js";
+import { h as za, B as Va } from "./button-actions.iIMUk8Vx.js";
+import { B as ze, d as Xe } from "./typography.wIM07Hbl.js";
+import { B as La, g as Ze, D as _a } from "./dropdown.DIuBwxF-.js";
 import { g as me } from "./generate-uid.DBWe4g6T.js";
-import { u as Ce } from "./index.B875RXHM.js";
-import { j as ve, k as q, s as S, l as Va, m as Xe, n as za, f as Ze, o as Ca, q as _a, r as La, t as ea, u as Ua, b as C, v as Qa, h as Wa, i as Ga, e as P, w as aa, x as ta, g as $a } from "./calendar.BHBrXP7_.js";
-import { u as _e, a as ja } from "./use-date-input-formatter.BWGtdqki.js";
-import { t as be, n as Ja, c as Ha } from "./en-US.BR6y7foR.js";
-import { u as Ka } from "./use-form-layout-loading.CWbjZiwP.js";
-import { B as Xa } from "./directive.D1-d-C2K.js";
-import { u as Za } from "./form-field.D_2g7vaP.js";
-import { B as et, g as na, D as at } from "./dropdown.ByQDIs7p.js";
-import { B as tt } from "./alert.cqiNVGbY.js";
-import { B as nt } from "./segmented-control.Cn3imrj5.js";
-import { u as rt } from "./use-has-slot.CyMiImRQ.js";
-import { u as st } from "./use-touch-device.DTqFAbXh.js";
-import { e as U, a as ra } from "./differenceInMonths.yz4Dfe-b.js";
-import { s as sa } from "./startOfWeek.muMEhS7U.js";
-import { c as ot } from "./constructNow.DyOJDyZZ.js";
-import { a as he, s as oa } from "./set-time-in-date.9-8WOiMT.js";
-import { B as lt, i as la } from "./input-time.U4n485N0.js";
-import { B as it } from "./input-field.CG5dopgq.js";
-import { B as ut } from "./form-layout-group.DWvmX49g.js";
-import { _ as va } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { F as dt } from "./field-label.B3HF2C1r.js";
-import { E as ia } from "./error-message.ROkM72Gh.js";
-import { B as ct } from "./button-actions.types.BptAXjD8.js";
+import { u as Le } from "./index.B875RXHM.js";
+import { j as ve, k as B, s as S, l as Ua, m as ea, n as Qa, f as aa, o as Wa, q as $a, r as Ga, t as ta, u as ja, b as V, v as Ja, h as Ha, i as Ka, e as q, w as na, x as ra, g as Xa } from "./calendar.BZBxMz2J.js";
+import { u as _e, a as Za } from "./use-date-input-formatter.BOgLVtWE.js";
+import { t as Se, n as et, c as at } from "./en-US.BR6y7foR.js";
+import { u as tt } from "./use-form-layout-loading.CWbjZiwP.js";
+import { B as nt } from "./directive.D1-d-C2K.js";
+import { u as rt } from "./form-field.D_2g7vaP.js";
+import { B as st } from "./alert.cqiNVGbY.js";
+import { B as ot } from "./segmented-control.Cn3imrj5.js";
+import { u as lt } from "./use-has-slot.CyMiImRQ.js";
+import { u as it } from "./use-touch-device.DTqFAbXh.js";
+import { e as U, a as sa } from "./differenceInMonths.yz4Dfe-b.js";
+import { s as oa } from "./startOfWeek.muMEhS7U.js";
+import { c as ut } from "./constructNow.DyOJDyZZ.js";
+import { a as Te, s as la } from "./set-time-in-date.9-8WOiMT.js";
+import { B as dt, i as ia } from "./input-time.DT_ivIBv.js";
+import { B as ct } from "./input-field.CuZNoZOd.js";
+import { B as mt } from "./form-layout-group.DWvmX49g.js";
+import { _ as pa } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { F as Dt } from "./field-label.B3HF2C1r.js";
+import { E as ua } from "./error-message.ROkM72Gh.js";
+import { B as vt } from "./button-actions.types.BptAXjD8.js";
 import "../assets/date-range-picker.css";
-function ua(r, v) {
-  return be(r, v?.in).getFullYear();
+function da(r, v) {
+  return Se(r, v?.in).getFullYear();
 }
 function De(r, v) {
-  return +be(r) == +be(v);
+  return +Se(r) == +Se(v);
 }
-function mt(r, v, y) {
-  const [i, c] = Ja(
-    y?.in,
+function pt(r, v, T) {
+  const [i, c] = et(
+    T?.in,
     r,
     v
   );
   return +ve(i) == +ve(c);
 }
-function da(r, v) {
-  const y = be(r, v?.in);
-  return y.setMilliseconds(0), y;
+function ca(r, v) {
+  const T = Se(r, v?.in);
+  return T.setMilliseconds(0), T;
 }
-function Be(r, v) {
-  return +da(r) == +da(v);
+function Ne(r, v) {
+  return +ca(r) == +ca(v);
 }
-function Dt(r, v) {
-  return q(
-    Ha(r, r),
-    ot(r)
+function ft(r, v) {
+  return B(
+    at(r, r),
+    ut(r)
   );
 }
-const vt = {
+const gt = {
   name: "date-time-input"
-}, ca = /* @__PURE__ */ ze({
-  ...vt,
+}, ma = /* @__PURE__ */ Ve({
+  ...gt,
   props: {
     dateModelValue: { default: "" },
     dateProps: { default: () => ({}) },
@@ -67,69 +67,71 @@ const vt = {
     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(r) {
-    const v = r, y = m(() => ({
+    const v = r, T = m(() => ({
       errorMessage: v.errorMessage,
       ...v.dateProps
     })), i = m(() => ({
       errorMessage: v.errorMessage,
       ...v.timeProps
     }));
-    return (c, e) => (w(), _(u(ut), {
+    return (c, e) => (w(), L(u(mt), {
       layout: c.showTimeInput ? "50-50" : "100",
       "error-message": c.errorMessage
     }, {
-      default: X(() => [
-        L(u(it), je(y.value, {
+      default: Z(() => [
+        _(u(ct), Je(T.value, {
           "model-value": c.dateModelValue,
-          "onUpdate:modelValue": e[0] || (e[0] = (s) => c.$emit("update:date-model-value", s)),
-          onKeydown: e[1] || (e[1] = (s) => c.$emit("date:keydown", s))
+          onClick: e[0] || (e[0] = (s) => c.$emit("click")),
+          "onUpdate:modelValue": e[1] || (e[1] = (s) => c.$emit("update:date-model-value", s)),
+          onKeydown: e[2] || (e[2] = (s) => c.$emit("date:keydown", s))
         }), null, 16, ["model-value"]),
-        c.showTimeInput ? (w(), _(u(lt), je({ key: 0 }, i.value, {
+        c.showTimeInput ? (w(), L(u(dt), Je({ key: 0 }, i.value, {
           "model-value": c.timeModelValue,
-          "onUpdate:modelValue": e[2] || (e[2] = (s) => c.$emit("update:time-model-value", s)),
-          "onInput:error": e[3] || (e[3] = (s) => c.$emit("time:error")),
-          "onInput:valid": e[4] || (e[4] = (s) => c.$emit("time:valid"))
-        }), null, 16, ["model-value"])) : I("", !0)
+          onClick: e[3] || (e[3] = (s) => c.$emit("click")),
+          "onUpdate:modelValue": e[4] || (e[4] = (s) => c.$emit("update:time-model-value", s)),
+          "onInput:error": e[5] || (e[5] = (s) => c.$emit("time:error")),
+          "onInput:valid": e[6] || (e[6] = (s) => c.$emit("time:valid"))
+        }), null, 16, ["model-value"])) : O("", !0)
       ]),
       _: 1
     }, 8, ["layout", "error-message"]));
   }
-}), pt = ({
+}), Mt = ({
   firstDayOfWeek: r,
   min: v,
-  max: y
+  max: T
 }) => ({ getGranularCalendarLimits: (c) => {
-  if (!v && !y)
+  if (!v && !T)
     return { min: null, max: null };
-  let e = v ? S(v) : null, s = y ? U(y) : null;
+  let e = v ? S(v) : null, s = T ? U(T) : null;
   if (c?.type === "weekly") {
     if (c.earliest)
       e = S(c.earliest);
     else if (e) {
-      const f = sa(e, { weekStartsOn: r });
-      q(e, f) || (e = S(Va(Xe(e, { weekStartsOn: r }), 1)));
+      const f = oa(e, { weekStartsOn: r });
+      B(e, f) || (e = S(Ua(ea(e, { weekStartsOn: r }), 1)));
     }
     if (c.latest)
       s = U(c.latest);
     else if (s) {
-      const f = Xe(s, { weekStartsOn: r });
-      q(s, f) || (s = U(za(sa(s, { weekStartsOn: r }), 1)));
+      const f = ea(s, { weekStartsOn: r });
+      B(s, f) || (s = U(Qa(oa(s, { weekStartsOn: r }), 1)));
     }
   }
   if (c?.type === "monthly") {
     if (c.earliest)
       e = S(c.earliest);
     else if (e) {
-      const f = Ze(e);
-      q(e, f) || (e = Ze(Ca(e, 1)));
+      const f = aa(e);
+      B(e, f) || (e = aa(Wa(e, 1)));
     }
     if (c.latest)
       s = U(c.latest);
     else if (s) {
-      const f = ra(s);
-      q(s, f) || (s = ra(_a(s, 1)));
+      const f = sa(s);
+      B(s, f) || (s = sa($a(s, 1)));
     }
   }
   if (c?.type === "quarterly") {
@@ -137,18 +139,18 @@ const vt = {
       e = ve(c.earliest);
     else if (e) {
       const f = ve(e);
-      q(e, f) || (e = ve(La(e, 1)));
+      B(e, f) || (e = ve(Ga(e, 1)));
     }
     if (c.latest)
       s = U(c.latest);
     else if (s) {
-      const f = ea(s);
-      q(s, f) || (s = ea(Ua(s, 1)));
+      const f = ta(s);
+      B(s, f) || (s = ta(ja(s, 1)));
     }
   }
   return { min: e, max: s };
-} }), ft = () => {
-  const r = Ye({
+} }), ht = () => {
+  const r = ke({
     daily: null,
     weekly: null,
     monthly: null,
@@ -165,7 +167,7 @@ const vt = {
   };
 };
 var D = /* @__PURE__ */ ((r) => (r.CUSTOM_RANGE = "custom-range", r.INPUT = "input", r.ERROR = "error", r.FORM_DATE = "form-date", r.START_DATE_SELECTED = "start-date-selected", r))(D || {});
-const pa = {
+const fa = {
   "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" },
@@ -177,15 +179,15 @@ const pa = {
   "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: "每周" }
-}, gt = { class: "b-date-range-picker-calendar" }, ht = { class: "b-date-range-picker-calendar__form" }, Mt = { key: 0 }, yt = {
+}, yt = { class: "b-date-range-picker-calendar" }, Tt = { class: "b-date-range-picker-calendar__form" }, Rt = { key: 0 }, Yt = {
   key: 0,
   class: "b-date-range-picker-calendar__calendars-container",
   "data-testid": "date-range-picker-calendar-calendar-container"
-}, Tt = {
+}, bt = {
   name: "date-range-picker-calendar",
-  i18n: { messages: pa }
-}, Rt = /* @__PURE__ */ ze({
-  ...Tt,
+  i18n: { messages: fa }
+}, At = /* @__PURE__ */ Ve({
+  ...bt,
   props: {
     /**
      * Allows user to enter time values in the form
@@ -201,7 +203,7 @@ const pa = {
     /**
      * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: C.props.firstDayOfWeek,
+    firstDayOfWeek: V.props.firstDayOfWeek,
     /**
      * A list of available granularities.
      * If present, the date picker will display a segmented control to change granularity.
@@ -213,25 +215,25 @@ const pa = {
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: C.props.isDateDisabled,
+    isDateDisabled: V.props.isDateDisabled,
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
-    maxRange: C.props.maxRange,
+    maxRange: V.props.maxRange,
     /**
      * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
      */
-    min: C.props.min,
+    min: V.props.min,
     /**
      * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
      */
-    max: C.props.max,
+    max: V.props.max,
     /**
      * Number of months rendered on pane
      */
     numberOfMonths: {
-      type: C.props.numberOfMonths.type,
-      default: C.props.numberOfMonths.default,
+      type: V.props.numberOfMonths.type,
+      default: V.props.numberOfMonths.default,
       validator: (r) => r >= 0
     },
     /**
@@ -256,11 +258,11 @@ const pa = {
     /**
      * The type of calendar to display. Defaults to showing days.
      */
-    variant: C.props.variant,
+    variant: V.props.variant,
     /**
      * Range of years to be selectable from the year dropdown
      */
-    yearRange: C.props.yearRange
+    yearRange: V.props.yearRange
   },
   emits: [
     D.CUSTOM_RANGE,
@@ -275,160 +277,165 @@ const pa = {
       weekly: "maxRangeWeeks",
       monthly: "maxRangeMonths",
       quarterly: "maxRangeQuarters"
-    }, e = r, s = v, f = Ea(), Q = rt(f), { t: h, tc: k } = Ce({ messages: pa }), { isTouchDevice: Y } = st(), {
-      dateFormat: se,
-      isFormatValid: b,
-      parseDate: T,
-      onKeyDown: B,
-      autoFormat: W,
-      formatDate: oe
-    } = _e(), R = F({}), Z = m(() => e.variant === "month" ? "monthly" : "daily"), le = m(() => e.numberOfMonths === 0), t = Ye({
+    }, e = r, s = v, f = Pa(), j = lt(f), { t: h, tc: k } = Le({ messages: fa }), { isTouchDevice: b } = it(), {
+      dateFormat: le,
+      isFormatValid: A,
+      parseDate: R,
+      onKeyDown: N,
+      autoFormat: J,
+      formatDate: ie
+    } = _e(), Y = F({}), ee = F(null), ue = m(() => e.variant === "month" ? "monthly" : "daily"), E = m(() => e.numberOfMonths === 0), t = ke({
       startDate: e.value?.startDate,
       endDate: e.value?.endDate,
       range: e.value?.range,
       ...e.granularities ? {
-        granularity: e.value?.granularity || Z.value
+        granularity: e.value?.granularity || ue.value
       } : {}
-    }), N = m(() => (
+    }), Q = m(() => (
       // eslint-disable-next-line consistent-return
       e?.quickSelectRanges?.find(({ value: a, data: l }) => {
         if (!l.endDate) {
           if (l.isRelativeToNow) {
-            const d = R.value?.[a];
+            const d = Y.value?.[a];
             return d ? De(d.startDate, t.startDate) && De(d.endDate, t.endDate) : (
               // If not stored calculated dates, fall back to comparing the quick select item's value
               // with the internal range's stored range identifier.
               a === t.range
             );
           }
-          return De(l.startDate, t.startDate) && Dt(t.endDate) && (!e.allowTimeInput || Be(t.endDate, U(t.endDate))) && (e.granularities ? l.granularity === t.granularity : !0);
+          return De(l.startDate, t.startDate) && ft(t.endDate) && (!e.allowTimeInput || Ne(t.endDate, U(t.endDate))) && (e.granularities ? l.granularity === t.granularity : !0);
         }
         if (e.allowTimeInput)
-          return Be(l.startDate, t.startDate) && Be(l.endDate, t.endDate) && (e.granularities ? l.granularity === t.granularity : !0);
+          return Ne(l.startDate, t.startDate) && Ne(l.endDate, t.endDate) && (e.granularities ? l.granularity === t.granularity : !0);
         if (l.endDate)
-          return q(l.startDate, t.startDate) && q(l.endDate, t.endDate) && (e.granularities ? l.granularity === t.granularity : !0);
+          return B(l.startDate, t.startDate) && B(l.endDate, t.endDate) && (e.granularities ? l.granularity === t.granularity : !0);
       })?.value ?? i
-    )), Ae = m(() => [
+    )), pe = m(() => [
       { label: h("customRange"), value: i },
       ...e.quickSelectRanges ? e.quickSelectRanges : []
-    ]), H = m(
+    ]), ae = m(
       () => e.granularities?.find(({ type: a }) => a === t.granularity) || null
-    ), ke = m(
+    ), te = m(
       () => e.granularities?.map(({ type: a, disabled: l }) => ({
         label: h(a),
         value: a,
         disabled: l
       })) ?? []
-    ), { getGranularCalendarLimits: ee } = pt(e), G = m(
-      () => e.granularities ? ee(H.value) : { min: e.min ? S(e.min) : null, max: e.max ? U(e.max) : null }
-    ), { normalizeRange: Se } = Qa(e.firstDayOfWeek), { savedRanges: ie, saveRange: pe, resetSavedRanges: ae } = ft(), A = (a) => a ? oe(a) : "", ue = (a, l = !0) => {
+    ), { getGranularCalendarLimits: de } = Mt(e), ne = m(
+      () => e.granularities ? de(ae.value) : { min: e.min ? S(e.min) : null, max: e.max ? U(e.max) : null }
+    ), { normalizeRange: we } = Ja(e.firstDayOfWeek), { savedRanges: re, saveRange: ce, resetSavedRanges: X } = ht(), I = (a) => a ? ie(a) : "", W = (a, l = !0) => {
       if (!t.startDate || !t.endDate)
         return;
-      const d = Se({
+      const d = we({
         startDate: t.startDate,
         endDate: t.endDate,
         fixedEndpoint: a,
-        granularity: H.value,
+        granularity: ae.value,
         alignToGranularity: l,
         fallbackMaxRange: e.maxRange,
-        min: G.value.min,
-        max: G.value.max
+        min: ne.value.min,
+        max: ne.value.max
       });
-      De(d.startDate, t.startDate) && De(d.endDate, t.endDate) || (t.startDate = d.startDate, t.endDate = d.endDate, n.startDate = A(d.startDate), n.endDate = A(d.endDate));
-    }, p = F(null), M = F(null), de = m(() => p.value ? h(p.value) : null), te = m(() => M.value ? h(M.value) : null), O = m(
-      () => p.value === "invalidDateFormat" ? null : de.value
-    ), $ = m(() => M.value === "invalidDateFormat" ? null : te.value), x = (a, l, d, g) => {
-      if (!a || !b(a))
+      De(d.startDate, t.startDate) && De(d.endDate, t.endDate) || (t.startDate = d.startDate, t.endDate = d.endDate, n.startDate = I(d.startDate), n.endDate = I(d.endDate));
+    }, y = F(null), M = F(null), se = m(() => y.value ? h(y.value) : null), x = m(() => M.value ? h(M.value) : null), H = m(
+      () => y.value === "invalidDateFormat" ? null : se.value
+    ), fe = m(() => M.value === "invalidDateFormat" ? null : x.value), p = (a, l, d, g) => {
+      if (!a || !A(a))
         return "invalidDateFormat";
-      const E = T(a), z = S(E);
+      const P = R(a), z = S(P);
       if (e.min && z < S(e.min) || e.max && z > S(e.max) || e.isDateDisabled && e.isDateDisabled(z))
         return "selectedDateIsNotAvailable";
       if (l) {
-        const Ge = g ? he(g, 0).getTime() : z.getTime(), $e = g ? he(l, 0).getTime() : S(l).getTime();
-        if (d === "start" ? Ge >= $e : Ge <= $e)
+        const Ge = g ? Te(g, 0).getTime() : z.getTime(), je = g ? Te(l, 0).getTime() : S(l).getTime();
+        if (d === "start" ? Ge >= je : Ge <= je)
           return "startDateMustPrecedeEndDate";
       }
       return null;
-    }, n = Ye({
+    }, n = ke({
       startDate: e.dateFormData.startDate,
       endDate: e.dateFormData.endDate,
       startTime: e.dateFormData.startTime,
       endTime: e.dateFormData.endTime
-    }), fe = (a, l) => {
+    }), ge = (a, l) => {
       const d = () => {
-        if (l && J(l)) {
-          const g = oa(T(l), a);
-          if (e.min && g < he(e.min, 0) || e.max && g > he(e.max, 0))
+        if (l && G(l)) {
+          const g = la(R(l), a);
+          if (e.min && g < Te(e.min, 0) || e.max && g > Te(e.max, 0))
             return !1;
         }
         return !0;
       };
-      return la(a) && d();
-    }, j = m(() => e.variant === "month"), ce = (a) => a ? j.value ? Wa(a) : Ga(a) : "", we = m(() => ce(t.startDate)), Ee = m(() => ce(t.endDate)), ge = m(() => Y.value ? j.value ? "month" : "date" : "text"), Fe = m(() => Y.value ? we.value : n.startDate), Ie = m(() => Y.value ? Ee.value : n.endDate), V = (a, l) => !l || !la(l) || e.variant === "month" ? a : oa(new Date(a), l), Pe = (a) => {
-      n.startTime = P(
-        e.min && e.allowTimeInput && q(e.min, a.startDate) ? e.min : S(a.startDate)
-      ), n.endTime = P(
-        e.max && e.allowTimeInput && q(e.max, a.endDate) ? e.max : U(a.endDate)
-      ), t.startDate = V(a.startDate, n.startTime), t.endDate = V(a.endDate, n.endTime), t.range = null, e.granularities && ae(), s(D.INPUT, {
+      return ia(a) && d();
+    }, $ = m(() => e.variant === "month"), Me = (a) => a ? $.value ? Ha(a) : Ka(a) : "", Ee = m(() => Me(t.startDate)), Fe = m(() => Me(t.endDate)), he = m(() => b.value ? $.value ? "month" : "date" : "text"), Ie = m(() => b.value ? Ee.value : n.startDate), Pe = m(() => b.value ? Fe.value : n.endDate), C = (a, l) => !l || !ia(l) || e.variant === "month" ? a : la(new Date(a), l), ye = (a, l = !1) => {
+      l || (n.startTime = q(
+        e.min && e.allowTimeInput && B(e.min, a.startDate) ? e.min : S(a.startDate)
+      ), n.endTime = q(
+        e.max && e.allowTimeInput && B(e.max, a.endDate) ? e.max : U(a.endDate)
+      )), t.startDate = C(a.startDate, n.startTime), t.endDate = C(a.endDate, n.endTime), t.range = null, e.granularities && X(), s(D.INPUT, {
         ...t,
-        range: N.value
+        range: Q.value
       });
-    }, J = (a) => !!a && !x(a);
-    ma(() => {
-      p.value = e.dateFormData.startDate ? x(e.dateFormData.startDate) : null, M.value = e.dateFormData.endDate ? x(e.dateFormData.endDate) : null;
+    }, o = (a) => {
+      ye(a);
+    }, K = () => {
+      const a = ee.value?.finalizeRangeSelection();
+      a && ye(a, !0);
+    }, G = (a) => !!a && !p(a);
+    Da(() => {
+      y.value = e.dateFormData.startDate ? p(e.dateFormData.startDate) : null, M.value = e.dateFormData.endDate ? p(e.dateFormData.endDate) : null;
     });
-    const o = (a) => {
-      n.startDate = A(a), n.startTime || (n.startTime = P(a)), p.value = null, M.value === "startDateMustPrecedeEndDate" && (M.value = null), s(D.START_DATE_SELECTED, a);
-    }, K = (a) => {
-      n.endDate = A(a), n.endTime || (n.endTime = P(U(a))), M.value = null, p.value === "startDateMustPrecedeEndDate" && (p.value = null);
-    }, ne = (a) => {
+    const ga = (a) => {
+      n.startDate = I(a), n.startTime || (n.startTime = q(a)), y.value = null, M.value === "startDateMustPrecedeEndDate" && (M.value = null), s(D.START_DATE_SELECTED, a);
+    }, Ma = (a) => {
+      n.endDate = I(a), n.endTime || (n.endTime = q(U(a))), M.value = null, y.value === "startDateMustPrecedeEndDate" && (y.value = null);
+    }, Oe = (a) => {
       const l = e.value?.[a];
       if (l)
         return l;
-      if (e.dateFormData[a] && J(e.dateFormData[a]))
-        return T(e.dateFormData[a]);
-    }, Oe = (a, l = !1) => {
-      if (J(a)) {
+      if (e.dateFormData[a] && G(e.dateFormData[a]))
+        return R(e.dateFormData[a]);
+    }, qe = (a, l = !1) => {
+      if (G(a)) {
         const d = a;
-        p.value = null, n.startDate = d;
-        const g = S(T(d));
-        t.startDate = V(g, n.startTime), J(n.endDate) && (t.endDate = V(
-          S(T(n.endDate)),
+        y.value = null, n.startDate = d;
+        const g = S(R(d));
+        t.startDate = C(g, n.startTime), G(n.endDate) && (t.endDate = C(
+          S(R(n.endDate)),
           n.endTime
         ));
-        const E = ne("endDate"), z = x(
+        const P = Oe("endDate"), z = p(
           d,
-          e.allowTimeInput ? t.endDate : E,
+          e.allowTimeInput ? t.endDate : P,
           "start",
           e.allowTimeInput ? t.startDate : void 0
         );
         if (z) {
-          p.value = z, s(D.ERROR, { ...n });
+          y.value = z, s(D.ERROR, { ...n });
           return;
         }
-        M.value === "startDateMustPrecedeEndDate" && (M.value = null), ue("end", l), t.range = null, s(D.FORM_DATE, {
+        M.value === "startDateMustPrecedeEndDate" && (M.value = null), W("end", l), t.range = null, s(D.FORM_DATE, {
           startDate: t.startDate,
           endDate: t.endDate
         }), s(D.INPUT, {
           ...t,
-          range: N.value
+          range: Q.value
         });
       } else
-        p.value = x(a), s(D.ERROR, { ...n });
-    }, fa = na(Oe, 300), ga = (a) => {
-      n.startDate = Y.value && j.value ? a : W(a), Y.value ? j.value && a ? Oe(A(aa(a)), !0) : n.startDate ? Oe(n.startDate) : p.value = null : fa(n.startDate);
+        y.value = p(a), s(D.ERROR, { ...n });
+    }, ha = Ze(qe, 300), ya = (a) => {
+      n.startDate = b.value && $.value ? a : J(a), b.value ? $.value && a ? qe(I(na(a)), !0) : n.startDate ? qe(n.startDate) : y.value = null : ha(n.startDate);
     }, xe = (a, l = !1) => {
-      if (J(a)) {
+      if (G(a)) {
         const d = a;
         M.value = null, n.endDate = d;
-        const g = S(T(d));
-        t.endDate = V(g, n.endTime), J(n.startDate) && (t.startDate = V(
-          S(T(n.startDate)),
+        const g = S(R(d));
+        t.endDate = C(g, n.endTime), G(n.startDate) && (t.startDate = C(
+          S(R(n.startDate)),
           n.startTime
         ));
-        const E = ne("startDate"), z = x(
+        const P = Oe("startDate"), z = p(
           d,
-          e.allowTimeInput ? t.startDate : E,
+          e.allowTimeInput ? t.startDate : P,
           "end",
           e.allowTimeInput ? t.endDate : void 0
         );
@@ -436,41 +443,41 @@ const pa = {
           M.value = z, s(D.ERROR, { ...n });
           return;
         }
-        p.value === "startDateMustPrecedeEndDate" && (p.value = null), ue("start", l), t.range = null, s(D.FORM_DATE, {
+        y.value === "startDateMustPrecedeEndDate" && (y.value = null), W("start", l), t.range = null, s(D.FORM_DATE, {
           startDate: t.startDate,
           endDate: t.endDate
         }), s(D.INPUT, {
           ...t,
-          range: N.value
+          range: Q.value
         });
       } else
-        M.value = x(a), s(D.ERROR, { ...n });
-    }, ha = na(xe, 300), Ma = (a) => {
-      n.endDate = Y.value && j.value ? a : W(a), Y.value ? j.value && a ? xe(A(aa(a)), !0) : n.endDate ? xe(n.endDate) : M.value = null : ha(n.endDate);
-    }, Ue = (a) => {
-      B(a);
-    }, ya = () => {
+        M.value = p(a), s(D.ERROR, { ...n });
+    }, Ta = Ze(xe, 300), Ra = (a) => {
+      n.endDate = b.value && $.value ? a : J(a), b.value ? $.value && a ? xe(I(na(a)), !0) : n.endDate ? xe(n.endDate) : M.value = null : Ta(n.endDate);
+    }, Qe = (a) => {
+      N(a);
+    }, Ya = () => {
       s(D.ERROR, { ...n });
-    }, Ta = () => {
+    }, ba = () => {
       const a = n.startTime;
-      if (!fe(a, n.startDate)) {
+      if (!ge(a, n.startDate)) {
         s(D.ERROR, { ...n });
         return;
       }
-      if (t.startDate = V(t.startDate, a), n.startDate && t.endDate) {
-        const d = x(
+      if (t.startDate = C(t.startDate, a), n.startDate && t.endDate) {
+        const d = p(
           n.startDate,
           t.endDate,
           "start",
           t.startDate
         );
         if (d) {
-          p.value = d, s(D.ERROR, { ...n });
+          y.value = d, s(D.ERROR, { ...n });
           return;
         }
       }
-      p.value = null, M.value === "startDateMustPrecedeEndDate" && (M.value = null);
-      const l = ne("endDate");
+      y.value = null, M.value === "startDateMustPrecedeEndDate" && (M.value = null);
+      const l = Oe("endDate");
       s(D.FORM_DATE, {
         startDate: t.startDate,
         endDate: l,
@@ -478,18 +485,18 @@ const pa = {
         endTime: n.endTime ?? e.dateFormData.endTime
       }), s(D.INPUT, {
         ...t,
-        range: N.value
+        range: Q.value
       });
-    }, Ra = () => {
+    }, Aa = () => {
       s(D.ERROR, { ...n });
-    }, Ya = () => {
+    }, ka = () => {
       const a = n.endTime;
-      if (!fe(a, n.endDate)) {
+      if (!ge(a, n.endDate)) {
         s(D.ERROR, { ...n });
         return;
       }
-      if (t.endDate = V(t.endDate, a), n.endDate && t.startDate) {
-        const l = x(
+      if (t.endDate = C(t.endDate, a), n.endDate && t.startDate) {
+        const l = p(
           n.endDate,
           t.startDate,
           "end",
@@ -500,179 +507,183 @@ const pa = {
           return;
         }
       }
-      M.value = null, p.value === "startDateMustPrecedeEndDate" && (p.value = null), s(D.FORM_DATE, {
+      M.value = null, y.value === "startDateMustPrecedeEndDate" && (y.value = null), s(D.FORM_DATE, {
         startDate: t.startDate,
         endDate: t.endDate,
         startTime: n.startTime ?? e.dateFormData.startTime,
         endTime: a
       }), s(D.INPUT, {
         ...t,
-        range: N.value
+        range: Q.value
       });
-    }, ba = (a) => {
+    }, Sa = (a) => {
       n.startTime = a;
-    }, Aa = (a) => {
+    }, wa = (a) => {
       n.endTime = a;
-    }, Qe = (a, l, d, g) => {
+    }, We = (a, l, d, g) => {
       t.startDate = a, t.endDate = l, d && (t.granularity = d), g && (t.range = g);
-    }, ka = (a) => {
+    }, Ea = (a) => {
       const l = e.quickSelectRanges?.find(({ value: d }) => d === a);
       if (l) {
-        ae();
-        const d = l.data, g = d.endDate || (d.isRelativeToNow ? new Date(Date.now()) : U(new Date(Date.now()))), E = d.isRelativeToNow && d.timeDifference ? new Date(g.getTime() - d.timeDifference) : d.startDate;
-        n.endDate = A(g), n.startDate = A(E), Qe(E, g, null, a), e.granularities && (t.granularity = d.granularity || Z.value), n.startTime = P(E), n.endTime = P(g), t.startDate = E, t.endDate = g, d.isRelativeToNow && (R.value = {
-          ...R.value,
+        X();
+        const d = l.data, g = d.endDate || (d.isRelativeToNow ? new Date(Date.now()) : U(new Date(Date.now()))), P = d.isRelativeToNow && d.timeDifference ? new Date(g.getTime() - d.timeDifference) : d.startDate;
+        n.endDate = I(g), n.startDate = I(P), We(P, g, null, a), e.granularities && (t.granularity = d.granularity || ue.value), n.startTime = q(P), n.endTime = q(g), t.startDate = P, t.endDate = g, d.isRelativeToNow && (Y.value = {
+          ...Y.value,
           [a]: {
-            startDate: E,
+            startDate: P,
             endDate: g
           }
         }), s(D.CUSTOM_RANGE, {
           ...l.data,
-          startDate: E,
+          startDate: P,
           endDate: g,
           range: l.value
         });
       }
-    }, Sa = (a) => {
+    }, Fa = (a) => {
       const l = t.granularity;
-      t.granularity = a, l && pe(l, structuredClone(Ne(t))), t.startDate && t.endDate && (ie[a] && Qe(ie[a].startDate, ie[a].endDate, a), ue("end"), n.startDate = A(t.startDate), n.endDate = A(t.endDate), s(D.INPUT, {
+      t.granularity = a, l && ce(l, structuredClone(Ce(t))), t.startDate && t.endDate && (re[a] && We(re[a].startDate, re[a].endDate, a), W("end"), n.startDate = I(t.startDate), n.endDate = I(t.endDate), s(D.INPUT, {
         ...t,
-        range: N.value
+        range: Q.value
       }));
-    }, wa = m(() => ({
-      "b-date-range-picker-calendar__form-container--no-calendars": le.value || Y.value
-    })), We = m(() => {
-      const a = H.value, l = a?.maxRange || e.maxRange;
+    }, Ia = m(() => ({
+      "b-date-range-picker-calendar__form-container--no-calendars": E.value || b.value
+    })), $e = m(() => {
+      const a = ae.value, l = a?.maxRange || e.maxRange;
       if (!l)
         return null;
       const d = c[a?.type ?? "daily"];
       return k(d, l, { count: l });
     });
-    return (a, l) => (w(), Me("div", gt, [
-      re("div", {
-        class: Da(["b-date-range-picker-calendar__form-container", wa.value]),
+    return (a, l) => (w(), Re("div", yt, [
+      oe("div", {
+        class: va(["b-date-range-picker-calendar__form-container", Ia.value]),
         "data-testid": "date-range-picker-calendar-form-container"
       }, [
-        re("div", ht, [
-          u(Q)("title") ? Je(a.$slots, "title", { key: 0 }, void 0, !0) : I("", !0),
-          r.quickSelectRanges ? (w(), _(et, {
+        oe("div", Tt, [
+          u(j)("title") ? He(a.$slots, "title", { key: 0 }, void 0, !0) : O("", !0),
+          r.quickSelectRanges ? (w(), L(La, {
             key: 1,
             "aria-label": u(h)("customRange"),
-            items: Ae.value,
-            "model-value": N.value,
-            "onUpdate:modelValue": ka
-          }, null, 8, ["aria-label", "items", "model-value"])) : I("", !0),
-          r.granularities ? (w(), _(u(nt), {
+            items: pe.value,
+            "model-value": Q.value,
+            "onUpdate:modelValue": Ea
+          }, null, 8, ["aria-label", "items", "model-value"])) : O("", !0),
+          r.granularities ? (w(), L(u(ot), {
             key: 2,
-            items: ke.value,
+            items: te.value,
             "model-value": t.granularity,
             "full-width": "",
-            "onUpdate:modelValue": Sa
-          }, null, 8, ["items", "model-value"])) : I("", !0),
-          We.value ? (w(), _(u(tt), {
+            "onUpdate:modelValue": Fa
+          }, null, 8, ["items", "model-value"])) : O("", !0),
+          $e.value ? (w(), L(u(st), {
             key: 3,
             variant: "tip"
           }, {
-            description: X(() => [
-              ye(Te(We.value), 1)
+            description: Z(() => [
+              Ye(be($e.value), 1)
             ]),
             _: 1
-          })) : I("", !0),
-          re("div", null, [
-            L(u(Ve), {
+          })) : O("", !0),
+          oe("div", null, [
+            _(u(ze), {
               stronger: "",
               el: "span",
               class: "b-date-range-picker-calendar__label"
             }, {
-              default: X(() => [
-                ye(Te(u(h)("from")), 1)
+              default: Z(() => [
+                Ye(be(u(h)("from")), 1)
               ]),
               _: 1
             }),
-            L(u(ca), {
-              "date-model-value": Fe.value,
+            _(u(ma), {
+              "date-model-value": Ie.value,
               "date-props": {
                 ariaLabel: u(h)("dateFrom"),
-                type: ge.value,
-                description: u(Y) ? void 0 : u(h)(u(se)),
-                errorMessage: de.value
+                type: he.value,
+                description: u(b) ? void 0 : u(h)(u(le)),
+                errorMessage: se.value
               },
-              "error-message": O.value,
+              "error-message": H.value,
               "show-time-input": r.allowTimeInput,
               "time-model-value": n.startTime,
               "time-props": {
                 ariaLabel: u(h)("timeFrom"),
-                errorMessage: O.value
+                errorMessage: H.value
               },
               class: "b-date-range-picker-calendar__form-input",
-              "onUpdate:dateModelValue": ga,
-              "onDate:keydown": Ue,
-              "onUpdate:timeModelValue": ba,
-              "onTime:error": ya,
-              "onTime:valid": Ta
+              onClick: K,
+              "onUpdate:dateModelValue": ya,
+              "onDate:keydown": Qe,
+              "onUpdate:timeModelValue": Sa,
+              "onTime:error": Ya,
+              "onTime:valid": ba
             }, null, 8, ["date-model-value", "date-props", "error-message", "show-time-input", "time-model-value", "time-props"])
           ]),
-          re("div", null, [
-            L(u(Ve), {
+          oe("div", null, [
+            _(u(ze), {
               stronger: "",
               el: "span",
               class: "b-date-range-picker-calendar__label"
             }, {
-              default: X(() => [
-                ye(Te(u(h)("to")), 1)
+              default: Z(() => [
+                Ye(be(u(h)("to")), 1)
               ]),
               _: 1
             }),
-            L(u(ca), {
-              "date-model-value": Ie.value,
+            _(u(ma), {
+              "date-model-value": Pe.value,
               "date-props": {
                 ariaLabel: u(h)("dateTo"),
-                type: ge.value,
-                description: u(Y) ? void 0 : u(h)(u(se)),
-                errorMessage: te.value
+                type: he.value,
+                description: u(b) ? void 0 : u(h)(u(le)),
+                errorMessage: x.value
               },
-              "error-message": $.value,
+              "error-message": fe.value,
               "show-time-input": r.allowTimeInput,
               "time-model-value": n.endTime,
               "time-props": {
                 ariaLabel: u(h)("timeTo"),
-                errorMessage: $.value
+                errorMessage: fe.value
               },
               class: "b-date-range-picker-calendar__form-input",
-              "onUpdate:dateModelValue": Ma,
-              "onDate:keydown": Ue,
-              "onUpdate:timeModelValue": Aa,
-              "onTime:error": Ra,
-              "onTime:valid": Ya
+              onClick: K,
+              "onUpdate:dateModelValue": Ra,
+              "onDate:keydown": Qe,
+              "onUpdate:timeModelValue": wa,
+              "onTime:error": Aa,
+              "onTime:valid": ka
             }, null, 8, ["date-model-value", "date-props", "error-message", "show-time-input", "time-model-value", "time-props"])
           ])
         ]),
-        u(Q)("actions") ? (w(), Me("div", Mt, [
-          Je(a.$slots, "actions", {}, void 0, !0)
-        ])) : I("", !0)
+        u(j)("actions") ? (w(), Re("div", Rt, [
+          He(a.$slots, "actions", {}, void 0, !0)
+        ])) : O("", !0)
       ], 2),
-      !le.value && !u(Y) ? (w(), Me("div", yt, [
-        L(u(C), {
+      !E.value && !u(b) ? (w(), Re("div", Yt, [
+        _(u(V), {
+          ref_key: "calendarRef",
+          ref: ee,
           value: t,
           "first-day-of-week": r.firstDayOfWeek,
           "is-date-disabled": r.isDateDisabled,
           "max-range": r.maxRange,
-          min: G.value.min,
-          max: G.value.max,
+          min: ne.value.min,
+          max: ne.value.max,
           "number-of-months": r.numberOfMonths,
           "show-end-date-on-open": r.showEndDateOnOpen,
-          granularity: H.value,
+          granularity: ae.value,
           variant: r.variant,
           "year-range": r.yearRange,
           "is-range": "",
-          onInput: Pe,
-          onStartDateSelected: o,
-          onEndDateSelected: K
+          onInput: o,
+          onStartDateSelected: ga,
+          onEndDateSelected: Ma
         }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "max-range", "min", "max", "number-of-months", "show-end-date-on-open", "granularity", "variant", "year-range"])
-      ])) : I("", !0)
+      ])) : O("", !0)
     ]));
   }
-}), Yt = /* @__PURE__ */ va(Rt, [["__scopeId", "data-v-6dcd7a15"]]), Le = {
+}), kt = /* @__PURE__ */ pa(At, [["__scopeId", "data-v-24c84188"]]), Ue = {
   "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" },
@@ -684,24 +695,24 @@ const pa = {
   "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: "所选日期不可用" }
-}, bt = ({
+}, St = ({
   datePickerValue: r,
   isDateIncorrect: v,
-  quickSelectRanges: y,
+  quickSelectRanges: T,
   isMonthVariant: i,
   withTimeInput: c,
   placeholder: e
 }) => {
-  const { locale: s, t: f } = Ce({ messages: Le }), { dateToInputDateString: Q } = _e(), h = (b) => !!b && !isNaN(b.getTime()), k = Ye({
+  const { locale: s, t: f } = Le({ messages: Ue }), { dateToInputDateString: j } = _e(), h = (A) => !!A && !isNaN(A.getTime()), k = ke({
     startDate: null,
     endDate: null,
     startTime: null,
     endTime: null
   });
-  return Re(
+  return Ae(
     r,
-    (b) => {
-      k.startDate = Q(b?.startDate), k.endDate = Q(b?.endDate), k.startTime = P(b?.startDate), k.endTime = P(b?.endDate);
+    (A) => {
+      k.startDate = j(A?.startDate), k.endDate = j(A?.endDate), k.startTime = q(A?.startDate), k.endTime = q(A?.endDate);
     },
     { immediate: !0 }
   ), {
@@ -711,28 +722,28 @@ const pa = {
         return `${k.startDate || ""} - ${k.endDate || ""}`;
       if (!r.value || !r.value.startDate && !r.value.endDate)
         return e?.value || f("selectDateRange");
-      if (y.value?.length) {
-        const T = y.value.find(({ value: B }) => B === r.value?.range);
-        if (T)
-          return T.label;
+      if (T.value?.length) {
+        const R = T.value.find(({ value: N }) => N === r.value?.range);
+        if (R)
+          return R.label;
       }
       if (r.value.granularity === "quarterly") {
-        const { startDate: T, endDate: B } = r.value, W = f("quarter", { quarter: ta(T), year: ua(T) });
-        if (mt(T, B))
-          return W;
-        const oe = f("quarter", { quarter: ta(B), year: ua(B) });
-        return `${W} - ${oe}`;
+        const { startDate: R, endDate: N } = r.value, J = f("quarter", { quarter: ra(R), year: da(R) });
+        if (pt(R, N))
+          return J;
+        const ie = f("quarter", { quarter: ra(N), year: da(N) });
+        return `${J} - ${ie}`;
       }
       if (!h(r.value.startDate) || !h(r.value.endDate))
         return `${k.startDate || ""} - ${k.endDate || ""}`;
-      let b = i?.value ? { month: "long", year: "numeric" } : { month: "short", day: "2-digit", year: "numeric" };
-      return c.value && (b = {
-        ...b,
+      let A = i?.value ? { month: "long", year: "numeric" } : { month: "short", day: "2-digit", year: "numeric" };
+      return c.value && (A = {
+        ...A,
         hour: "numeric",
         minute: "numeric",
         second: "numeric",
         hour12: !1
-      }), $a(s.value, b).formatRange(
+      }), Xa(s.value, A).formatRange(
         r.value.startDate,
         r.value.endDate
       );
@@ -741,12 +752,12 @@ const pa = {
     // Methods
     formatTextInputDisplayValue: () => ""
   };
-}, At = { class: "b-date-range-picker" }, kt = { class: "b-date-range-picker__footer" }, St = {
-  i18n: { messages: Le },
+}, wt = { class: "b-date-range-picker" }, Et = { class: "b-date-range-picker__footer" }, Ft = {
+  i18n: { messages: Ue },
   name: "bento-date-range-picker",
   model: { prop: "modelValue" }
-}, wt = /* @__PURE__ */ ze({
-  ...St,
+}, It = /* @__PURE__ */ Ve({
+  ...Ft,
   props: {
     allowTimeInput: { type: Boolean },
     firstDayOfWeek: { default: void 0 },
@@ -775,7 +786,7 @@ const pa = {
   },
   emits: ["update:model-value", "input"],
   setup(r, { emit: v }) {
-    const y = v, i = r, c = Fa(), { t: e } = Ce({ messages: Le }), { dateToInputDateString: s } = _e(), f = me("bento-date-range-picker-container"), Q = me("bento-date-range-picker-label"), h = me("bento-date-range-picker-description"), k = me("bento-date-range-picker-error"), Y = me("bento-date-range-picker-date-error"), se = m(() => i.label || e("dateRangePicker", { name: f })), { resolvedFirstDayOfWeek: b } = ja(qe(i, "firstDayOfWeek")), T = Oa({
+    const T = v, i = r, c = Oa(), { t: e } = Le({ messages: Ue }), { dateToInputDateString: s } = _e(), f = me("bento-date-range-picker-container"), j = me("bento-date-range-picker-label"), h = me("bento-date-range-picker-description"), k = me("bento-date-range-picker-error"), b = me("bento-date-range-picker-date-error"), le = m(() => i.label || e("dateRangePicker", { name: f })), { resolvedFirstDayOfWeek: A } = Za(Be(i, "firstDayOfWeek")), R = Ba({
       none: 0,
       one: 710,
       // width of date range picker with one panes
@@ -783,18 +794,18 @@ const pa = {
       // width of date range picker with two panes
       three: 1290
       // width of date range picker with three panes
-    }), B = m(() => {
-      const o = T.active().value, K = {
+    }), N = m(() => {
+      const o = R.active().value, K = {
         none: 0,
         one: 1,
         two: 2
       };
       if (o in K) {
-        const ne = K[o];
-        return i.numberOfMonths === void 0 ? ne : Math.min(i.numberOfMonths, ne);
+        const G = K[o];
+        return i.numberOfMonths === void 0 ? G : Math.min(i.numberOfMonths, G);
       }
       return i.numberOfMonths;
-    }), W = m(() => i?.quickSelectRanges && i.quickSelectRanges.map((o) => {
+    }), J = m(() => i?.quickSelectRanges && i.quickSelectRanges.map((o) => {
       const K = o.data.endDate ? void 0 : new Date(Date.now()).getTime() - o.data.startDate.getTime();
       return {
         ...o,
@@ -804,203 +815,203 @@ const pa = {
           timeDifference: K
         }
       };
-    })), oe = m(() => i.label ? Q : c?.["aria-labelledby"] ?? null), R = F(!1), Z = F(null), le = F(null), t = F(!1), { width: N } = xa(le), { isReadOnly: Ae } = Ka(qe(i, "readonly")), { emitValue: H } = Za(y);
-    Re(
+    })), ie = m(() => i.label ? j : c?.["aria-labelledby"] ?? null), Y = F(!1), ee = F(null), ue = F(null), E = F(!1), { width: t } = Na(ue), { isReadOnly: Q } = tt(Be(i, "readonly")), { emitValue: pe } = rt(T);
+    Ae(
       () => i.disabled,
       () => {
-        i.disabled && t.value && (t.value = !1);
+        i.disabled && E.value && (E.value = !1);
       }
     );
-    const ke = m(
-      () => B.value === 0 && N.value > 0 && N.value < 332
+    const ae = m(
+      () => N.value === 0 && t.value > 0 && t.value < 332
       // size of date range picker form
-    ), ee = m(() => i.modelValue || i.value), G = m(() => i.hasActions ? !$.value && R.value : R.value), Se = m(() => ({
-      "b-date-range-picker__description--error": !!i.errorMessage || G.value
-    })), ie = m(() => i.variant === "month"), pe = m(() => i.allowTimeInput && i.variant !== "month"), { dateDisplayValue: ae, textInputDisplayValue: A } = bt({
-      datePickerValue: ee,
-      isDateIncorrect: R,
-      quickSelectRanges: W,
-      isMonthVariant: ie,
-      withTimeInput: pe,
-      placeholder: qe(i, "placeholder")
-    }), ue = m(
-      () => `${i.description ? h : ""} ${i.errorMessage ? k : ""} ${R.value ? Y : ""}`.trim() || null
-    ), p = () => {
-      t.value = !1;
-    }, M = () => {
-      t.value = !0;
-    }, de = F(ae.value), te = F(
+    ), te = m(() => i.modelValue || i.value), de = m(() => i.hasActions ? !H.value && Y.value : Y.value), ne = m(() => ({
+      "b-date-range-picker__description--error": !!i.errorMessage || de.value
+    })), we = m(() => i.variant === "month"), re = m(() => i.allowTimeInput && i.variant !== "month"), { dateDisplayValue: ce, textInputDisplayValue: X } = St({
+      datePickerValue: te,
+      isDateIncorrect: Y,
+      quickSelectRanges: J,
+      isMonthVariant: we,
+      withTimeInput: re,
+      placeholder: Be(i, "placeholder")
+    }), I = m(
+      () => `${i.description ? h : ""} ${i.errorMessage ? k : ""} ${Y.value ? b : ""}`.trim() || null
+    ), W = () => {
+      E.value = !1;
+    }, y = () => {
+      E.value = !0;
+    }, M = F(ce.value), se = F(
       // textInputDisplayValue is a reactive object
-      structuredClone(Ne(A))
-    ), O = F(i.modelValue ?? i.value), $ = F(!0), x = m(
-      () => i.hasActions ? O.value : ee.value
-    ), n = F(
-      i.hasActions ? te.value : A
-    ), fe = m(
-      () => i.hasActions ? de.value : ae.value
-    ), j = {
+      structuredClone(Ce(X))
+    ), x = F(i.modelValue ?? i.value), H = F(!0), fe = m(
+      () => i.hasActions ? x.value : te.value
+    ), p = F(
+      i.hasActions ? se.value : X
+    ), n = m(
+      () => i.hasActions ? M.value : ce.value
+    ), ge = {
       allowOutsideClick: !0
     };
-    ma(() => {
-      if (i.hasActions || Ke(
+    Da(() => {
+      if (i.hasActions || Xe(
         '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"
-      ), i.value && Ke(
+      ), i.value && Xe(
         '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"
       ), i.granularities && i.variant !== "month" && i.granularities.find(({ type: o }) => o === "quarterly"))
         throw new Error('Quarterly granularity is only supported by BentoDateRangePicker with variant: "month"');
     });
-    const ce = () => {
-      de.value = ae.value, te.value = structuredClone(Ne(A)), n.value = i.hasActions ? te.value : A, O.value = ee.value;
+    const $ = () => {
+      M.value = ce.value, se.value = structuredClone(Ce(X)), p.value = i.hasActions ? se.value : X, x.value = te.value;
     };
-    Re([() => i.value, () => i.modelValue], () => {
-      ce();
+    Ae([() => i.value, () => i.modelValue], () => {
+      $();
     });
-    const we = () => {
-      ce(), R.value = !1, $.value = !0, p();
+    const Me = () => {
+      $(), Y.value = !1, H.value = !0, W();
     }, Ee = m(() => [
       {
         title: e("apply"),
         event: () => {
-          H(O.value), p(), $.value = !0;
+          pe(x.value), W(), H.value = !0;
         },
-        disabled: $.value
+        disabled: H.value
       },
       {
         title: e("cancel"),
-        event: we
+        event: Me
       }
     ]);
-    Re(O, (o) => {
+    Ae(x, (o) => {
       if (i.hasActions) {
-        $.value = R.value || o === ee.value;
+        H.value = Y.value || o === te.value;
         return;
       }
-      H(o);
+      pe(o);
     });
-    const ge = (o) => {
-      R.value = !1, n.value.startDate = s(o.startDate), n.value.endDate = s(o.endDate), n.value.startTime = P(o.startDate), n.value.endTime = P(o.endDate), O.value = o;
-    }, Fe = async () => {
-      R.value && (R.value = !1), O.value = null;
+    const Fe = (o) => {
+      Y.value = !1, p.value.startDate = s(o.startDate), p.value.endDate = s(o.endDate), p.value.startTime = q(o.startDate), p.value.endTime = q(o.endDate), x.value = o;
+    }, he = async () => {
+      Y.value && (Y.value = !1), x.value = null;
     }, Ie = () => {
-      if (!t.value) {
-        t.value = !0;
+      if (!E.value) {
+        E.value = !0;
         return;
       }
-      R.value || (t.value = !1);
-    }, V = (o) => {
-      R.value = !1, o.startTime && (n.value.startTime = o.startTime), o.endTime && (n.value.endTime = o.endTime);
+      Y.value || (E.value = !1);
     }, Pe = (o) => {
-      R.value = !0, n.value.startDate = o.startDate, n.value.endDate = o.endDate, O.value = { startDate: null, endDate: null };
-    }, J = (o) => {
-      o && (n.value.startDate = s(o.startDate), n.value.endDate = s(o.endDate), n.value.startTime = P(o.startDate), n.value.endTime = P(o.endDate), O.value = o);
+      Y.value = !1, o.startTime && (p.value.startTime = o.startTime), o.endTime && (p.value.endTime = o.endTime);
+    }, C = (o) => {
+      Y.value = !0, p.value.startDate = o.startDate, p.value.endDate = o.endDate, x.value = { startDate: null, endDate: null };
+    }, ye = (o) => {
+      o && (p.value.startDate = s(o.startDate), p.value.endDate = s(o.endDate), p.value.startTime = q(o.startDate), p.value.endTime = q(o.endDate), x.value = o);
     };
-    return (o, K) => Ia((w(), Me("div", At, [
-      o.label ? (w(), _(u(dt), {
+    return (o, K) => qa((w(), Re("div", wt, [
+      o.label ? (w(), L(u(Dt), {
         key: 0,
-        id: u(Q),
+        id: u(j),
         label: o.label,
         "tooltip-text": o.tooltipText,
         optional: o.optional,
         required: o.required
-      }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : I("", !0),
-      re("div", {
+      }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : O("", !0),
+      oe("div", {
         ref_key: "inputWrapperRef",
-        ref: le,
-        onKeydown: He(Ie, ["enter"])
+        ref: ue,
+        onKeydown: Ke(Ie, ["enter"])
       }, [
-        L(u(at), {
+        _(u(_a), {
           ref_key: "inputContainerRef",
-          ref: Z,
+          ref: ee,
           "always-combobox-is-input": "",
           ariaControls: u(f),
-          ariaExpanded: t.value,
-          "aria-labelledby": oe.value,
-          "aria-describedby": ue.value,
+          ariaExpanded: E.value,
+          "aria-labelledby": ie.value,
+          "aria-describedby": I.value,
           "aria-required": o.required,
           disabled: o.disabled,
-          "is-invalid": !!o.errorMessage || G.value,
-          open: t.value,
-          "display-value": fe.value,
-          readonly: u(Ae),
-          onOpen: M,
-          onClear: Fe,
-          onClose: p
+          "is-invalid": !!o.errorMessage || de.value,
+          open: E.value,
+          "display-value": n.value,
+          readonly: u(Q),
+          onOpen: y,
+          onClear: he,
+          onClose: W
         }, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "aria-required", "disabled", "is-invalid", "open", "display-value", "readonly"])
       ], 544),
-      G.value ? (w(), _(u(ia), {
+      de.value ? (w(), L(u(ua), {
         key: 1,
-        id: u(Y),
+        id: u(b),
         "error-message": u(e)("invalidDateFormat"),
         class: "b-date-range-picker__error-message"
-      }, null, 8, ["id", "error-message"])) : I("", !0),
-      o.errorMessage ? (w(), _(u(ia), {
+      }, null, 8, ["id", "error-message"])) : O("", !0),
+      o.errorMessage ? (w(), L(u(ua), {
         key: 2,
         id: u(k),
         "error-message": o.errorMessage,
         class: "b-date-range-picker__error-message"
-      }, null, 8, ["id", "error-message"])) : I("", !0),
-      o.description ? (w(), _(u(Ve), {
+      }, null, 8, ["id", "error-message"])) : O("", !0),
+      o.description ? (w(), L(u(ze), {
         key: 3,
         id: u(h),
-        class: Da(["b-date-range-picker__description", Se.value]),
+        class: va(["b-date-range-picker__description", ne.value]),
         el: "span"
       }, {
-        default: X(() => [
-          ye(Te(o.description), 1)
+        default: Z(() => [
+          Ye(be(o.description), 1)
         ]),
         _: 1
-      }, 8, ["id", "class"])) : I("", !0),
-      Z.value ? (w(), _(u(Ba), {
+      }, 8, ["id", "class"])) : O("", !0),
+      ee.value ? (w(), L(u(za), {
         key: 4,
         id: u(f),
         class: "b-date-range-picker__container",
-        open: t.value,
-        "target-element": Z.value,
-        "aria-label": se.value,
+        open: E.value,
+        "target-element": ee.value,
+        "aria-label": le.value,
         position: "bottom-start",
         "fallback-strategy": "initialPlacement",
         "without-space": "",
         "fit-content": "",
-        "match-width": ke.value,
+        "match-width": ae.value,
         "trap-all": "",
         "overflow-visible": "",
-        "trap-all-options": j,
-        onKeydown: He(p, ["esc", "native"])
+        "trap-all-options": ge,
+        onKeydown: Ke(W, ["esc", "native"])
       }, {
-        default: X(() => [
-          L(u(Yt), {
-            "allow-time-input": pe.value,
-            "quick-select-ranges": W.value,
-            value: x.value,
-            "first-day-of-week": u(b),
+        default: Z(() => [
+          _(u(kt), {
+            "allow-time-input": re.value,
+            "quick-select-ranges": J.value,
+            value: fe.value,
+            "first-day-of-week": u(A),
             granularities: o.granularities,
             "is-date-disabled": o.isDateDisabled,
             "max-range": o.maxRange,
             min: o.min,
             max: o.max,
-            "number-of-months": B.value,
+            "number-of-months": N.value,
             "show-end-date-on-open": o.showEndDateOnOpen,
-            "date-form-data": n.value,
+            "date-form-data": p.value,
             variant: o.variant,
             "year-range": o.yearRange,
-            onCustomRange: J,
-            onInput: ge,
-            onError: Pe,
-            onFormDate: V
-          }, Pa({ _: 2 }, [
+            onCustomRange: ye,
+            onInput: Fe,
+            onError: C,
+            onFormDate: Pe
+          }, xa({ _: 2 }, [
             o.hasActions ? {
               name: "actions",
-              fn: X(() => [
-                L(u(qa)),
-                re("div", kt, [
-                  L(u(Na), {
+              fn: Z(() => [
+                _(u(Ca)),
+                oe("div", Et, [
+                  _(u(Va), {
                     actions: Ee.value,
-                    layout: u(ct).SPACE_BETWEEN
+                    layout: u(vt).SPACE_BETWEEN
                   }, null, 8, ["actions", "layout"])
                 ])
               ]),
@@ -1009,16 +1020,16 @@ const pa = {
           ]), 1032, ["allow-time-input", "quick-select-ranges", "value", "first-day-of-week", "granularities", "is-date-disabled", "max-range", "min", "max", "number-of-months", "show-end-date-on-open", "date-form-data", "variant", "year-range"])
         ]),
         _: 1
-      }, 8, ["id", "open", "target-element", "aria-label", "match-width"])) : I("", !0)
+      }, 8, ["id", "open", "target-element", "aria-label", "match-width"])) : O("", !0)
     ])), [
-      [u(Xa), p]
+      [u(nt), W]
     ]);
   }
-}), sn = /* @__PURE__ */ va(wt, [["__scopeId", "data-v-84b100ba"]]);
+}), un = /* @__PURE__ */ pa(It, [["__scopeId", "data-v-84b100ba"]]);
 export {
-  sn as B,
-  Yt as D,
-  Dt as a,
+  un as B,
+  kt as D,
+  ft as a,
   De as i
 };
-//# sourceMappingURL=date-range-picker.CFjZwUb_.js.map
+//# sourceMappingURL=date-range-picker.BU9R2jNa.js.map