@adyen/bento-vue2 2.0.1 → 2.1.0

package/dist/chunks/{date-range-picker.CqixIJxG.js → date-range-picker.B2B4hO6R.js}

@@ -1,65 +1,65 @@
-import { defineComponent as be, computed as c, reactive as ve, useSlots as ua, ref as I, onMounted as je, toRaw as Ye, watch as pe, useAttrs as da, toRef as Re } from "vue";
-import { d as ca, h as ma } from "./index.CL3TXc0a.js";
-import { B as Da } from "./divider.KxXy6nzJ.js";
-import { h as pa, B as va } from "./button-actions.bkcLUE1G.js";
-import { B as Je } from "./typography.D1OZJbEa.js";
-import { B as fa } from "./alert.DJDHwVeR.js";
-import { B as ga, g as qe, D as Ma } from "./dropdown.Bnq4kP7k.js";
-import { B as ya } from "./segmented-control.nYpRQTGc.js";
-import { u as Ae } from "./index.CPOlyau9.js";
-import { u as ha } from "./use-has-slot.C9lQZ6nz.js";
-import { u as ke, a as Ra } from "./use-date-input-formatter.MgbFwUqJ.js";
-import { u as Ta } from "./use-touch-device.DTqFAbXh.js";
-import { j as re, k as P, s as b, l as Ya, m as Ce, n as ba, f as Be, o as Aa, q as ka, r as _a, t as Ne, u as Ia, b as C, v as Sa, h as Ea, i as Fa, e as S, w as ze, x as Ve, g as xa } from "./calendar.CXdLEeN4.js";
-import { e as B, a as Le } from "./differenceInMonths.CPDkGea3.js";
-import { s as We } from "./startOfWeek.CzdYFzXX.js";
-import { t as fe, n as Pa, c as wa } from "./en-US.C412g-7U.js";
-import { c as Oa } from "./constructNow.Dl44Mvpp.js";
-import { s as De, a as Qe } from "./set-time-in-date.B3K4C7CB.js";
-import { B as qa, i as Ge } from "./input-time.CXMuvF9N.js";
-import { B as Ca } from "./input-field.D912rZS_.js";
-import { B as Ba } from "./form-layout-group.D4T0Z5xk.js";
-import { n as _e } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { g as te } from "./generate-uid.DBWe4g6T.js";
-import { u as Na } from "./use-form-layout-loading.CWbjZiwP.js";
+import { defineComponent as xe, computed as c, reactive as be, useSlots as ya, ref as E, onMounted as ea, toRaw as we, watch as De, useAttrs as Ma, toRef as Ee } from "vue";
+import { d as ha, h as Ta } from "./index.CL3TXc0a.js";
+import { B as Ra } from "./divider.KxXy6nzJ.js";
+import { h as Ya, B as ba } from "./button-actions.CdetBz3J.js";
+import { B as aa, p as Ia } from "./typography.Cd386LC_.js";
+import { B as ka } from "./alert.BddJPWMN.js";
+import { B as Aa, g as We, D as _a } from "./dropdown.CpZQYisR.js";
+import { B as Sa } from "./segmented-control.CcQoBTfT.js";
+import { u as Pe } from "./index.CPOlyau9.js";
+import { u as Ea } from "./use-has-slot.C9lQZ6nz.js";
+import { u as Oe, a as Fa } from "./use-date-input-formatter.CouOE5tF.js";
+import { u as wa } from "./use-touch-device.DTqFAbXh.js";
+import { j as pe, k as x, s as k, l as xa, m as Qe, n as Pa, f as Ge, o as Oa, q as Ba, r as qa, t as $e, u as Ca, b as C, v as Na, e as Y, h as za, i as Va, w as Ue, x as je, g as La } from "./calendar.BalfhApP.js";
+import { e as N, a as Je } from "./differenceInMonths.CPDkGea3.js";
+import { s as He } from "./startOfWeek.CzdYFzXX.js";
+import { t as Ie, n as Wa, c as Qa } from "./en-US.C412g-7U.js";
+import { c as Ga } from "./constructNow.Dl44Mvpp.js";
+import { a as Ye, s as Re } from "./set-time-in-date.B3K4C7CB.js";
+import { B as $a, s as ta, i as Ke } from "./input-time.D7IsprlH.js";
+import { B as Ua } from "./input-field.90DWNO1a.js";
+import { B as ja } from "./form-layout-group.BSC2esG8.js";
+import { n as Be } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { g as ce } from "./generate-uid.DBWe4g6T.js";
+import { u as Ja } from "./use-form-layout-loading.CWbjZiwP.js";
 import "./index.Cl4_42j5.js";
-import { u as za } from "./form-field.B60VsF8d.js";
-import { B as Va } from "./directive.D1-d-C2K.js";
-import { F as La } from "./field-label.C7BCsofY.js";
-import { E as Wa } from "./error-message.DKnoUezI.js";
-import { B as Qa } from "./button-actions.types.BptAXjD8.js";
+import { u as Ha } from "./form-field.B60VsF8d.js";
+import { B as Ka } from "./directive.D1-d-C2K.js";
+import { F as Xa } from "./field-label.BQaDr37D.js";
+import { E as Za } from "./error-message.B-n8wzFo.js";
+import { B as et } from "./button-actions.types.BptAXjD8.js";
 import "../assets/date-range-picker.css";
-function Ue(o, t) {
-  return fe(o, t?.in).getFullYear();
+function Xe(l, t) {
+  return Ie(l, t?.in).getFullYear();
 }
-function ne(o, t) {
-  return +fe(o) == +fe(t);
+function me(l, t) {
+  return +Ie(l) == +Ie(t);
 }
-function Ga(o, t, e) {
-  const [a, i] = Pa(
+function at(l, t, e) {
+  const [a, i] = Wa(
     e?.in,
-    o,
+    l,
     t
   );
-  return +re(a) == +re(i);
+  return +pe(a) == +pe(i);
 }
-function $e(o, t) {
-  const e = fe(o, t?.in);
+function Ze(l, t) {
+  const e = Ie(l, t?.in);
   return e.setMilliseconds(0), e;
 }
-function Te(o, t) {
-  return +$e(o) == +$e(t);
+function Fe(l, t) {
+  return +Ze(l) == +Ze(t);
 }
-function Ua(o, t) {
-  return P(
-    wa(o, o),
-    Oa(o)
+function tt(l, t) {
+  return x(
+    Qa(l, l),
+    Ga(l)
   );
 }
-const $a = {
+const nt = {
   name: "date-time-input"
-}, ja = /* @__PURE__ */ be({
-  ...$a,
+}, rt = /* @__PURE__ */ xe({
+  ...nt,
   props: {
     dateModelValue: { default: "" },
     dateProps: { default: () => ({}) },
@@ -68,109 +68,113 @@ const $a = {
     timeModelValue: { default: "" },
     timeProps: { default: () => ({}) }
   },
-  emits: ["update:date-model-value", "date:keydown", "update:time-model-value", "time:error", "time:valid"],
-  setup(o) {
-    const t = o, e = c(() => ({
+  emits: ["click", "update:date-model-value", "date:keydown", "update:time-model-value", "time:error", "time:valid"],
+  setup(l) {
+    const t = l, e = c(() => ({
       errorMessage: t.errorMessage,
       ...t.dateProps
     })), a = c(() => ({
       errorMessage: t.errorMessage,
       ...t.timeProps
     }));
-    return { __sfc: !0, props: t, resolvedDateProps: e, resolvedTimeProps: a, BentoFormLayoutGroup: Ba, BentoInputField: Ca, BentoInputTime: qa };
+    return { __sfc: !0, props: t, resolvedDateProps: e, resolvedTimeProps: a, BentoFormLayoutGroup: ja, BentoInputField: Ua, BentoInputTime: $a };
   }
 });
-var Ja = function() {
+var st = 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);
-}, Ha = [], Ka = /* @__PURE__ */ _e(
-  ja,
-  Ja,
-  Ha,
+}, ot = [], lt = /* @__PURE__ */ Be(
+  rt,
+  st,
+  ot,
   !1,
   null,
   null
 );
-const Xa = Ka.exports, Za = ({
-  firstDayOfWeek: o,
+const it = lt.exports, ut = ({
+  firstDayOfWeek: l,
   min: t,
   max: e
 }) => ({ getGranularCalendarLimits: (i) => {
   if (!t && !e)
     return { min: null, max: null };
-  let m = t ? b(t) : null, p = e ? B(e) : null;
+  let m = t ? k(t) : null, p = e ? N(e) : null;
   if (i?.type === "weekly") {
     if (i.earliest)
-      m = b(i.earliest);
+      m = k(i.earliest);
     else if (m) {
-      const y = We(m, { weekStartsOn: o });
-      P(m, y) || (m = b(Ya(Ce(m, { weekStartsOn: o }), 1)));
+      const h = He(m, { weekStartsOn: l });
+      x(m, h) || (m = k(xa(Qe(m, { weekStartsOn: l }), 1)));
     }
     if (i.latest)
-      p = B(i.latest);
+      p = N(i.latest);
     else if (p) {
-      const y = Ce(p, { weekStartsOn: o });
-      P(p, y) || (p = B(ba(We(p, { weekStartsOn: o }), 1)));
+      const h = Qe(p, { weekStartsOn: l });
+      x(p, h) || (p = N(Pa(He(p, { weekStartsOn: l }), 1)));
     }
   }
   if (i?.type === "monthly") {
     if (i.earliest)
-      m = b(i.earliest);
+      m = k(i.earliest);
     else if (m) {
-      const y = Be(m);
-      P(m, y) || (m = Be(Aa(m, 1)));
+      const h = Ge(m);
+      x(m, h) || (m = Ge(Oa(m, 1)));
     }
     if (i.latest)
-      p = B(i.latest);
+      p = N(i.latest);
     else if (p) {
-      const y = Le(p);
-      P(p, y) || (p = Le(ka(p, 1)));
+      const h = Je(p);
+      x(p, h) || (p = Je(Ba(p, 1)));
     }
   }
   if (i?.type === "quarterly") {
     if (i.earliest)
-      m = re(i.earliest);
+      m = pe(i.earliest);
     else if (m) {
-      const y = re(m);
-      P(m, y) || (m = re(_a(m, 1)));
+      const h = pe(m);
+      x(m, h) || (m = pe(qa(m, 1)));
     }
     if (i.latest)
-      p = B(i.latest);
+      p = N(i.latest);
     else if (p) {
-      const y = Ne(p);
-      P(p, y) || (p = Ne(Ia(p, 1)));
+      const h = $e(p);
+      x(p, h) || (p = $e(Ca(p, 1)));
     }
   }
   return { min: m, max: p };
-} }), et = () => {
-  const o = ve({
+} }), dt = () => {
+  const l = be({
     daily: null,
     weekly: null,
     monthly: null,
     quarterly: null
   });
   return {
-    savedRanges: o,
+    savedRanges: l,
     saveRange: (a, i) => {
-      o[a] = i;
+      l[a] = i;
     },
     resetSavedRanges: () => {
-      o.daily = null, o.weekly = null, o.monthly = null, o.quarterly = null;
+      l.daily = null, l.weekly = null, l.monthly = null, l.quarterly = null;
     }
   };
 };
-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 at = {
+var D = /* @__PURE__ */ ((l) => (l.CUSTOM_RANGE = "custom-range", l.INPUT = "input", l.ERROR = "error", l.FORM_DATE = "form-date", l.START_DATE_SELECTED = "start-date-selected", l))(D || {});
+const ct = {
   "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", 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", 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", 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", 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 at = {
   "ja-JP": { "DD-MM-YYYY": "DD-MM-YYYY", "MM-DD-YYYY": "MM-DD-YYYY", "YYYY-MM-DD": "YYYY-MM-DD", customRange: "カスタム範囲", daily: "毎日", dateFrom: "開始日", dateTo: "終了日", invalidDateFormat: "無効な日付形式", lastMonth: "先月", lastSevenDays: "過去 7 日間", lastThreeMonths: "過去3か月", maxRangeDays: "{count}日間まで選択できます | {count}日間まで選択できます", maxRangeMonths: "{count}か月まで選択できます | {count}か月まで選択できます", maxRangeQuarters: "{count}四半期まで選択できます | {count}四半期まで選択できます", maxRangeWeeks: "{count}週間まで選択できます | {count}週間まで選択できます", monthly: "毎月", quarterly: "四半期ごと", selectedDateIsNotAvailable: "選択した日付は利用できません", startDateMustPrecedeEndDate: "開始日は終了日より前にする必要があります", timeFrom: "開始時刻", timeTo: "終了時刻", 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é", 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é", weekly: "Semanal" },
   "zh-CN": { "DD-MM-YYYY": "日-月-年", "MM-DD-YYYY": "月-日-年", "YYYY-MM-DD": "年-月-日", customRange: "自定义范围", daily: "每日", dateFrom: "日期自", dateTo: "日期至", invalidDateFormat: "日期格式无效", lastMonth: "上个月", lastSevenDays: "最近 7 天", lastThreeMonths: "过去三个月", maxRangeDays: "您可以选择最多 {count} 天 | 您可以选择最多 {count} 天", maxRangeMonths: "您可以选择最多 {count} 个月 | 您可以选择最多 {count} 个月", maxRangeQuarters: "您最多可以选择 {count} 个季度 | 您最多可以选择 {count} 个季度", maxRangeWeeks: "您最多可以选择 {count} 周 | 您最多可以选择 {count} 周", monthly: "每月", quarterly: "每季度", selectedDateIsNotAvailable: "所选日期不可用", startDateMustPrecedeEndDate: "开始日期必须早于结束日期", timeFrom: "时间自", timeTo: "是时候", weekly: "每周" }
-}, tt = {
+}, mt = {
   name: "date-range-picker-calendar",
-  i18n: { messages: at }
-}, nt = /* @__PURE__ */ be({
-  ...tt,
+  i18n: { messages: ct }
+}, Dt = /* @__PURE__ */ xe({
+  ...mt,
   props: {
     /**
      * Allows user to enter time values in the form
@@ -233,12 +237,16 @@ const at = {
     numberOfMonths: {
       type: C.props.numberOfMonths.type,
       default: C.props.numberOfMonths.default,
-      validator: (o) => o >= 0
+      validator: (l) => l >= 0
     },
     /**
      * Displays the end date's month when the calendar is opened. Defaults to false i.e. the start date's month is displayed.
      */
     showEndDateOnOpen: { type: Boolean, default: !1 },
+    /**
+     * Limits the selectable times to a fixed interval, expressed in minutes.
+     */
+    timeInterval: { type: Number, default: null },
     /**
      * Enables the custom range selector.
      * If provided, must be an array that sets the custom range dropdown items. Items are of the structure:
@@ -270,289 +278,302 @@ const at = {
     D.FORM_DATE,
     D.START_DATE_SELECTED
   ],
-  setup(o, { emit: t }) {
-    const e = o, a = 300, i = "customRange", m = {
+  setup(l, { emit: t }) {
+    const e = l, a = 300, i = "customRange", m = {
       daily: "maxRangeDays",
       weekly: "maxRangeWeeks",
       monthly: "maxRangeMonths",
       quarterly: "maxRangeQuarters"
-    }, p = ua(), y = ha(p), { t: E, tc: N } = Ae(), { isTouchDevice: f } = Ta(), {
-      dateFormat: se,
-      isFormatValid: H,
-      parseDate: v,
-      onKeyDown: A,
-      autoFormat: k,
-      formatDate: z
-    } = ke(), R = I({}), K = c(() => e.variant === "month" ? "monthly" : "daily"), X = c(() => e.numberOfMonths === 0), r = ve({
+    }, p = ya(), h = Ea(p), { t: w, tc: L } = Pe(), { isTouchDevice: g } = wa(), {
+      dateFormat: ve,
+      isFormatValid: ne,
+      parseDate: f,
+      onKeyDown: F,
+      autoFormat: A,
+      formatDate: W
+    } = Oe(), Q = E({}), b = E(null), re = c(() => e.variant === "month" ? "monthly" : "daily"), se = c(() => e.numberOfMonths === 0), M = (n, o) => e.timeInterval ? ta(n, e.timeInterval, o) : n, K = (n) => {
+      const o = N(n);
+      return e.timeInterval ? Ye(o, M(Y(o), "up")) : o;
+    }, r = be({
       startDate: e.value?.startDate,
       endDate: e.value?.endDate,
       range: e.value?.range,
       ...e.granularities ? {
-        granularity: e.value?.granularity || K.value
+        granularity: e.value?.granularity || re.value
       } : {}
-    }), F = c(() => (
+    }), P = c(() => (
       // eslint-disable-next-line consistent-return
-      e?.quickSelectRanges?.find(({ value: n, data: l }) => {
-        if (!l.endDate) {
-          if (l.isRelativeToNow) {
-            const u = R.value?.[n];
-            return u ? ne(u.startDate, r.startDate) && ne(u.endDate, r.endDate) : (
+      e?.quickSelectRanges?.find(({ value: n, data: o }) => {
+        if (!o.endDate) {
+          if (o.isRelativeToNow) {
+            const d = Q.value?.[n];
+            return d ? me(d.startDate, r.startDate) && me(d.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 ne(l.startDate, r.startDate) && Ua(r.endDate) && (!e.allowTimeInput || Te(r.endDate, B(r.endDate))) && (e.granularities ? l.granularity === r.granularity : !0);
+          return me(o.startDate, r.startDate) && tt(r.endDate) && (!e.allowTimeInput || Fe(
+            r.endDate,
+            K(r.endDate)
+          )) && (e.granularities ? o.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);
-        if (l.endDate)
-          return P(l.startDate, r.startDate) && P(l.endDate, r.endDate) && (e.granularities ? l.granularity === r.granularity : !0);
+          return Fe(o.startDate, r.startDate) && Fe(o.endDate, r.endDate) && (e.granularities ? o.granularity === r.granularity : !0);
+        if (o.endDate)
+          return x(o.startDate, r.startDate) && x(o.endDate, r.endDate) && (e.granularities ? o.granularity === r.granularity : !0);
       })?.value ?? i
-    )), ge = c(() => [
-      { label: E("customRange"), value: i },
+    )), ke = c(() => [
+      { label: w("customRange"), value: i },
       ...e.quickSelectRanges ? e.quickSelectRanges : []
-    ]), V = c(
+    ]), z = c(
       () => e.granularities?.find(({ type: n }) => n === r.granularity) || null
-    ), Me = c(
-      () => e.granularities?.map(({ type: n, disabled: l }) => ({
-        label: E(n),
+    ), fe = c(
+      () => e.granularities?.map(({ type: n, disabled: o }) => ({
+        label: w(n),
         value: n,
-        disabled: l
+        disabled: o
       })) ?? []
-    ), { getGranularCalendarLimits: L } = Za(e), G = c(
-      () => e.granularities ? L(V.value) : { min: e.min ? b(e.min) : null, max: e.max ? B(e.max) : null }
-    ), { normalizeRange: oe } = Sa(e.firstDayOfWeek), { savedRanges: W, saveRange: Z, resetSavedRanges: Q } = et(), Y = (n) => n ? z(n) : "", U = (n, l = !0) => {
+    ), { getGranularCalendarLimits: ge } = ut(e), X = c(
+      () => e.granularities ? ge(z.value) : { min: e.min ? k(e.min) : null, max: e.max ? N(e.max) : null }
+    ), { normalizeRange: Z } = Na(e.firstDayOfWeek), { savedRanges: G, saveRange: ee, resetSavedRanges: U } = dt(), _ = (n) => n ? W(n) : "", ae = (n, o = !0) => {
       if (!r.startDate || !r.endDate)
         return;
-      const u = oe({
+      const d = Z({
         startDate: r.startDate,
         endDate: r.endDate,
         fixedEndpoint: n,
-        granularity: V.value,
-        alignToGranularity: l,
+        granularity: z.value,
+        alignToGranularity: o,
         fallbackMaxRange: e.maxRange,
-        min: G.value.min,
-        max: G.value.max
+        min: X.value.min,
+        max: X.value.max
       });
-      ne(u.startDate, r.startDate) && ne(u.endDate, r.endDate) || (r.startDate = u.startDate, r.endDate = u.endDate, s.startDate = Y(u.startDate), s.endDate = Y(u.endDate));
-    }, h = I(null), g = I(null), le = c(() => h.value ? E(h.value) : null), ee = c(() => g.value ? E(g.value) : null), $ = c(
-      () => h.value === "invalidDateFormat" ? null : le.value
-    ), w = c(() => g.value === "invalidDateFormat" ? null : ee.value), T = (n, l, u, M) => {
-      if (!n || !H(n))
+      me(d.startDate, r.startDate) && me(d.endDate, r.endDate) || (r.startDate = d.startDate, r.endDate = d.endDate, s.startDate = _(d.startDate), s.endDate = _(d.endDate));
+    }, y = E(null), T = E(null), oe = c(() => y.value ? w(y.value) : null), j = c(() => T.value ? w(T.value) : null), O = c(
+      () => y.value === "invalidDateFormat" ? null : oe.value
+    ), $ = c(() => T.value === "invalidDateFormat" ? null : j.value), v = (n, o, d, R) => {
+      if (!n || !ne(n))
         return "invalidDateFormat";
-      const _ = v(n), q = b(_);
-      if (e.min && q < b(e.min) || e.max && q > b(e.max) || e.isDateDisabled && e.isDateDisabled(q))
+      const V = f(n), S = k(V);
+      if (e.min && S < k(e.min) || e.max && S > k(e.max) || e.isDateDisabled && e.isDateDisabled(S))
         return "selectedDateIsNotAvailable";
-      if (l) {
-        const we = M ? De(M, 0).getTime() : q.getTime(), Oe = M ? De(l, 0).getTime() : b(l).getTime();
-        if (u === "start" ? we >= Oe : we <= Oe)
+      if (o) {
+        const ie = R ? Re(R, 0).getTime() : S.getTime(), ue = R ? Re(o, 0).getTime() : k(o).getTime();
+        if (d === "start" ? ie >= ue : ie <= ue)
           return "startDateMustPrecedeEndDate";
       }
       return null;
-    }, s = ve({
+    }, s = be({
       startDate: e.dateFormData.startDate,
       endDate: e.dateFormData.endDate,
-      startTime: e.dateFormData.startTime,
-      endTime: e.dateFormData.endTime
-    }), ae = (n, l) => {
-      const u = () => {
-        if (l && d(l)) {
-          const M = Qe(v(l), n);
-          if (e.min && M < De(e.min, 0) || e.max && M > De(e.max, 0))
+      startTime: M(e.dateFormData.startTime, "down"),
+      endTime: M(e.dateFormData.endTime, "up")
+    }), J = (n, o) => {
+      const d = () => {
+        if (o && H(o)) {
+          const R = Ye(f(o), n);
+          if (e.min && R < Re(e.min, 0) || e.max && R > Re(e.max, 0))
             return !1;
         }
         return !0;
       };
-      return Ge(n) && u();
-    }, x = c(() => e.variant === "month"), j = (n) => n ? x.value ? Ea(n) : Fa(n) : "", ie = c(() => j(r.startDate)), ye = c(() => j(r.endDate)), Ie = c(() => f.value ? x.value ? "month" : "date" : "text"), Se = c(() => f.value ? ie.value : s.startDate), Ee = c(() => f.value ? ye.value : s.endDate), O = (n, l) => !l || !Ge(l) || e.variant === "month" ? n : Qe(new Date(n), l), Fe = (n) => {
-      s.startTime = S(
-        e.min && e.allowTimeInput && P(e.min, n.startDate) ? e.min : b(n.startDate)
-      ), s.endTime = S(
-        e.max && e.allowTimeInput && P(e.max, n.endDate) ? e.max : B(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, {
+      return Ke(n) && d();
+    }, B = c(() => e.variant === "month"), le = (n) => n ? B.value ? za(n) : Va(n) : "", Ae = c(() => le(r.startDate)), _e = c(() => le(r.endDate)), qe = c(() => g.value ? B.value ? "month" : "date" : "text"), Ce = c(() => g.value ? Ae.value : s.startDate), Ne = c(() => g.value ? _e.value : s.endDate), I = (n, o) => !o || !Ke(o) || e.variant === "month" ? n : Ye(new Date(n), o), u = (n, o = !1) => {
+      if (!o) {
+        const d = e.min && e.allowTimeInput && x(e.min, n.startDate), R = e.max && e.allowTimeInput && x(e.max, n.endDate);
+        s.startTime = d ? M(Y(e.min), "up") : M(Y(k(n.startDate)), "down"), s.endTime = R ? M(Y(e.max), "down") : M(Y(N(n.endDate)), "up");
+      }
+      r.startDate = I(n.startDate, s.startTime), r.endDate = I(n.endDate, s.endTime), r.range = null, e.granularities && U(), t(D.INPUT, {
         ...r,
-        range: F.value
+        range: P.value
       });
-    }, d = (n) => !!n && !T(n);
-    je(() => {
-      h.value = e.dateFormData.startDate ? T(e.dateFormData.startDate) : null, g.value = e.dateFormData.endDate ? T(e.dateFormData.endDate) : null;
+    }, q = (n) => {
+      u(n);
+    }, te = () => {
+      const n = b.value?.finalizeRangeSelection();
+      n && u(n, !0);
+    }, H = (n) => !!n && !v(n);
+    ea(() => {
+      y.value = e.dateFormData.startDate ? v(e.dateFormData.startDate) : null, T.value = e.dateFormData.endDate ? v(e.dateFormData.endDate) : null;
     });
-    const J = (n) => {
-      s.startDate = Y(n), s.startTime || (s.startTime = S(n)), h.value = null, g.value === "startDateMustPrecedeEndDate" && (g.value = null), t(D.START_DATE_SELECTED, n);
-    }, ue = (n) => {
-      s.endDate = Y(n), s.endTime || (s.endTime = S(B(n))), g.value = null, h.value === "startDateMustPrecedeEndDate" && (h.value = null);
-    }, de = (n) => {
-      const l = e.value?.[n];
-      if (l)
-        return l;
-      if (e.dateFormData[n] && d(e.dateFormData[n]))
-        return v(e.dateFormData[n]);
-    }, ce = (n, l = !1) => {
-      if (d(n)) {
-        const u = n;
-        h.value = null, s.startDate = u;
-        const M = b(v(u));
-        r.startDate = O(M, s.startTime), d(s.endDate) && (r.endDate = O(
-          b(v(s.endDate)),
+    const na = (n) => {
+      s.startDate = _(n), s.startTime || (s.startTime = M(Y(n), "down")), y.value = null, T.value === "startDateMustPrecedeEndDate" && (T.value = null), t(D.START_DATE_SELECTED, n);
+    }, ra = (n) => {
+      s.endDate = _(n), s.endTime || (s.endTime = M(Y(N(n)), "up")), T.value = null, y.value === "startDateMustPrecedeEndDate" && (y.value = null);
+    }, ye = (n) => {
+      const o = e.value?.[n];
+      if (o)
+        return o;
+      if (e.dateFormData[n] && H(e.dateFormData[n]))
+        return f(e.dateFormData[n]);
+    }, Me = (n, o = !1) => {
+      if (H(n)) {
+        const d = n;
+        y.value = null, s.startDate = d;
+        const R = k(f(d));
+        r.startDate = I(R, s.startTime), H(s.endDate) && (r.endDate = I(
+          k(f(s.endDate)),
           s.endTime
         ));
-        const _ = de("endDate"), q = T(
-          u,
-          e.allowTimeInput ? r.endDate : _,
+        const V = ye("endDate"), S = v(
+          d,
+          e.allowTimeInput ? r.endDate : V,
           "start",
           e.allowTimeInput ? r.startDate : void 0
         );
-        if (q) {
-          h.value = q, t(D.ERROR, { ...s });
+        if (S) {
+          y.value = S, t(D.ERROR, { ...s });
           return;
         }
-        g.value === "startDateMustPrecedeEndDate" && (g.value = null), U("end", l), r.range = null, t(D.FORM_DATE, {
+        T.value === "startDateMustPrecedeEndDate" && (T.value = null), ae("end", o), r.range = null, t(D.FORM_DATE, {
           startDate: r.startDate,
           endDate: r.endDate
         }), t(D.INPUT, {
           ...r,
-          range: F.value
+          range: P.value
         });
       } else
-        h.value = T(n), t(D.ERROR, { ...s });
-    }, xe = qe(ce, a), He = (n) => {
-      s.startDate = f.value && x.value ? n : k(n), f.value ? x.value && n ? ce(Y(ze(n)), !0) : s.startDate ? ce(s.startDate) : h.value = null : xe(s.startDate);
-    }, me = (n, l = !1) => {
-      if (d(n)) {
-        const u = n;
-        g.value = null, s.endDate = u;
-        const M = b(v(u));
-        r.endDate = O(M, s.endTime), d(s.startDate) && (r.startDate = O(
-          b(v(s.startDate)),
+        y.value = v(n), t(D.ERROR, { ...s });
+    }, ze = We(Me, a), sa = (n) => {
+      s.startDate = g.value && B.value ? n : A(n), g.value ? B.value && n ? Me(_(Ue(n)), !0) : s.startDate ? Me(s.startDate) : y.value = null : ze(s.startDate);
+    }, he = (n, o = !1) => {
+      if (H(n)) {
+        const d = n;
+        T.value = null, s.endDate = d;
+        const R = k(f(d));
+        r.endDate = I(R, s.endTime), H(s.startDate) && (r.startDate = I(
+          k(f(s.startDate)),
           s.startTime
         ));
-        const _ = de("startDate"), q = T(
-          u,
-          e.allowTimeInput ? r.startDate : _,
+        const V = ye("startDate"), S = v(
+          d,
+          e.allowTimeInput ? r.startDate : V,
           "end",
           e.allowTimeInput ? r.endDate : void 0
         );
-        if (q) {
-          g.value = q, t(D.ERROR, { ...s });
+        if (S) {
+          T.value = S, t(D.ERROR, { ...s });
           return;
         }
-        h.value === "startDateMustPrecedeEndDate" && (h.value = null), U("start", l), r.range = null, t(D.FORM_DATE, {
+        y.value === "startDateMustPrecedeEndDate" && (y.value = null), ae("start", o), r.range = null, t(D.FORM_DATE, {
           startDate: r.startDate,
           endDate: r.endDate
         }), t(D.INPUT, {
           ...r,
-          range: F.value
+          range: P.value
         });
       } else
-        g.value = T(n), t(D.ERROR, { ...s });
-    }, Pe = qe(me, a), Ke = (n) => {
-      s.endDate = f.value && x.value ? n : k(n), f.value ? x.value && n ? me(Y(ze(n)), !0) : s.endDate ? me(s.endDate) : g.value = null : Pe(s.endDate);
-    }, Xe = (n) => {
-      A(n);
-    }, Ze = () => {
+        T.value = v(n), t(D.ERROR, { ...s });
+    }, Ve = We(he, a), oa = (n) => {
+      s.endDate = g.value && B.value ? n : A(n), g.value ? B.value && n ? he(_(Ue(n)), !0) : s.endDate ? he(s.endDate) : T.value = null : Ve(s.endDate);
+    }, la = (n) => {
+      F(n);
+    }, ia = () => {
       t(D.ERROR, { ...s });
-    }, ea = () => {
+    }, ua = () => {
       const n = s.startTime;
-      if (!ae(n, s.startDate)) {
+      if (!J(n, s.startDate)) {
         t(D.ERROR, { ...s });
         return;
       }
-      if (r.startDate = O(r.startDate, n), s.startDate && r.endDate) {
-        const u = T(
+      if (r.startDate = I(r.startDate, n), s.startDate && r.endDate) {
+        const d = v(
           s.startDate,
           r.endDate,
           "start",
           r.startDate
         );
-        if (u) {
-          h.value = u, t(D.ERROR, { ...s });
+        if (d) {
+          y.value = d, t(D.ERROR, { ...s });
           return;
         }
       }
-      h.value = null, g.value === "startDateMustPrecedeEndDate" && (g.value = null);
-      const l = de("endDate");
+      y.value = null, T.value === "startDateMustPrecedeEndDate" && (T.value = null);
+      const o = ye("endDate");
       t(D.FORM_DATE, {
         startDate: r.startDate,
-        endDate: l,
+        endDate: o,
         startTime: n,
         endTime: s.endTime ?? e.dateFormData.endTime
       }), t(D.INPUT, {
         ...r,
-        range: F.value
+        range: P.value
       });
-    }, aa = () => {
+    }, da = () => {
       t(D.ERROR, { ...s });
-    }, ta = () => {
+    }, ca = () => {
       const n = s.endTime;
-      if (!ae(n, s.endDate)) {
+      if (!J(n, s.endDate)) {
         t(D.ERROR, { ...s });
         return;
       }
-      if (r.endDate = O(r.endDate, n), s.endDate && r.startDate) {
-        const l = T(
+      if (r.endDate = I(r.endDate, n), s.endDate && r.startDate) {
+        const o = v(
           s.endDate,
           r.startDate,
           "end",
           r.endDate
         );
-        if (l) {
-          g.value = l, t(D.ERROR, { ...s });
+        if (o) {
+          T.value = o, t(D.ERROR, { ...s });
           return;
         }
       }
-      g.value = null, h.value === "startDateMustPrecedeEndDate" && (h.value = null), t(D.FORM_DATE, {
+      T.value = null, y.value === "startDateMustPrecedeEndDate" && (y.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: P.value
       });
-    }, na = (n) => {
+    }, ma = (n) => {
       s.startTime = n;
-    }, ra = (n) => {
+    }, Da = (n) => {
       s.endTime = n;
-    }, he = (n, l, u, M) => {
-      r.startDate = n, r.endDate = l, u && (r.granularity = u), M && (r.range = M);
-    }, sa = (n) => {
-      const l = e.quickSelectRanges?.find(({ value: u }) => u === n);
-      if (l) {
-        Q();
-        const u = l.data, M = u.endDate || (u.isRelativeToNow ? new Date(Date.now()) : B(new Date(Date.now()))), _ = u.isRelativeToNow && u.timeDifference ? new Date(M.getTime() - u.timeDifference) : u.startDate;
-        s.endDate = Y(M), s.startDate = Y(_), he(_, M, null, n), e.granularities && (r.granularity = u.granularity || K.value), s.startTime = S(_), s.endTime = S(M), r.startDate = _, r.endDate = M, u.isRelativeToNow && (R.value = {
-          ...R.value,
+    }, Se = (n, o, d, R) => {
+      r.startDate = n, r.endDate = o, d && (r.granularity = d), R && (r.range = R);
+    }, pa = (n) => {
+      const o = e.quickSelectRanges?.find(({ value: d }) => d === n);
+      if (o) {
+        U();
+        const d = o.data, R = d.endDate || (d.isRelativeToNow ? new Date(Date.now()) : N(new Date(Date.now()))), V = d.isRelativeToNow && d.timeDifference ? new Date(R.getTime() - d.timeDifference) : d.startDate, S = M(Y(V), "down"), ie = M(Y(R), "up"), ue = e.allowTimeInput && !!e.timeInterval, de = ue ? I(V, S) : V, Te = ue ? I(R, ie) : R;
+        s.endDate = _(Te), s.startDate = _(de), s.startTime = S, s.endTime = ie, Se(de, Te, null, n), e.granularities && (r.granularity = d.granularity || re.value), d.isRelativeToNow && (Q.value = {
+          ...Q.value,
           [n]: {
-            startDate: _,
-            endDate: M
+            startDate: de,
+            endDate: Te
           }
         }), t(D.CUSTOM_RANGE, {
-          ...l.data,
-          startDate: _,
-          endDate: M,
-          range: l.value
+          ...o.data,
+          startDate: de,
+          endDate: Te,
+          range: o.value
         });
       }
-    }, oa = (n) => {
-      const l = r.granularity;
-      r.granularity = n, l && Z(l, structuredClone(Ye(r))), r.startDate && r.endDate && (W[n] && he(W[n].startDate, W[n].endDate, n), U("end"), s.startDate = Y(r.startDate), s.endDate = Y(r.endDate), t(D.INPUT, {
+    }, va = (n) => {
+      const o = r.granularity;
+      r.granularity = n, o && ee(o, structuredClone(we(r))), r.startDate && r.endDate && (G[n] && Se(G[n].startDate, G[n].endDate, n), ae("end"), s.startDate = _(r.startDate), s.endDate = _(r.endDate), t(D.INPUT, {
         ...r,
-        range: F.value
+        range: P.value
       }));
-    }, la = c(() => ({
-      "b-date-range-picker-calendar__form-container--no-calendars": X.value || f.value
-    })), ia = c(() => {
-      const n = V.value, l = n?.maxRange || e.maxRange;
-      if (!l)
+    }, fa = c(() => ({
+      "b-date-range-picker-calendar__form-container--no-calendars": se.value || g.value
+    })), ga = c(() => {
+      const n = z.value, o = n?.maxRange || e.maxRange;
+      if (!o)
         return null;
-      const u = m[n?.type ?? "daily"];
-      return N(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: E, tc: N, isTouchDevice: f, dateFormat: se, isFormatValid: H, parseDate: v, onKeyDown: A, autoFormat: k, formatDateUtil: z, calculatedIsRelativeToNowQuickSelectRanges: R, defaultGranularity: K, hasNoCalendars: X, internalRangeDate: r, selectedRangeSelectorValue: F, quickSelectRangeDefaultItems: ge, selectedGranularity: V, granularityItems: Me, getGranularCalendarLimits: L, computedMinMax: G, normalizeRange: oe, savedRanges: W, saveRange: Z, resetSavedRanges: Q, formatDate: Y, normalizeInternalRange: U, startDateError: h, endDateError: g, startDateErrorText: le, endDateErrorText: ee, startSharedError: $, endSharedError: w, getDateErrorMessage: T, dateTextInput: s, isValidTime: ae, isMonthVariant: x, formatNativeDate: j, nativeStartDate: ie, nativeEndDate: ye, dateInputType: Ie, startDateValue: Se, endDateValue: Ee, setTimeInDateRef: O, onDateInput: Fe, isValidDate: d, onStartDateSelected: J, onEndDateSelected: ue, getDate: de, validateStartDate: ce, validateStartDateDebounced: xe, onStartDateInput: He, validateEndDate: me, validateEndDateDebounced: Pe, onEndDateInput: Ke, onDateInputKeyDown: Xe, onStartTimeError: Ze, onStartTimeValid: ea, onEndTimeError: aa, onEndTimeValid: ta, onStartTimeInput: na, onEndTimeInput: ra, setInternalRange: he, onRangeSelectorInput: sa, onGranularityInput: oa, computedFormContainerClasses: la, maxRangeMessage: ia, Calendar: C, DateTimeInput: Xa, BentoAlert: fa, BentoTypography: Je, BentoDropdown: ga, BentoSegmentedControl: ya };
+      const d = m[n?.type ?? "daily"];
+      return L(d, o, { count: o });
+    }), Le = () => {
+      !e.allowTimeInput || !e.timeInterval || (r.startDate && (r.startDate = I(r.startDate, s.startTime)), r.endDate && (r.endDate = I(r.endDate, s.endTime)));
+    };
+    return Le(), { __sfc: !0, FORM_INPUT_DEBOUNCE_TIME: a, RANGE_SELECTOR_CUSTOM_RANGE_KEY: i, maxRangeMessageKeyMap: m, props: e, emit: t, slots: p, hasSlot: h, t: w, tc: L, isTouchDevice: g, dateFormat: ve, isFormatValid: ne, parseDate: f, onKeyDown: F, autoFormat: A, formatDateUtil: W, calculatedIsRelativeToNowQuickSelectRanges: Q, calendarRef: b, defaultGranularity: re, hasNoCalendars: se, snapTime: M, resolveEndOfSelectableDay: K, internalRangeDate: r, selectedRangeSelectorValue: P, quickSelectRangeDefaultItems: ke, selectedGranularity: z, granularityItems: fe, getGranularCalendarLimits: ge, computedMinMax: X, normalizeRange: Z, savedRanges: G, saveRange: ee, resetSavedRanges: U, formatDate: _, normalizeInternalRange: ae, startDateError: y, endDateError: T, startDateErrorText: oe, endDateErrorText: j, startSharedError: O, endSharedError: $, getDateErrorMessage: v, dateTextInput: s, isValidTime: J, isMonthVariant: B, formatNativeDate: le, nativeStartDate: Ae, nativeEndDate: _e, dateInputType: qe, startDateValue: Ce, endDateValue: Ne, setTimeInDateRef: I, updateSelectedRange: u, onDateInput: q, finalizeHoveredRange: te, isValidDate: H, onStartDateSelected: na, onEndDateSelected: ra, getDate: ye, validateStartDate: Me, validateStartDateDebounced: ze, onStartDateInput: sa, validateEndDate: he, validateEndDateDebounced: Ve, onEndDateInput: oa, onDateInputKeyDown: la, onStartTimeError: ia, onStartTimeValid: ua, onEndTimeError: da, onEndTimeValid: ca, onStartTimeInput: ma, onEndTimeInput: Da, setInternalRange: Se, onRangeSelectorInput: pa, onGranularityInput: va, computedFormContainerClasses: fa, maxRangeMessage: ga, alignInitialRangeWithTimeInterval: Le, Calendar: C, DateTimeInput: it, BentoAlert: ka, BentoTypography: aa, BentoDropdown: Aa, BentoSegmentedControl: Sa };
   }
 });
-var rt = function() {
+var pt = 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) + " ")];
@@ -563,25 +584,27 @@ var rt = function() {
     errorMessage: a.startDateErrorText
   }, "error-message": a.startSharedError, "show-time-input": t.allowTimeInput, "time-model-value": a.dateTextInput.startTime, "time-props": {
     "aria-label": 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": {
+    errorMessage: a.startSharedError,
+    interval: t.timeInterval
+  } }, 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": {
     "aria-label": a.t("dateTo"),
     type: a.dateInputType,
     description: a.isTouchDevice ? void 0 : a.t(a.dateFormat),
     errorMessage: a.endDateErrorText
   }, "error-message": a.endSharedError, "show-time-input": t.allowTimeInput, "time-model-value": a.dateTextInput.endTime, "time-props": {
     "aria-label": 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()]);
-}, st = [], ot = /* @__PURE__ */ _e(
-  nt,
-  rt,
-  st,
+    errorMessage: a.endSharedError,
+    interval: t.timeInterval
+  } }, 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()]);
+}, vt = [], ft = /* @__PURE__ */ Be(
+  Dt,
+  pt,
+  vt,
   !1,
   null,
-  "41d7722c"
+  "379e2e7b"
 );
-const lt = ot.exports, it = {
+const gt = ft.exports, yt = {
   "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,69 +616,69 @@ const lt = ot.exports, it = {
   "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: "所选日期不可用" }
-}, ut = ({
-  datePickerValue: o,
+}, Mt = ({
+  datePickerValue: l,
   isDateIncorrect: t,
   quickSelectRanges: e,
   isMonthVariant: a,
   withTimeInput: i,
   placeholder: m
 }) => {
-  const { locale: p, t: y } = Ae(), { dateToInputDateString: E } = ke(), N = (v) => !!v && !isNaN(v.getTime()), f = ve({
+  const { locale: p, t: h } = Pe(), { dateToInputDateString: w } = Oe(), L = (f) => !!f && !isNaN(f.getTime()), g = be({
     startDate: null,
     endDate: null,
     startTime: null,
     endTime: null
   });
-  return pe(
-    o,
-    (v) => {
-      f.startDate = E(v?.startDate), f.endDate = E(v?.endDate), f.startTime = S(v?.startDate), f.endTime = S(v?.endDate);
+  return De(
+    l,
+    (f) => {
+      g.startDate = w(f?.startDate), g.endDate = w(f?.endDate), g.startTime = Y(f?.startDate), g.endTime = Y(f?.endDate);
     },
     { immediate: !0 }
   ), {
     // Values
     dateDisplayValue: c(() => {
       if (t.value)
-        return `${f.startDate || ""} - ${f.endDate || ""}`;
-      if (!o.value || !o.value.startDate && !o.value.endDate)
-        return m?.value || y("selectDateRange");
+        return `${g.startDate || ""} - ${g.endDate || ""}`;
+      if (!l.value || !l.value.startDate && !l.value.endDate)
+        return m?.value || h("selectDateRange");
       if (e.value?.length) {
-        const A = e.value.find(({ value: k }) => k === o.value?.range);
-        if (A)
-          return A.label;
+        const F = e.value.find(({ value: A }) => A === l.value?.range);
+        if (F)
+          return F.label;
       }
-      if (o.value.granularity === "quarterly") {
-        const { startDate: A, endDate: k } = o.value, z = y("quarter", { quarter: Ve(A), year: Ue(A) });
-        if (Ga(A, k))
-          return z;
-        const R = y("quarter", { quarter: Ve(k), year: Ue(k) });
-        return `${z} - ${R}`;
+      if (l.value.granularity === "quarterly") {
+        const { startDate: F, endDate: A } = l.value, W = h("quarter", { quarter: je(F), year: Xe(F) });
+        if (at(F, A))
+          return W;
+        const Q = h("quarter", { quarter: je(A), year: Xe(A) });
+        return `${W} - ${Q}`;
       }
-      if (!N(o.value.startDate) || !N(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 = {
-        ...v,
+      if (!L(l.value.startDate) || !L(l.value.endDate))
+        return `${g.startDate || ""} - ${g.endDate || ""}`;
+      let f = a?.value ? { month: "long", year: "numeric" } : { month: "short", day: "2-digit", year: "numeric" };
+      return i.value && (f = {
+        ...f,
         hour: "numeric",
         minute: "numeric",
         second: "numeric",
         hour12: !1
-      }), xa(p.value, v).formatRange(
-        o.value.startDate,
-        o.value.endDate
+      }), La(p.value, f).formatRange(
+        l.value.startDate,
+        l.value.endDate
       );
     }),
-    textInputDisplayValue: f,
+    textInputDisplayValue: g,
     // Methods
     formatTextInputDisplayValue: () => ""
   };
-}, dt = {
-  i18n: { messages: it },
+}, ht = {
+  i18n: { messages: yt },
   name: "bento-date-range-picker",
   model: { prop: "modelValue", event: "update:model-value" }
-}, ct = /* @__PURE__ */ be({
-  ...dt,
+}, Tt = /* @__PURE__ */ xe({
+  ...ht,
   props: {
     description: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
@@ -676,13 +699,14 @@ const lt = ot.exports, it = {
     min: { default: null },
     max: { default: null },
     numberOfMonths: { default: void 0 },
+    timeInterval: { default: void 0 },
     modelValue: { default: null },
     variant: { default: void 0 },
     yearRange: { default: void 0 }
   },
   emits: ["update:model-value"],
-  setup(o, { emit: t }) {
-    const e = o, a = da(), { t: i } = Ae(), { dateToInputDateString: m } = ke(), p = te("bento-date-range-picker-container"), y = te("bento-date-range-picker-label"), E = te("bento-date-range-picker-description"), N = te("bento-date-range-picker-error"), f = te("bento-date-range-picker-date-error"), se = c(() => e.label || i("dateRangePicker", { name: p })), { resolvedFirstDayOfWeek: H } = Ra(Re(e, "firstDayOfWeek")), v = ca({
+  setup(l, { emit: t }) {
+    const e = l, a = Ma(), { t: i } = Pe(), { dateToInputDateString: m } = Oe(), p = ce("bento-date-range-picker-container"), h = ce("bento-date-range-picker-label"), w = ce("bento-date-range-picker-description"), L = ce("bento-date-range-picker-error"), g = ce("bento-date-range-picker-date-error"), ve = c(() => e.label || i("dateRangePicker", { name: p })), { resolvedFirstDayOfWeek: ne } = Fa(Ee(e, "firstDayOfWeek")), f = ha({
       none: 0,
       one: 710,
       // width of date range picker with one panes
@@ -690,129 +714,146 @@ const lt = ot.exports, it = {
       // width of date range picker with two panes
       three: 1290
       // width of date range picker with three panes
-    }), A = c(() => {
-      const d = v.active().value, J = {
+    }), F = c(() => {
+      const u = f.active().value, q = {
         none: 0,
         one: 1,
         two: 2
       };
-      if (d in J) {
-        const ue = J[d];
-        return e.numberOfMonths === void 0 ? ue : Math.min(e.numberOfMonths, ue);
+      if (u in q) {
+        const te = q[u];
+        return e.numberOfMonths === void 0 ? te : Math.min(e.numberOfMonths, te);
       }
       return e.numberOfMonths;
-    }), k = c(() => e?.quickSelectRanges && e.quickSelectRanges.map((d) => {
-      const J = d.data.endDate ? void 0 : new Date(Date.now()).getTime() - d.data.startDate.getTime();
+    }), A = (u, q) => Ye(
+      u,
+      ta(Y(u), G.value, q)
+    ), W = c(() => e?.quickSelectRanges && e.quickSelectRanges.map((u) => {
+      const q = u.data.endDate ? void 0 : new Date(Date.now()).getTime() - u.data.startDate.getTime(), te = G.value ? {
+        startDate: A(u.data.startDate, "down"),
+        ...u.data.endDate ? { endDate: A(u.data.endDate, "up") } : {}
+      } : {};
       return {
-        ...d,
+        ...u,
         data: {
-          ...d.data,
+          ...u.data,
+          ...te,
           // Adding timeDifference to calculate an up-to-date endDate on range selection
-          timeDifference: J
+          timeDifference: q
         }
       };
-    })), z = c(() => e.label ? y : a?.["aria-labelledby"] ?? null), R = I(!1), K = I(null), X = I(null), r = I(!1), { width: F } = ma(X), { isReadOnly: ge } = Na(Re(e, "readonly")), { emitValue: V } = za(t);
-    pe(
+    })), Q = c(() => e.label ? h : a?.["aria-labelledby"] ?? null), b = E(!1), re = E(null), se = E(null), M = E(!1), { width: K } = Ta(se), { isReadOnly: r } = Ja(Ee(e, "readonly")), { emitValue: P } = Ha(t);
+    De(
       () => e.disabled,
       () => {
-        e.disabled && r.value && (r.value = !1);
+        e.disabled && M.value && (M.value = !1);
       }
     );
-    const Me = c(
-      () => A.value === 0 && F.value > 0 && F.value < 332
+    const ke = c(
+      () => F.value === 0 && K.value > 0 && K.value < 332
       // size of date range picker form
-    ), L = c(() => e.modelValue), G = c(() => !T.value && R.value), oe = c(() => ({
-      "b-date-range-picker__description--error": !!e.errorMessage || G.value
-    })), W = c(() => e.variant === "month"), Z = c(() => e.allowTimeInput && e.variant !== "month"), { dateDisplayValue: Q, textInputDisplayValue: Y, formatTextInputDisplayValue: U } = ut({
-      datePickerValue: L,
-      isDateIncorrect: R,
-      quickSelectRanges: k,
-      isMonthVariant: W,
+    ), z = c(() => e.modelValue), fe = c(() => !$.value && b.value), ge = c(() => ({
+      "b-date-range-picker__description--error": !!e.errorMessage || fe.value
+    })), X = c(() => e.variant === "month"), Z = c(() => e.allowTimeInput && e.variant !== "month"), G = c(() => Z.value ? e.timeInterval : null);
+    De(
+      [() => e.timeInterval, () => e.allowTimeInput],
+      ([u, q]) => {
+        u && !q && Ia(
+          '"bento-date-range-picker" ignores the "timeInterval" prop unless "allowTimeInput" is enabled.'
+        );
+      },
+      { immediate: !0 }
+    );
+    const { dateDisplayValue: ee, textInputDisplayValue: U, formatTextInputDisplayValue: _ } = Mt({
+      datePickerValue: z,
+      isDateIncorrect: b,
+      quickSelectRanges: W,
+      isMonthVariant: X,
       withTimeInput: Z,
-      placeholder: Re(e, "placeholder")
-    }), h = c(
-      () => `${e.description ? E : ""} ${e.errorMessage ? N : ""} ${R.value ? f : ""}`.trim() || null
-    ), g = () => {
-      r.value = !1;
-    }, le = () => {
-      r.value = !0;
-    }, ee = I(Q.value), $ = I(
+      placeholder: Ee(e, "placeholder")
+    }), ae = c(
+      () => `${e.description ? w : ""} ${e.errorMessage ? L : ""} ${b.value ? g : ""}`.trim() || null
+    ), y = () => {
+      M.value = !1;
+    }, T = () => {
+      M.value = !0;
+    }, oe = E(ee.value), j = E(
       // textInputDisplayValue is a reactive object
-      structuredClone(Ye(Y))
-    ), w = I(e.modelValue), T = I(!0), s = I($.value), ae = {
+      structuredClone(we(U))
+    ), O = E(e.modelValue), $ = E(!0), v = E(j.value), s = {
       allowOutsideClick: !0
     };
-    je(() => {
-      if (e.granularities && e.variant !== "month" && e.granularities.find(({ type: d }) => d === "quarterly"))
+    ea(() => {
+      if (e.granularities && e.variant !== "month" && e.granularities.find(({ type: u }) => u === "quarterly"))
         throw new Error('Quarterly granularity is only supported by BentoDateRangePicker with variant: "month"');
     });
-    const x = () => {
-      ee.value = Q.value, $.value = structuredClone(Ye(Y)), s.value = $.value, w.value = L.value;
+    const J = () => {
+      oe.value = ee.value, j.value = structuredClone(we(U)), v.value = j.value, O.value = z.value;
     };
-    pe(
+    De(
       () => e.modelValue,
       () => {
-        x();
+        J();
       }
     );
-    const j = () => {
-      x(), R.value = !1, T.value = !0, g();
-    }, ie = c(() => [
+    const B = () => {
+      J(), b.value = !1, $.value = !0, y();
+    }, le = c(() => [
       {
         title: i("apply"),
         event: () => {
-          V(w.value), g(), T.value = !0;
+          P(O.value), y(), $.value = !0;
         },
-        disabled: T.value
+        disabled: $.value
       },
       {
         title: i("cancel"),
-        event: j
+        event: B
       }
     ]);
-    return pe(w, (d) => {
-      T.value = R.value || d === L.value;
-    }), { __sfc: !0, emit: t, props: e, attrs: a, t: i, dateToInputDateString: m, datePickerContainerId: p, labelId: y, descriptionId: E, errorId: N, dateErrorId: f, popoverAriaLabel: se, resolvedFirstDayOfWeek: H, breakpoints: v, computedNumberOfMonths: A, adjustedQuickSelectRanges: k, dropdownInputAriaLabelledBy: z, isDateIncorrect: R, inputContainerRef: K, inputWrapperRef: X, isDateRangePickerOpen: r, inputWrapperWidth: F, isReadOnly: ge, emitValue: V, shouldMatchPopoverWidth: Me, internalModelValue: L, shouldDisplayError: G, descriptionConditionalClasses: oe, isMonthVariant: W, withTimeInput: Z, dateDisplayValue: Q, textInputDisplayValue: Y, formatTextInputDisplayValue: U, ariaDescribedBy: h, closeDateRangePicker: g, openDateRangePicker: le, localDateDisplayValue: ee, localTextInputDisplayValue: $, selectedDate: w, isApplyDisabled: T, displayedTextInputValue: s, trapAllOptions: ae, syncLocalDisplayStateFromCommittedValue: x, cancelDateRangePicker: j, rangePickerButtonActions: ie, onDateRangePickerInput: (d) => {
-      R.value = !1, s.value.startDate = m(d.startDate), s.value.endDate = m(d.endDate), s.value.startTime = S(d.startDate), s.value.endTime = S(d.endDate), w.value = d;
+    return De(O, (u) => {
+      $.value = b.value || u === z.value;
+    }), { __sfc: !0, emit: t, props: e, attrs: a, t: i, dateToInputDateString: m, datePickerContainerId: p, labelId: h, descriptionId: w, errorId: L, dateErrorId: g, popoverAriaLabel: ve, resolvedFirstDayOfWeek: ne, breakpoints: f, computedNumberOfMonths: F, snapDateTime: A, adjustedQuickSelectRanges: W, dropdownInputAriaLabelledBy: Q, isDateIncorrect: b, inputContainerRef: re, inputWrapperRef: se, isDateRangePickerOpen: M, inputWrapperWidth: K, isReadOnly: r, emitValue: P, shouldMatchPopoverWidth: ke, internalModelValue: z, shouldDisplayError: fe, descriptionConditionalClasses: ge, isMonthVariant: X, withTimeInput: Z, resolvedTimeInterval: G, dateDisplayValue: ee, textInputDisplayValue: U, formatTextInputDisplayValue: _, ariaDescribedBy: ae, closeDateRangePicker: y, openDateRangePicker: T, localDateDisplayValue: oe, localTextInputDisplayValue: j, selectedDate: O, isApplyDisabled: $, displayedTextInputValue: v, trapAllOptions: s, syncLocalDisplayStateFromCommittedValue: J, cancelDateRangePicker: B, rangePickerButtonActions: le, onDateRangePickerInput: (u) => {
+      b.value = !1, v.value.startDate = m(u.startDate), v.value.endDate = m(u.endDate), v.value.startTime = Y(u.startDate), v.value.endTime = Y(u.endDate), O.value = u;
     }, clearDateRangePickerValue: async () => {
-      R.value && (R.value = !1), w.value = null;
+      b.value && (b.value = !1), O.value = null;
     }, onEnterPressedOverInput: () => {
-      if (!r.value) {
-        r.value = !0;
+      if (!M.value) {
+        M.value = !0;
         return;
       }
-      R.value || (r.value = !1);
-    }, onDateRangePickerFormDateInputUpdate: (d) => {
-      R.value = !1, d.startTime && (s.value.startTime = d.startTime), d.endTime && (s.value.endTime = d.endTime);
-    }, onDateRangePickerError: (d) => {
-      R.value = !0, s.value.startDate = d.startDate, s.value.endDate = d.endDate, w.value = { startDate: null, endDate: null };
-    }, onRangeSelectorInput: (d) => {
-      d && (s.value.startDate = m(d.startDate), s.value.endDate = m(d.endDate), s.value.startTime = S(d.startDate), s.value.endTime = S(d.endDate), w.value = d);
-    }, BentoButtonActions: va, BentoButtonActionsLayout: Qa, BentoDivider: Da, BentoPopover: pa, BentoTypography: Je, DateRangePickerCalendar: lt, DropdownInputDefault: Ma, ErrorMessage: Wa, FieldLabel: La, vBentoClickOutsideDirective: Va };
+      b.value || (M.value = !1);
+    }, onDateRangePickerFormDateInputUpdate: (u) => {
+      b.value = !1, u.startTime && (v.value.startTime = u.startTime), u.endTime && (v.value.endTime = u.endTime);
+    }, onDateRangePickerError: (u) => {
+      b.value = !0, v.value.startDate = u.startDate, v.value.endDate = u.endDate, O.value = { startDate: null, endDate: null };
+    }, onRangeSelectorInput: (u) => {
+      u && (v.value.startDate = m(u.startDate), v.value.endDate = m(u.endDate), v.value.startTime = Y(u.startDate), v.value.endTime = Y(u.endDate), O.value = u);
+    }, BentoButtonActions: ba, BentoButtonActionsLayout: et, BentoDivider: Ra, BentoPopover: Ya, BentoTypography: aa, DateRangePickerCalendar: gt, DropdownInputDefault: _a, ErrorMessage: Za, FieldLabel: Xa, vBentoClickOutsideDirective: Ka };
   }
 });
-var mt = function() {
+var Rt = 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);
   } } }, [e(a.DropdownInputDefault, { ref: "inputContainerRef", attrs: { "always-combobox-is-input": "", ariaControls: a.datePickerContainerId, ariaExpanded: a.isDateRangePickerOpen, "aria-labelledby": a.dropdownInputAriaLabelledBy, "aria-describedby": a.ariaDescribedBy, "aria-required": t.required, disabled: t.disabled, "is-invalid": !!t.errorMessage || a.shouldDisplayError, open: a.isDateRangePickerOpen, "display-value": a.localDateDisplayValue, readonly: a.isReadOnly }, on: { open: a.openDateRangePicker, clear: a.clearDateRangePickerValue, close: a.closeDateRangePicker } })], 1), a.shouldDisplayError ? e(a.ErrorMessage, { staticClass: "b-date-range-picker__error-message", attrs: { id: a.dateErrorId, "error-message": a.t("invalidDateFormat") } }) : t._e(), t.errorMessage ? e(a.ErrorMessage, { staticClass: "b-date-range-picker__error-message", attrs: { id: a.errorId, "error-message": t.errorMessage } }) : t._e(), t.description ? e(a.BentoTypography, { staticClass: "b-date-range-picker__description", class: a.descriptionConditionalClasses, attrs: { id: a.descriptionId, el: "span" } }, [t._v(" " + t._s(t.description) + " ")]) : t._e(), a.inputContainerRef ? e(a.BentoPopover, { staticClass: "b-date-range-picker__container", attrs: { id: a.datePickerContainerId, open: a.isDateRangePickerOpen, "target-element": a.inputContainerRef, "aria-label": a.popoverAriaLabel, position: "bottom-start", "fallback-strategy": "initialPlacement", "without-space": "", "fit-content": "", "match-width": a.shouldMatchPopoverWidth, "trap-all": "", "overflow-visible": "", "trap-all-options": a.trapAllOptions }, nativeOn: { keydown: function(i) {
     return !i.type.indexOf("key") && t._k(i.keyCode, "esc", 27, i.key, ["Esc", "Escape"]) ? null : a.closeDateRangePicker.apply(null, arguments);
-  } } }, [e(a.DateRangePickerCalendar, { attrs: { "allow-time-input": a.withTimeInput, "quick-select-ranges": a.adjustedQuickSelectRanges, value: a.selectedDate, "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([{ key: "actions", fn: function() {
+  } } }, [e(a.DateRangePickerCalendar, { attrs: { "allow-time-input": a.withTimeInput, "quick-select-ranges": a.adjustedQuickSelectRanges, value: a.selectedDate, "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, "time-interval": a.resolvedTimeInterval, "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([{ 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, !1, 600066749) })], 1) : t._e()], 1);
-}, Dt = [], pt = /* @__PURE__ */ _e(
-  ct,
-  mt,
-  Dt,
+}, Yt = [], bt = /* @__PURE__ */ Be(
+  Tt,
+  Rt,
+  Yt,
   !1,
   null,
-  "92dc9b52"
+  "854a9d65"
 );
-const Ut = pt.exports;
+const an = bt.exports;
 export {
-  Ut as B,
-  lt as D,
-  Ua as a,
-  ne as i
+  an as B,
+  gt as D,
+  tt as a,
+  me as i
 };
-//# sourceMappingURL=date-range-picker.CqixIJxG.js.map
+//# sourceMappingURL=date-range-picker.B2B4hO6R.js.map