@adyen/bento-vue3 2.0.1 → 2.1.0

package/dist/chunks/{date-range-picker.CuBygd3O.js → date-range-picker.BcQUUVcW.js}

@@ -1,64 +1,64 @@
-import { defineComponent as ze, computed as m, openBlock as E, createBlock as L, unref as i, withCtx as H, createVNode as U, mergeProps as $e, createCommentVNode as O, reactive as Re, useSlots as Ea, ref as P, onMounted as da, createElementBlock as Me, createElementVNode as ee, normalizeClass as ca, renderSlot as je, createTextVNode as ye, toDisplayString as he, toRaw as Ne, watch as Te, useAttrs as Ia, toRef as xe, withDirectives as Fa, withKeys as Je } from "vue";
-import { d as wa, h as Pa } from "./index.DCpihRYV.js";
-import { B as Oa } from "./divider.BlxQCxkM.js";
-import { h as xa, B as qa } from "./button-actions.uIjzze43.js";
-import { B as Be } from "./typography.wIM07Hbl.js";
-import { B as Na, g as He, D as Ba } from "./dropdown.D_jkFrMd.js";
-import { g as de } from "./generate-uid.DBWe4g6T.js";
-import { u as Ve } from "./index.B875RXHM.js";
-import { j as me, k as N, s as S, l as za, m as Ke, n as Va, f as Xe, o as Ca, q as _a, r as La, t as Ze, u as Ua, b as _, v as Qa, h as Wa, i as Ga, e as x, w as ea, x as aa, g as $a } from "./calendar.Dtba7fcs.js";
-import { u as Ce, a as ja } from "./use-date-input-formatter._ik1DYYV.js";
-import { t as Ye, n as Ja, c as Ha } from "./en-US.C412g-7U.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.B60VsF8d.js";
-import { B as et } from "./alert.C8Pe1-OO.js";
-import { B as at } from "./segmented-control.CEt2dz4n.js";
-import { u as tt } from "./use-has-slot.CyMiImRQ.js";
-import { u as nt } from "./use-touch-device.DTqFAbXh.js";
-import { e as Q, a as ta } from "./differenceInMonths.CPDkGea3.js";
-import { s as na } from "./startOfWeek.CzdYFzXX.js";
-import { c as rt } from "./constructNow.Dl44Mvpp.js";
-import { a as ge, s as ra } from "./set-time-in-date.DVo8R8w-.js";
-import { B as st, i as sa } from "./input-time.BJ6YqkFi.js";
-import { B as ot } from "./input-field.IyNujUZt.js";
-import { B as lt } from "./form-layout-group.iAwbiI_S.js";
-import { _ as ma } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { F as it } from "./field-label.Cz11fn_F.js";
-import { E as oa } from "./error-message.Bt0CznQM.js";
-import { B as ut } from "./button-actions.types.BptAXjD8.js";
+import { defineComponent as $e, computed as m, openBlock as E, createBlock as L, unref as i, withCtx as Z, createVNode as _, mergeProps as ea, createCommentVNode as q, reactive as Fe, useSlots as Na, ref as P, onMounted as fa, createElementBlock as Ie, createElementVNode as oe, normalizeClass as ga, renderSlot as aa, createTextVNode as Se, toDisplayString as we, toRaw as Ue, watch as Me, useAttrs as Ba, toRef as _e, withDirectives as za, withKeys as ta } from "vue";
+import { d as Ca, h as Va } from "./index.DCpihRYV.js";
+import { B as La } from "./divider.BlxQCxkM.js";
+import { h as _a, B as Wa } from "./button-actions.DvuGEQxM.js";
+import { B as Qe, p as Ua } from "./typography.B6elnWpr.js";
+import { B as Qa, g as na, D as $a } from "./dropdown.BoSI-Rre.js";
+import { g as fe } from "./generate-uid.DBWe4g6T.js";
+import { u as Ge } from "./index.CGBfMQdv.js";
+import { B as Ga, s as Ma, i as ra } from "./input-time.D7UW_ww_.js";
+import { j as ye, k as z, s as w, l as ja, m as sa, n as Ja, f as oa, o as Ha, q as Ka, r as Xa, t as la, u as Za, b as V, v as et, e as b, h as at, i as tt, w as ia, x as ua, g as nt } from "./calendar.EuBZ9HoM.js";
+import { s as Ee, a as ke } from "./set-time-in-date.DVo8R8w-.js";
+import { u as je, a as rt } from "./use-date-input-formatter.BIVkaB1k.js";
+import { t as Pe, n as st, c as ot } from "./en-US.C412g-7U.js";
+import { u as lt } from "./use-form-layout-loading.CWbjZiwP.js";
+import { B as it } from "./directive.D1-d-C2K.js";
+import { u as ut } from "./form-field.B60VsF8d.js";
+import { B as dt } from "./alert.BYmn1ewo.js";
+import { B as ct } from "./segmented-control.CarI0i3p.js";
+import { u as mt } from "./use-has-slot.CyMiImRQ.js";
+import { u as Dt } from "./use-touch-device.DTqFAbXh.js";
+import { e as W, a as da } from "./differenceInMonths.CPDkGea3.js";
+import { s as ca } from "./startOfWeek.CzdYFzXX.js";
+import { c as vt } from "./constructNow.Dl44Mvpp.js";
+import { B as pt } from "./input-field._keU91LW.js";
+import { B as ft } from "./form-layout-group.B9Kzae5F.js";
+import { _ as ya } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { F as gt } from "./field-label.vrUwhoOg.js";
+import { E as ma } from "./error-message.DJ5l0EUH.js";
+import { B as Mt } from "./button-actions.types.BptAXjD8.js";
 import "../assets/date-range-picker.css";
-function la(r, v) {
-  return Ye(r, v?.in).getFullYear();
+function Da(s, v) {
+  return Pe(s, v?.in).getFullYear();
 }
-function ce(r, v) {
-  return +Ye(r) == +Ye(v);
+function ge(s, v) {
+  return +Pe(s) == +Pe(v);
 }
-function dt(r, v, T) {
-  const [d, c] = Ja(
+function yt(s, v, T) {
+  const [d, c] = st(
     T?.in,
-    r,
+    s,
     v
   );
-  return +me(d) == +me(c);
+  return +ye(d) == +ye(c);
 }
-function ia(r, v) {
-  const T = Ye(r, v?.in);
+function va(s, v) {
+  const T = Pe(s, v?.in);
   return T.setMilliseconds(0), T;
 }
-function qe(r, v) {
-  return +ia(r) == +ia(v);
+function We(s, v) {
+  return +va(s) == +va(v);
 }
-function ct(r, v) {
-  return N(
-    Ha(r, r),
-    rt(r)
+function ht(s, v) {
+  return z(
+    ot(s, s),
+    vt(s)
   );
 }
-const mt = {
+const Tt = {
   name: "date-time-input"
-}, ua = /* @__PURE__ */ ze({
-  ...mt,
+}, pa = /* @__PURE__ */ $e({
+  ...Tt,
   props: {
     dateModelValue: { default: "" },
     dateProps: { default: () => ({}) },
@@ -67,105 +67,107 @@ const mt = {
     timeModelValue: { default: "" },
     timeProps: { default: () => ({}) }
   },
-  emits: ["update:date-model-value", "date:keydown", "update:time-model-value", "time:error", "time:valid"],
-  setup(r) {
-    const v = r, T = m(() => ({
+  emits: ["click", "update:date-model-value", "date:keydown", "update:time-model-value", "time:error", "time:valid"],
+  setup(s) {
+    const v = s, T = m(() => ({
       errorMessage: v.errorMessage,
       ...v.dateProps
     })), d = m(() => ({
       errorMessage: v.errorMessage,
       ...v.timeProps
     }));
-    return (c, e) => (E(), L(i(lt), {
+    return (c, e) => (E(), L(i(ft), {
       layout: c.showTimeInput ? "50-50" : "100",
       "error-message": c.errorMessage
     }, {
-      default: H(() => [
-        U(i(ot), $e(T.value, {
+      default: Z(() => [
+        _(i(pt), ea(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] = (l) => c.$emit("click")),
+          "onUpdate:modelValue": e[1] || (e[1] = (l) => c.$emit("update:date-model-value", l)),
+          onKeydown: e[2] || (e[2] = (l) => c.$emit("date:keydown", l))
         }), null, 16, ["model-value"]),
-        c.showTimeInput ? (E(), L(i(st), $e({ key: 0 }, d.value, {
+        c.showTimeInput ? (E(), L(i(Ga), ea({ key: 0 }, d.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"])) : O("", !0)
+          onClick: e[3] || (e[3] = (l) => c.$emit("click")),
+          "onUpdate:modelValue": e[4] || (e[4] = (l) => c.$emit("update:time-model-value", l)),
+          "onInput:error": e[5] || (e[5] = (l) => c.$emit("time:error")),
+          "onInput:valid": e[6] || (e[6] = (l) => c.$emit("time:valid"))
+        }), null, 16, ["model-value"])) : q("", !0)
       ]),
       _: 1
     }, 8, ["layout", "error-message"]));
   }
-}), Dt = ({
-  firstDayOfWeek: r,
+}), Rt = ({
+  firstDayOfWeek: s,
   min: v,
   max: T
 }) => ({ getGranularCalendarLimits: (c) => {
   if (!v && !T)
     return { min: null, max: null };
-  let e = v ? S(v) : null, s = T ? Q(T) : null;
+  let e = v ? w(v) : null, l = T ? W(T) : null;
   if (c?.type === "weekly") {
     if (c.earliest)
-      e = S(c.earliest);
+      e = w(c.earliest);
     else if (e) {
-      const g = na(e, { weekStartsOn: r });
-      N(e, g) || (e = S(za(Ke(e, { weekStartsOn: r }), 1)));
+      const f = ca(e, { weekStartsOn: s });
+      z(e, f) || (e = w(ja(sa(e, { weekStartsOn: s }), 1)));
     }
     if (c.latest)
-      s = Q(c.latest);
-    else if (s) {
-      const g = Ke(s, { weekStartsOn: r });
-      N(s, g) || (s = Q(Va(na(s, { weekStartsOn: r }), 1)));
+      l = W(c.latest);
+    else if (l) {
+      const f = sa(l, { weekStartsOn: s });
+      z(l, f) || (l = W(Ja(ca(l, { weekStartsOn: s }), 1)));
     }
   }
   if (c?.type === "monthly") {
     if (c.earliest)
-      e = S(c.earliest);
+      e = w(c.earliest);
     else if (e) {
-      const g = Xe(e);
-      N(e, g) || (e = Xe(Ca(e, 1)));
+      const f = oa(e);
+      z(e, f) || (e = oa(Ha(e, 1)));
     }
     if (c.latest)
-      s = Q(c.latest);
-    else if (s) {
-      const g = ta(s);
-      N(s, g) || (s = ta(_a(s, 1)));
+      l = W(c.latest);
+    else if (l) {
+      const f = da(l);
+      z(l, f) || (l = da(Ka(l, 1)));
     }
   }
   if (c?.type === "quarterly") {
     if (c.earliest)
-      e = me(c.earliest);
+      e = ye(c.earliest);
     else if (e) {
-      const g = me(e);
-      N(e, g) || (e = me(La(e, 1)));
+      const f = ye(e);
+      z(e, f) || (e = ye(Xa(e, 1)));
     }
     if (c.latest)
-      s = Q(c.latest);
-    else if (s) {
-      const g = Ze(s);
-      N(s, g) || (s = Ze(Ua(s, 1)));
+      l = W(c.latest);
+    else if (l) {
+      const f = la(l);
+      z(l, f) || (l = la(Za(l, 1)));
     }
   }
-  return { min: e, max: s };
-} }), vt = () => {
-  const r = Re({
+  return { min: e, max: l };
+} }), Yt = () => {
+  const s = Fe({
     daily: null,
     weekly: null,
     monthly: null,
     quarterly: null
   });
   return {
-    savedRanges: r,
+    savedRanges: s,
     saveRange: (d, c) => {
-      r[d] = c;
+      s[d] = c;
     },
     resetSavedRanges: () => {
-      r.daily = null, r.weekly = null, r.monthly = null, r.quarterly = null;
+      s.daily = null, s.weekly = null, s.monthly = null, s.quarterly = null;
     }
   };
 };
-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 Da = {
+var D = /* @__PURE__ */ ((s) => (s.CUSTOM_RANGE = "custom-range", s.INPUT = "input", s.ERROR = "error", s.FORM_DATE = "form-date", s.START_DATE_SELECTED = "start-date-selected", s))(D || {});
+const ha = {
   "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" },
@@ -177,15 +179,15 @@ const Da = {
   "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: "每周" }
-}, pt = { class: "b-date-range-picker-calendar" }, ft = { class: "b-date-range-picker-calendar__form" }, gt = { key: 0 }, Mt = {
+}, bt = { class: "b-date-range-picker-calendar" }, At = { class: "b-date-range-picker-calendar__form" }, kt = { key: 0 }, It = {
   key: 0,
   class: "b-date-range-picker-calendar__calendars-container",
   "data-testid": "date-range-picker-calendar-calendar-container"
-}, yt = {
+}, St = {
   name: "date-range-picker-calendar",
-  i18n: { messages: Da }
-}, ht = /* @__PURE__ */ ze({
-  ...yt,
+  i18n: { messages: ha }
+}, wt = /* @__PURE__ */ $e({
+  ...St,
   props: {
     /**
      * Allows user to enter time values in the form
@@ -201,7 +203,7 @@ const Da = {
     /**
      * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: _.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,31 +215,35 @@ const Da = {
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: _.props.isDateDisabled,
+    isDateDisabled: V.props.isDateDisabled,
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
-    maxRange: _.props.maxRange,
+    maxRange: V.props.maxRange,
     /**
      * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
      */
-    min: _.props.min,
+    min: V.props.min,
     /**
      * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
      */
-    max: _.props.max,
+    max: V.props.max,
     /**
      * Number of months rendered on pane
      */
     numberOfMonths: {
-      type: _.props.numberOfMonths.type,
-      default: _.props.numberOfMonths.default,
-      validator: (r) => r >= 0
+      type: V.props.numberOfMonths.type,
+      default: V.props.numberOfMonths.default,
+      validator: (s) => s >= 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:
@@ -256,11 +262,11 @@ const Da = {
     /**
      * The type of calendar to display. Defaults to showing days.
      */
-    variant: _.props.variant,
+    variant: V.props.variant,
     /**
      * Range of years to be selectable from the year dropdown
      */
-    yearRange: _.props.yearRange
+    yearRange: V.props.yearRange
   },
   emits: [
     D.CUSTOM_RANGE,
@@ -269,410 +275,427 @@ const Da = {
     D.FORM_DATE,
     D.START_DATE_SELECTED
   ],
-  setup(r, { emit: v }) {
+  setup(s, { emit: v }) {
     const d = "customRange", c = {
       daily: "maxRangeDays",
       weekly: "maxRangeWeeks",
       monthly: "maxRangeMonths",
       quarterly: "maxRangeQuarters"
-    }, e = r, s = v, g = Ea(), W = tt(g), { t: y, tc: k } = Ve({ messages: Da }), { isTouchDevice: Y } = nt(), {
-      dateFormat: ae,
-      isFormatValid: b,
-      parseDate: R,
-      onKeyDown: B,
-      autoFormat: G,
-      formatDate: te
-    } = Ce(), A = P({}), K = m(() => e.variant === "month" ? "monthly" : "daily"), ne = m(() => e.numberOfMonths === 0), t = Re({
+    }, e = s, l = v, f = Na(), G = mt(f), { t: y, tc: I } = Ge({ messages: ha }), { isTouchDevice: A } = Dt(), {
+      dateFormat: le,
+      isFormatValid: k,
+      parseDate: Y,
+      onKeyDown: C,
+      autoFormat: j,
+      formatDate: ee
+    } = je(), ie = P({}), S = P(null), ae = m(() => e.variant === "month" ? "monthly" : "daily"), ue = m(() => e.numberOfMonths === 0), p = (a, o) => e.timeInterval ? Ma(a, e.timeInterval, o) : a, he = (a) => {
+      const o = W(a);
+      return e.timeInterval ? Ee(o, p(b(o), "up")) : o;
+    }, t = Fe({
       startDate: e.value?.startDate,
       endDate: e.value?.endDate,
       range: e.value?.range,
       ...e.granularities ? {
-        granularity: e.value?.granularity || K.value
+        granularity: e.value?.granularity || ae.value
       } : {}
-    }), z = m(() => (
+    }), U = m(() => (
       // eslint-disable-next-line consistent-return
-      e?.quickSelectRanges?.find(({ value: a, data: l }) => {
-        if (!l.endDate) {
-          if (l.isRelativeToNow) {
-            const u = A.value?.[a];
-            return u ? ce(u.startDate, t.startDate) && ce(u.endDate, t.endDate) : (
+      e?.quickSelectRanges?.find(({ value: a, data: o }) => {
+        if (!o.endDate) {
+          if (o.isRelativeToNow) {
+            const u = ie.value?.[a];
+            return u ? ge(u.startDate, t.startDate) && ge(u.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 ce(l.startDate, t.startDate) && ct(t.endDate) && (!e.allowTimeInput || qe(t.endDate, Q(t.endDate))) && (e.granularities ? l.granularity === t.granularity : !0);
+          return ge(o.startDate, t.startDate) && ht(t.endDate) && (!e.allowTimeInput || We(
+            t.endDate,
+            he(t.endDate)
+          )) && (e.granularities ? o.granularity === t.granularity : !0);
         }
         if (e.allowTimeInput)
-          return qe(l.startDate, t.startDate) && qe(l.endDate, t.endDate) && (e.granularities ? l.granularity === t.granularity : !0);
-        if (l.endDate)
-          return N(l.startDate, t.startDate) && N(l.endDate, t.endDate) && (e.granularities ? l.granularity === t.granularity : !0);
+          return We(o.startDate, t.startDate) && We(o.endDate, t.endDate) && (e.granularities ? o.granularity === t.granularity : !0);
+        if (o.endDate)
+          return z(o.startDate, t.startDate) && z(o.endDate, t.endDate) && (e.granularities ? o.granularity === t.granularity : !0);
       })?.value ?? d
-    )), be = m(() => [
+    )), Oe = m(() => [
       { label: y("customRange"), value: d },
       ...e.quickSelectRanges ? e.quickSelectRanges : []
-    ]), X = m(
+    ]), J = m(
       () => e.granularities?.find(({ type: a }) => a === t.granularity) || null
-    ), Ae = m(
-      () => e.granularities?.map(({ type: a, disabled: l }) => ({
+    ), de = m(
+      () => e.granularities?.map(({ type: a, disabled: o }) => ({
         label: y(a),
         value: a,
-        disabled: l
+        disabled: o
       })) ?? []
-    ), { getGranularCalendarLimits: re } = Dt(e), $ = m(
-      () => e.granularities ? re(X.value) : { min: e.min ? S(e.min) : null, max: e.max ? Q(e.max) : null }
-    ), { normalizeRange: ke } = Qa(e.firstDayOfWeek), { savedRanges: se, saveRange: De, resetSavedRanges: oe } = vt(), I = (a) => a ? te(a) : "", le = (a, l = !0) => {
+    ), { getGranularCalendarLimits: xe } = Rt(e), te = m(
+      () => e.granularities ? xe(J.value) : { min: e.min ? w(e.min) : null, max: e.max ? W(e.max) : null }
+    ), { normalizeRange: ce } = et(e.firstDayOfWeek), { savedRanges: X, saveRange: Te, resetSavedRanges: me } = Yt(), O = (a) => a ? ee(a) : "", Q = (a, o = !0) => {
       if (!t.startDate || !t.endDate)
         return;
-      const u = ke({
+      const u = ce({
         startDate: t.startDate,
         endDate: t.endDate,
         fixedEndpoint: a,
-        granularity: X.value,
-        alignToGranularity: l,
+        granularity: J.value,
+        alignToGranularity: o,
         fallbackMaxRange: e.maxRange,
-        min: $.value.min,
-        max: $.value.max
+        min: te.value.min,
+        max: te.value.max
       });
-      ce(u.startDate, t.startDate) && ce(u.endDate, t.endDate) || (t.startDate = u.startDate, t.endDate = u.endDate, n.startDate = I(u.startDate), n.endDate = I(u.endDate));
-    }, f = P(null), h = P(null), ie = m(() => f.value ? y(f.value) : null), Z = m(() => h.value ? y(h.value) : null), q = m(
-      () => f.value === "invalidDateFormat" ? null : ie.value
-    ), j = m(() => h.value === "invalidDateFormat" ? null : Z.value), p = (a, l, u, M) => {
-      if (!a || !b(a))
+      ge(u.startDate, t.startDate) && ge(u.endDate, t.endDate) || (t.startDate = u.startDate, t.endDate = u.endDate, r.startDate = O(u.startDate), r.endDate = O(u.endDate));
+    }, h = P(null), g = P(null), ne = m(() => h.value ? y(h.value) : null), N = m(() => g.value ? y(g.value) : null), H = m(
+      () => h.value === "invalidDateFormat" ? null : ne.value
+    ), R = m(() => g.value === "invalidDateFormat" ? null : N.value), B = (a, o, u, M) => {
+      if (!a || !k(a))
         return "invalidDateFormat";
-      const w = R(a), C = S(w);
-      if (e.min && C < S(e.min) || e.max && C > S(e.max) || e.isDateDisabled && e.isDateDisabled(C))
+      const $ = Y(a), F = w($);
+      if (e.min && F < w(e.min) || e.max && F > w(e.max) || e.isDateDisabled && e.isDateDisabled(F))
         return "selectedDateIsNotAvailable";
-      if (l) {
-        const We = M ? ge(M, 0).getTime() : C.getTime(), Ge = M ? ge(l, 0).getTime() : S(l).getTime();
-        if (u === "start" ? We >= Ge : We <= Ge)
+      if (o) {
+        const De = M ? ke(M, 0).getTime() : F.getTime(), ve = M ? ke(o, 0).getTime() : w(o).getTime();
+        if (u === "start" ? De >= ve : De <= ve)
           return "startDateMustPrecedeEndDate";
       }
       return null;
-    }, n = Re({
+    }, r = Fe({
       startDate: e.dateFormData.startDate,
       endDate: e.dateFormData.endDate,
-      startTime: e.dateFormData.startTime,
-      endTime: e.dateFormData.endTime
-    }), ue = (a, l) => {
+      startTime: p(e.dateFormData.startTime, "down"),
+      endTime: p(e.dateFormData.endTime, "up")
+    }), Re = (a, o) => {
       const u = () => {
-        if (l && F(l)) {
-          const M = ra(R(l), a);
-          if (e.min && M < ge(e.min, 0) || e.max && M > ge(e.max, 0))
+        if (o && se(o)) {
+          const M = Ee(Y(o), a);
+          if (e.min && M < ke(e.min, 0) || e.max && M > ke(e.max, 0))
             return !1;
         }
         return !0;
       };
-      return sa(a) && u();
-    }, J = m(() => e.variant === "month"), ve = (a) => a ? J.value ? Wa(a) : Ga(a) : "", Se = m(() => ve(t.startDate)), Ee = m(() => ve(t.endDate)), pe = m(() => Y.value ? J.value ? "month" : "date" : "text"), Ie = m(() => Y.value ? Se.value : n.startDate), Fe = m(() => Y.value ? Ee.value : n.endDate), V = (a, l) => !l || !sa(l) || e.variant === "month" ? a : ra(new Date(a), l), o = (a) => {
-      n.startTime = x(
-        e.min && e.allowTimeInput && N(e.min, a.startDate) ? e.min : S(a.startDate)
-      ), n.endTime = x(
-        e.max && e.allowTimeInput && N(e.max, a.endDate) ? e.max : Q(a.endDate)
-      ), t.startDate = V(a.startDate, n.startTime), t.endDate = V(a.endDate, n.endTime), t.range = null, e.granularities && oe(), s(D.INPUT, {
+      return ra(a) && u();
+    }, K = m(() => e.variant === "month"), Ye = (a) => a ? K.value ? at(a) : tt(a) : "", qe = m(() => Ye(t.startDate)), Ne = m(() => Ye(t.endDate)), be = m(() => A.value ? K.value ? "month" : "date" : "text"), Be = m(() => A.value ? qe.value : r.startDate), ze = m(() => A.value ? Ne.value : r.endDate), n = (a, o) => !o || !ra(o) || e.variant === "month" ? a : Ee(new Date(a), o), x = (a, o = !1) => {
+      if (!o) {
+        const u = e.min && e.allowTimeInput && z(e.min, a.startDate), M = e.max && e.allowTimeInput && z(e.max, a.endDate);
+        r.startTime = u ? p(b(e.min), "up") : p(b(w(a.startDate)), "down"), r.endTime = M ? p(b(e.max), "down") : p(b(W(a.endDate)), "up");
+      }
+      t.startDate = n(a.startDate, r.startTime), t.endDate = n(a.endDate, r.endTime), t.range = null, e.granularities && me(), l(D.INPUT, {
         ...t,
-        range: z.value
+        range: U.value
       });
-    }, F = (a) => !!a && !p(a);
-    da(() => {
-      f.value = e.dateFormData.startDate ? p(e.dateFormData.startDate) : null, h.value = e.dateFormData.endDate ? p(e.dateFormData.endDate) : null;
+    }, re = (a) => {
+      x(a);
+    }, He = () => {
+      const a = S.value?.finalizeRangeSelection();
+      a && x(a, !0);
+    }, se = (a) => !!a && !B(a);
+    fa(() => {
+      h.value = e.dateFormData.startDate ? B(e.dateFormData.startDate) : null, g.value = e.dateFormData.endDate ? B(e.dateFormData.endDate) : null;
     });
-    const fe = (a) => {
-      n.startDate = I(a), n.startTime || (n.startTime = x(a)), f.value = null, h.value === "startDateMustPrecedeEndDate" && (h.value = null), s(D.START_DATE_SELECTED, a);
-    }, va = (a) => {
-      n.endDate = I(a), n.endTime || (n.endTime = x(Q(a))), h.value = null, f.value === "startDateMustPrecedeEndDate" && (f.value = null);
-    }, we = (a) => {
-      const l = e.value?.[a];
-      if (l)
-        return l;
-      if (e.dateFormData[a] && F(e.dateFormData[a]))
-        return R(e.dateFormData[a]);
-    }, Pe = (a, l = !1) => {
-      if (F(a)) {
+    const Ta = (a) => {
+      r.startDate = O(a), r.startTime || (r.startTime = p(b(a), "down")), h.value = null, g.value === "startDateMustPrecedeEndDate" && (g.value = null), l(D.START_DATE_SELECTED, a);
+    }, Ra = (a) => {
+      r.endDate = O(a), r.endTime || (r.endTime = p(b(W(a)), "up")), g.value = null, h.value === "startDateMustPrecedeEndDate" && (h.value = null);
+    }, Ce = (a) => {
+      const o = e.value?.[a];
+      if (o)
+        return o;
+      if (e.dateFormData[a] && se(e.dateFormData[a]))
+        return Y(e.dateFormData[a]);
+    }, Ve = (a, o = !1) => {
+      if (se(a)) {
         const u = a;
-        f.value = null, n.startDate = u;
-        const M = S(R(u));
-        t.startDate = V(M, n.startTime), F(n.endDate) && (t.endDate = V(
-          S(R(n.endDate)),
-          n.endTime
+        h.value = null, r.startDate = u;
+        const M = w(Y(u));
+        t.startDate = n(M, r.startTime), se(r.endDate) && (t.endDate = n(
+          w(Y(r.endDate)),
+          r.endTime
         ));
-        const w = we("endDate"), C = p(
+        const $ = Ce("endDate"), F = B(
           u,
-          e.allowTimeInput ? t.endDate : w,
+          e.allowTimeInput ? t.endDate : $,
           "start",
           e.allowTimeInput ? t.startDate : void 0
         );
-        if (C) {
-          f.value = C, s(D.ERROR, { ...n });
+        if (F) {
+          h.value = F, l(D.ERROR, { ...r });
           return;
         }
-        h.value === "startDateMustPrecedeEndDate" && (h.value = null), le("end", l), t.range = null, s(D.FORM_DATE, {
+        g.value === "startDateMustPrecedeEndDate" && (g.value = null), Q("end", o), t.range = null, l(D.FORM_DATE, {
           startDate: t.startDate,
           endDate: t.endDate
-        }), s(D.INPUT, {
+        }), l(D.INPUT, {
           ...t,
-          range: z.value
+          range: U.value
         });
       } else
-        f.value = p(a), s(D.ERROR, { ...n });
-    }, pa = He(Pe, 300), fa = (a) => {
-      n.startDate = Y.value && J.value ? a : G(a), Y.value ? J.value && a ? Pe(I(ea(a)), !0) : n.startDate ? Pe(n.startDate) : f.value = null : pa(n.startDate);
-    }, Oe = (a, l = !1) => {
-      if (F(a)) {
+        h.value = B(a), l(D.ERROR, { ...r });
+    }, Ya = na(Ve, 300), ba = (a) => {
+      r.startDate = A.value && K.value ? a : j(a), A.value ? K.value && a ? Ve(O(ia(a)), !0) : r.startDate ? Ve(r.startDate) : h.value = null : Ya(r.startDate);
+    }, Le = (a, o = !1) => {
+      if (se(a)) {
         const u = a;
-        h.value = null, n.endDate = u;
-        const M = S(R(u));
-        t.endDate = V(M, n.endTime), F(n.startDate) && (t.startDate = V(
-          S(R(n.startDate)),
-          n.startTime
+        g.value = null, r.endDate = u;
+        const M = w(Y(u));
+        t.endDate = n(M, r.endTime), se(r.startDate) && (t.startDate = n(
+          w(Y(r.startDate)),
+          r.startTime
         ));
-        const w = we("startDate"), C = p(
+        const $ = Ce("startDate"), F = B(
           u,
-          e.allowTimeInput ? t.startDate : w,
+          e.allowTimeInput ? t.startDate : $,
           "end",
           e.allowTimeInput ? t.endDate : void 0
         );
-        if (C) {
-          h.value = C, s(D.ERROR, { ...n });
+        if (F) {
+          g.value = F, l(D.ERROR, { ...r });
           return;
         }
-        f.value === "startDateMustPrecedeEndDate" && (f.value = null), le("start", l), t.range = null, s(D.FORM_DATE, {
+        h.value === "startDateMustPrecedeEndDate" && (h.value = null), Q("start", o), t.range = null, l(D.FORM_DATE, {
           startDate: t.startDate,
           endDate: t.endDate
-        }), s(D.INPUT, {
+        }), l(D.INPUT, {
           ...t,
-          range: z.value
+          range: U.value
         });
       } else
-        h.value = p(a), s(D.ERROR, { ...n });
-    }, ga = He(Oe, 300), Ma = (a) => {
-      n.endDate = Y.value && J.value ? a : G(a), Y.value ? J.value && a ? Oe(I(ea(a)), !0) : n.endDate ? Oe(n.endDate) : h.value = null : ga(n.endDate);
-    }, Le = (a) => {
-      B(a);
-    }, ya = () => {
-      s(D.ERROR, { ...n });
-    }, ha = () => {
-      const a = n.startTime;
-      if (!ue(a, n.startDate)) {
-        s(D.ERROR, { ...n });
+        g.value = B(a), l(D.ERROR, { ...r });
+    }, Aa = na(Le, 300), ka = (a) => {
+      r.endDate = A.value && K.value ? a : j(a), A.value ? K.value && a ? Le(O(ia(a)), !0) : r.endDate ? Le(r.endDate) : g.value = null : Aa(r.endDate);
+    }, Ke = (a) => {
+      C(a);
+    }, Ia = () => {
+      l(D.ERROR, { ...r });
+    }, Sa = () => {
+      const a = r.startTime;
+      if (!Re(a, r.startDate)) {
+        l(D.ERROR, { ...r });
         return;
       }
-      if (t.startDate = V(t.startDate, a), n.startDate && t.endDate) {
-        const u = p(
-          n.startDate,
+      if (t.startDate = n(t.startDate, a), r.startDate && t.endDate) {
+        const u = B(
+          r.startDate,
           t.endDate,
           "start",
           t.startDate
         );
         if (u) {
-          f.value = u, s(D.ERROR, { ...n });
+          h.value = u, l(D.ERROR, { ...r });
           return;
         }
       }
-      f.value = null, h.value === "startDateMustPrecedeEndDate" && (h.value = null);
-      const l = we("endDate");
-      s(D.FORM_DATE, {
+      h.value = null, g.value === "startDateMustPrecedeEndDate" && (g.value = null);
+      const o = Ce("endDate");
+      l(D.FORM_DATE, {
         startDate: t.startDate,
-        endDate: l,
+        endDate: o,
         startTime: a,
-        endTime: n.endTime ?? e.dateFormData.endTime
-      }), s(D.INPUT, {
+        endTime: r.endTime ?? e.dateFormData.endTime
+      }), l(D.INPUT, {
         ...t,
-        range: z.value
+        range: U.value
       });
-    }, Ta = () => {
-      s(D.ERROR, { ...n });
-    }, Ra = () => {
-      const a = n.endTime;
-      if (!ue(a, n.endDate)) {
-        s(D.ERROR, { ...n });
+    }, wa = () => {
+      l(D.ERROR, { ...r });
+    }, Ea = () => {
+      const a = r.endTime;
+      if (!Re(a, r.endDate)) {
+        l(D.ERROR, { ...r });
         return;
       }
-      if (t.endDate = V(t.endDate, a), n.endDate && t.startDate) {
-        const l = p(
-          n.endDate,
+      if (t.endDate = n(t.endDate, a), r.endDate && t.startDate) {
+        const o = B(
+          r.endDate,
           t.startDate,
           "end",
           t.endDate
         );
-        if (l) {
-          h.value = l, s(D.ERROR, { ...n });
+        if (o) {
+          g.value = o, l(D.ERROR, { ...r });
           return;
         }
       }
-      h.value = null, f.value === "startDateMustPrecedeEndDate" && (f.value = null), s(D.FORM_DATE, {
+      g.value = null, h.value === "startDateMustPrecedeEndDate" && (h.value = null), l(D.FORM_DATE, {
         startDate: t.startDate,
         endDate: t.endDate,
-        startTime: n.startTime ?? e.dateFormData.startTime,
+        startTime: r.startTime ?? e.dateFormData.startTime,
         endTime: a
-      }), s(D.INPUT, {
+      }), l(D.INPUT, {
         ...t,
-        range: z.value
+        range: U.value
       });
-    }, Ya = (a) => {
-      n.startTime = a;
-    }, ba = (a) => {
-      n.endTime = a;
-    }, Ue = (a, l, u, M) => {
-      t.startDate = a, t.endDate = l, u && (t.granularity = u), M && (t.range = M);
-    }, Aa = (a) => {
-      const l = e.quickSelectRanges?.find(({ value: u }) => u === a);
-      if (l) {
-        oe();
-        const u = l.data, M = u.endDate || (u.isRelativeToNow ? new Date(Date.now()) : Q(new Date(Date.now()))), w = u.isRelativeToNow && u.timeDifference ? new Date(M.getTime() - u.timeDifference) : u.startDate;
-        n.endDate = I(M), n.startDate = I(w), Ue(w, M, null, a), e.granularities && (t.granularity = u.granularity || K.value), n.startTime = x(w), n.endTime = x(M), t.startDate = w, t.endDate = M, u.isRelativeToNow && (A.value = {
-          ...A.value,
+    }, Fa = (a) => {
+      r.startTime = a;
+    }, Pa = (a) => {
+      r.endTime = a;
+    }, Xe = (a, o, u, M) => {
+      t.startDate = a, t.endDate = o, u && (t.granularity = u), M && (t.range = M);
+    }, Oa = (a) => {
+      const o = e.quickSelectRanges?.find(({ value: u }) => u === a);
+      if (o) {
+        me();
+        const u = o.data, M = u.endDate || (u.isRelativeToNow ? new Date(Date.now()) : W(new Date(Date.now()))), $ = u.isRelativeToNow && u.timeDifference ? new Date(M.getTime() - u.timeDifference) : u.startDate, F = p(b($), "down"), De = p(b(M), "up"), ve = e.allowTimeInput && !!e.timeInterval, pe = ve ? n($, F) : $, Ae = ve ? n(M, De) : M;
+        r.endDate = O(Ae), r.startDate = O(pe), r.startTime = F, r.endTime = De, Xe(pe, Ae, null, a), e.granularities && (t.granularity = u.granularity || ae.value), u.isRelativeToNow && (ie.value = {
+          ...ie.value,
           [a]: {
-            startDate: w,
-            endDate: M
+            startDate: pe,
+            endDate: Ae
           }
-        }), s(D.CUSTOM_RANGE, {
-          ...l.data,
-          startDate: w,
-          endDate: M,
-          range: l.value
+        }), l(D.CUSTOM_RANGE, {
+          ...o.data,
+          startDate: pe,
+          endDate: Ae,
+          range: o.value
         });
       }
-    }, ka = (a) => {
-      const l = t.granularity;
-      t.granularity = a, l && De(l, structuredClone(Ne(t))), t.startDate && t.endDate && (se[a] && Ue(se[a].startDate, se[a].endDate, a), le("end"), n.startDate = I(t.startDate), n.endDate = I(t.endDate), s(D.INPUT, {
+    }, xa = (a) => {
+      const o = t.granularity;
+      t.granularity = a, o && Te(o, structuredClone(Ue(t))), t.startDate && t.endDate && (X[a] && Xe(X[a].startDate, X[a].endDate, a), Q("end"), r.startDate = O(t.startDate), r.endDate = O(t.endDate), l(D.INPUT, {
         ...t,
-        range: z.value
+        range: U.value
       }));
-    }, Sa = m(() => ({
-      "b-date-range-picker-calendar__form-container--no-calendars": ne.value || Y.value
-    })), Qe = m(() => {
-      const a = X.value, l = a?.maxRange || e.maxRange;
-      if (!l)
+    }, qa = m(() => ({
+      "b-date-range-picker-calendar__form-container--no-calendars": ue.value || A.value
+    })), Ze = m(() => {
+      const a = J.value, o = a?.maxRange || e.maxRange;
+      if (!o)
         return null;
       const u = c[a?.type ?? "daily"];
-      return k(u, l, { count: l });
+      return I(u, o, { count: o });
     });
-    return (a, l) => (E(), Me("div", pt, [
-      ee("div", {
-        class: ca(["b-date-range-picker-calendar__form-container", Sa.value]),
+    return !e.allowTimeInput || !e.timeInterval || (t.startDate && (t.startDate = n(t.startDate, r.startTime)), t.endDate && (t.endDate = n(t.endDate, r.endTime))), (a, o) => (E(), Ie("div", bt, [
+      oe("div", {
+        class: ga(["b-date-range-picker-calendar__form-container", qa.value]),
         "data-testid": "date-range-picker-calendar-form-container"
       }, [
-        ee("div", ft, [
-          i(W)("title") ? je(a.$slots, "title", { key: 0 }, void 0, !0) : O("", !0),
-          r.quickSelectRanges ? (E(), L(Na, {
+        oe("div", At, [
+          i(G)("title") ? aa(a.$slots, "title", { key: 0 }, void 0, !0) : q("", !0),
+          s.quickSelectRanges ? (E(), L(Qa, {
             key: 1,
             "aria-label": i(y)("customRange"),
-            items: be.value,
-            "model-value": z.value,
-            "onUpdate:modelValue": Aa
-          }, null, 8, ["aria-label", "items", "model-value"])) : O("", !0),
-          r.granularities ? (E(), L(i(at), {
+            items: Oe.value,
+            "model-value": U.value,
+            "onUpdate:modelValue": Oa
+          }, null, 8, ["aria-label", "items", "model-value"])) : q("", !0),
+          s.granularities ? (E(), L(i(ct), {
             key: 2,
-            items: Ae.value,
+            items: de.value,
             "model-value": t.granularity,
             "full-width": "",
-            "onUpdate:modelValue": ka
-          }, null, 8, ["items", "model-value"])) : O("", !0),
-          Qe.value ? (E(), L(i(et), {
+            "onUpdate:modelValue": xa
+          }, null, 8, ["items", "model-value"])) : q("", !0),
+          Ze.value ? (E(), L(i(dt), {
             key: 3,
             variant: "tip"
           }, {
-            description: H(() => [
-              ye(he(Qe.value), 1)
+            description: Z(() => [
+              Se(we(Ze.value), 1)
             ]),
             _: 1
-          })) : O("", !0),
-          ee("div", null, [
-            U(i(Be), {
+          })) : q("", !0),
+          oe("div", null, [
+            _(i(Qe), {
               stronger: "",
               el: "span",
               class: "b-date-range-picker-calendar__label"
             }, {
-              default: H(() => [
-                ye(he(i(y)("from")), 1)
+              default: Z(() => [
+                Se(we(i(y)("from")), 1)
               ]),
               _: 1
             }),
-            U(i(ua), {
-              "date-model-value": Ie.value,
+            _(i(pa), {
+              "date-model-value": Be.value,
               "date-props": {
                 "aria-label": i(y)("dateFrom"),
-                type: pe.value,
-                description: i(Y) ? void 0 : i(y)(i(ae)),
-                errorMessage: ie.value
+                type: be.value,
+                description: i(A) ? void 0 : i(y)(i(le)),
+                errorMessage: ne.value
               },
-              "error-message": q.value,
-              "show-time-input": r.allowTimeInput,
-              "time-model-value": n.startTime,
+              "error-message": H.value,
+              "show-time-input": s.allowTimeInput,
+              "time-model-value": r.startTime,
               "time-props": {
                 "aria-label": i(y)("timeFrom"),
-                errorMessage: q.value
+                errorMessage: H.value,
+                interval: s.timeInterval
               },
               class: "b-date-range-picker-calendar__form-input",
-              "onUpdate:dateModelValue": fa,
-              "onDate:keydown": Le,
-              "onUpdate:timeModelValue": Ya,
-              "onTime:error": ya,
-              "onTime:valid": ha
+              onClick: He,
+              "onUpdate:dateModelValue": ba,
+              "onDate:keydown": Ke,
+              "onUpdate:timeModelValue": Fa,
+              "onTime:error": Ia,
+              "onTime:valid": Sa
             }, null, 8, ["date-model-value", "date-props", "error-message", "show-time-input", "time-model-value", "time-props"])
           ]),
-          ee("div", null, [
-            U(i(Be), {
+          oe("div", null, [
+            _(i(Qe), {
               stronger: "",
               el: "span",
               class: "b-date-range-picker-calendar__label"
             }, {
-              default: H(() => [
-                ye(he(i(y)("to")), 1)
+              default: Z(() => [
+                Se(we(i(y)("to")), 1)
               ]),
               _: 1
             }),
-            U(i(ua), {
-              "date-model-value": Fe.value,
+            _(i(pa), {
+              "date-model-value": ze.value,
               "date-props": {
                 "aria-label": i(y)("dateTo"),
-                type: pe.value,
-                description: i(Y) ? void 0 : i(y)(i(ae)),
-                errorMessage: Z.value
+                type: be.value,
+                description: i(A) ? void 0 : i(y)(i(le)),
+                errorMessage: N.value
               },
-              "error-message": j.value,
-              "show-time-input": r.allowTimeInput,
-              "time-model-value": n.endTime,
+              "error-message": R.value,
+              "show-time-input": s.allowTimeInput,
+              "time-model-value": r.endTime,
               "time-props": {
                 "aria-label": i(y)("timeTo"),
-                errorMessage: j.value
+                errorMessage: R.value,
+                interval: s.timeInterval
               },
               class: "b-date-range-picker-calendar__form-input",
-              "onUpdate:dateModelValue": Ma,
-              "onDate:keydown": Le,
-              "onUpdate:timeModelValue": ba,
-              "onTime:error": Ta,
-              "onTime:valid": Ra
+              onClick: He,
+              "onUpdate:dateModelValue": ka,
+              "onDate:keydown": Ke,
+              "onUpdate:timeModelValue": Pa,
+              "onTime:error": wa,
+              "onTime:valid": Ea
             }, null, 8, ["date-model-value", "date-props", "error-message", "show-time-input", "time-model-value", "time-props"])
           ])
         ]),
-        i(W)("actions") ? (E(), Me("div", gt, [
-          je(a.$slots, "actions", {}, void 0, !0)
-        ])) : O("", !0)
+        i(G)("actions") ? (E(), Ie("div", kt, [
+          aa(a.$slots, "actions", {}, void 0, !0)
+        ])) : q("", !0)
       ], 2),
-      !ne.value && !i(Y) ? (E(), Me("div", Mt, [
-        U(i(_), {
+      !ue.value && !i(A) ? (E(), Ie("div", It, [
+        _(i(V), {
+          ref_key: "calendarRef",
+          ref: S,
           value: t,
-          "first-day-of-week": r.firstDayOfWeek,
-          "is-date-disabled": r.isDateDisabled,
-          "max-range": r.maxRange,
-          min: $.value.min,
-          max: $.value.max,
-          "number-of-months": r.numberOfMonths,
-          "show-end-date-on-open": r.showEndDateOnOpen,
-          granularity: X.value,
-          variant: r.variant,
-          "year-range": r.yearRange,
+          "first-day-of-week": s.firstDayOfWeek,
+          "is-date-disabled": s.isDateDisabled,
+          "max-range": s.maxRange,
+          min: te.value.min,
+          max: te.value.max,
+          "number-of-months": s.numberOfMonths,
+          "show-end-date-on-open": s.showEndDateOnOpen,
+          granularity: J.value,
+          variant: s.variant,
+          "year-range": s.yearRange,
           "is-range": "",
-          onInput: o,
-          onStartDateSelected: fe,
-          onEndDateSelected: va
+          onInput: re,
+          onStartDateSelected: Ta,
+          onEndDateSelected: Ra
         }, 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"])
-      ])) : O("", !0)
+      ])) : q("", !0)
     ]));
   }
-}), Tt = /* @__PURE__ */ ma(ht, [["__scopeId", "data-v-ebba39b9"]]), _e = {
+}), Et = /* @__PURE__ */ ya(wt, [["__scopeId", "data-v-32ad58da"]]), Je = {
   "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,69 +707,69 @@ const Da = {
   "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: "所选日期不可用" }
-}, Rt = ({
-  datePickerValue: r,
+}, Ft = ({
+  datePickerValue: s,
   isDateIncorrect: v,
   quickSelectRanges: T,
   isMonthVariant: d,
   withTimeInput: c,
   placeholder: e
 }) => {
-  const { locale: s, t: g } = Ve({ messages: _e }), { dateToInputDateString: W } = Ce(), y = (b) => !!b && !isNaN(b.getTime()), k = Re({
+  const { locale: l, t: f } = Ge({ messages: Je }), { dateToInputDateString: G } = je(), y = (k) => !!k && !isNaN(k.getTime()), I = Fe({
     startDate: null,
     endDate: null,
     startTime: null,
     endTime: null
   });
-  return Te(
-    r,
-    (b) => {
-      k.startDate = W(b?.startDate), k.endDate = W(b?.endDate), k.startTime = x(b?.startDate), k.endTime = x(b?.endDate);
+  return Me(
+    s,
+    (k) => {
+      I.startDate = G(k?.startDate), I.endDate = G(k?.endDate), I.startTime = b(k?.startDate), I.endTime = b(k?.endDate);
     },
     { immediate: !0 }
   ), {
     // Values
     dateDisplayValue: m(() => {
       if (v.value)
-        return `${k.startDate || ""} - ${k.endDate || ""}`;
-      if (!r.value || !r.value.startDate && !r.value.endDate)
-        return e?.value || g("selectDateRange");
+        return `${I.startDate || ""} - ${I.endDate || ""}`;
+      if (!s.value || !s.value.startDate && !s.value.endDate)
+        return e?.value || f("selectDateRange");
       if (T.value?.length) {
-        const R = T.value.find(({ value: B }) => B === r.value?.range);
-        if (R)
-          return R.label;
+        const Y = T.value.find(({ value: C }) => C === s.value?.range);
+        if (Y)
+          return Y.label;
       }
-      if (r.value.granularity === "quarterly") {
-        const { startDate: R, endDate: B } = r.value, G = g("quarter", { quarter: aa(R), year: la(R) });
-        if (dt(R, B))
-          return G;
-        const te = g("quarter", { quarter: aa(B), year: la(B) });
-        return `${G} - ${te}`;
+      if (s.value.granularity === "quarterly") {
+        const { startDate: Y, endDate: C } = s.value, j = f("quarter", { quarter: ua(Y), year: Da(Y) });
+        if (yt(Y, C))
+          return j;
+        const ee = f("quarter", { quarter: ua(C), year: Da(C) });
+        return `${j} - ${ee}`;
       }
-      if (!y(r.value.startDate) || !y(r.value.endDate))
-        return `${k.startDate || ""} - ${k.endDate || ""}`;
-      let b = d?.value ? { month: "long", year: "numeric" } : { month: "short", day: "2-digit", year: "numeric" };
-      return c.value && (b = {
-        ...b,
+      if (!y(s.value.startDate) || !y(s.value.endDate))
+        return `${I.startDate || ""} - ${I.endDate || ""}`;
+      let k = d?.value ? { month: "long", year: "numeric" } : { month: "short", day: "2-digit", year: "numeric" };
+      return c.value && (k = {
+        ...k,
         hour: "numeric",
         minute: "numeric",
         second: "numeric",
         hour12: !1
-      }), $a(s.value, b).formatRange(
-        r.value.startDate,
-        r.value.endDate
+      }), nt(l.value, k).formatRange(
+        s.value.startDate,
+        s.value.endDate
       );
     }),
-    textInputDisplayValue: k,
+    textInputDisplayValue: I,
     // Methods
     formatTextInputDisplayValue: () => ""
   };
-}, Yt = { class: "b-date-range-picker" }, bt = { class: "b-date-range-picker__footer" }, At = {
-  i18n: { messages: _e },
+}, Pt = { class: "b-date-range-picker" }, Ot = { class: "b-date-range-picker__footer" }, xt = {
+  i18n: { messages: Je },
   name: "bento-date-range-picker",
   model: { prop: "modelValue", event: "update:model-value" }
-}, kt = /* @__PURE__ */ ze({
-  ...At,
+}, qt = /* @__PURE__ */ $e({
+  ...xt,
   props: {
     allowTimeInput: { type: Boolean },
     firstDayOfWeek: { default: void 0 },
@@ -758,6 +781,7 @@ const Da = {
     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 },
@@ -772,8 +796,8 @@ const Da = {
     tooltipText: { default: null }
   },
   emits: ["update:model-value"],
-  setup(r, { emit: v }) {
-    const T = v, d = r, c = Ia(), { t: e } = Ve({ messages: _e }), { dateToInputDateString: s } = Ce(), g = de("bento-date-range-picker-container"), W = de("bento-date-range-picker-label"), y = de("bento-date-range-picker-description"), k = de("bento-date-range-picker-error"), Y = de("bento-date-range-picker-date-error"), ae = m(() => d.label || e("dateRangePicker", { name: g })), { resolvedFirstDayOfWeek: b } = ja(xe(d, "firstDayOfWeek")), R = wa({
+  setup(s, { emit: v }) {
+    const T = v, d = s, c = Ba(), { t: e } = Ge({ messages: Je }), { dateToInputDateString: l } = je(), f = fe("bento-date-range-picker-container"), G = fe("bento-date-range-picker-label"), y = fe("bento-date-range-picker-description"), I = fe("bento-date-range-picker-error"), A = fe("bento-date-range-picker-date-error"), le = m(() => d.label || e("dateRangePicker", { name: f })), { resolvedFirstDayOfWeek: k } = rt(_e(d, "firstDayOfWeek")), Y = Ca({
       none: 0,
       one: 710,
       // width of date range picker with one panes
@@ -781,223 +805,241 @@ const Da = {
       // width of date range picker with two panes
       three: 1290
       // width of date range picker with three panes
-    }), B = m(() => {
-      const o = R.active().value, F = {
+    }), C = m(() => {
+      const n = Y.active().value, x = {
         none: 0,
         one: 1,
         two: 2
       };
-      if (o in F) {
-        const fe = F[o];
-        return d.numberOfMonths === void 0 ? fe : Math.min(d.numberOfMonths, fe);
+      if (n in x) {
+        const re = x[n];
+        return d.numberOfMonths === void 0 ? re : Math.min(d.numberOfMonths, re);
       }
       return d.numberOfMonths;
-    }), G = m(() => d?.quickSelectRanges && d.quickSelectRanges.map((o) => {
-      const F = o.data.endDate ? void 0 : new Date(Date.now()).getTime() - o.data.startDate.getTime();
+    }), j = (n, x) => Ee(
+      n,
+      Ma(b(n), X.value, x)
+    ), ee = m(() => d?.quickSelectRanges && d.quickSelectRanges.map((n) => {
+      const x = n.data.endDate ? void 0 : new Date(Date.now()).getTime() - n.data.startDate.getTime(), re = X.value ? {
+        startDate: j(n.data.startDate, "down"),
+        ...n.data.endDate ? { endDate: j(n.data.endDate, "up") } : {}
+      } : {};
       return {
-        ...o,
+        ...n,
         data: {
-          ...o.data,
+          ...n.data,
+          ...re,
           // Adding timeDifference to calculate an up-to-date endDate on range selection
-          timeDifference: F
+          timeDifference: x
         }
       };
-    })), te = m(() => d.label ? W : c?.["aria-labelledby"] ?? null), A = P(!1), K = P(null), ne = P(null), t = P(!1), { width: z } = Pa(ne), { isReadOnly: be } = Ka(xe(d, "readonly")), { emitValue: X } = Za(T);
-    Te(
+    })), ie = m(() => d.label ? G : c?.["aria-labelledby"] ?? null), S = P(!1), ae = P(null), ue = P(null), p = P(!1), { width: he } = Va(ue), { isReadOnly: t } = lt(_e(d, "readonly")), { emitValue: U } = ut(T);
+    Me(
       () => d.disabled,
       () => {
-        d.disabled && t.value && (t.value = !1);
+        d.disabled && p.value && (p.value = !1);
       }
     );
-    const Ae = m(
-      () => B.value === 0 && z.value > 0 && z.value < 332
+    const Oe = m(
+      () => C.value === 0 && he.value > 0 && he.value < 332
       // size of date range picker form
-    ), re = m(() => d.modelValue), $ = m(() => !j.value && A.value), ke = m(() => ({
-      "b-date-range-picker__description--error": !!d.errorMessage || $.value
-    })), se = m(() => d.variant === "month"), De = m(() => d.allowTimeInput && d.variant !== "month"), { dateDisplayValue: oe, textInputDisplayValue: I } = Rt({
-      datePickerValue: re,
-      isDateIncorrect: A,
-      quickSelectRanges: G,
-      isMonthVariant: se,
-      withTimeInput: De,
-      placeholder: xe(d, "placeholder")
-    }), le = m(
-      () => `${d.description ? y : ""} ${d.errorMessage ? k : ""} ${A.value ? Y : ""}`.trim() || null
-    ), f = () => {
-      t.value = !1;
+    ), J = m(() => d.modelValue), de = m(() => !H.value && S.value), xe = m(() => ({
+      "b-date-range-picker__description--error": !!d.errorMessage || de.value
+    })), te = m(() => d.variant === "month"), ce = m(() => d.allowTimeInput && d.variant !== "month"), X = m(() => ce.value ? d.timeInterval : null);
+    Me(
+      [() => d.timeInterval, () => d.allowTimeInput],
+      ([n, x]) => {
+        n && !x && Ua(
+          '"bento-date-range-picker" ignores the "timeInterval" prop unless "allowTimeInput" is enabled.'
+        );
+      },
+      { immediate: !0 }
+    );
+    const { dateDisplayValue: Te, textInputDisplayValue: me } = Ft({
+      datePickerValue: J,
+      isDateIncorrect: S,
+      quickSelectRanges: ee,
+      isMonthVariant: te,
+      withTimeInput: ce,
+      placeholder: _e(d, "placeholder")
+    }), O = m(
+      () => `${d.description ? y : ""} ${d.errorMessage ? I : ""} ${S.value ? A : ""}`.trim() || null
+    ), Q = () => {
+      p.value = !1;
     }, h = () => {
-      t.value = !0;
-    }, ie = P(oe.value), Z = P(
+      p.value = !0;
+    }, g = P(Te.value), ne = P(
       // textInputDisplayValue is a reactive object
-      structuredClone(Ne(I))
-    ), q = P(d.modelValue), j = P(!0), p = P(Z.value), n = {
+      structuredClone(Ue(me))
+    ), N = P(d.modelValue), H = P(!0), R = P(ne.value), B = {
       allowOutsideClick: !0
     };
-    da(() => {
-      if (d.granularities && d.variant !== "month" && d.granularities.find(({ type: o }) => o === "quarterly"))
+    fa(() => {
+      if (d.granularities && d.variant !== "month" && d.granularities.find(({ type: n }) => n === "quarterly"))
         throw new Error('Quarterly granularity is only supported by BentoDateRangePicker with variant: "month"');
     });
-    const ue = () => {
-      ie.value = oe.value, Z.value = structuredClone(Ne(I)), p.value = Z.value, q.value = re.value;
+    const r = () => {
+      g.value = Te.value, ne.value = structuredClone(Ue(me)), R.value = ne.value, N.value = J.value;
     };
-    Te(
+    Me(
       () => d.modelValue,
       () => {
-        ue();
+        r();
       }
     );
-    const J = () => {
-      ue(), A.value = !1, j.value = !0, f();
-    }, ve = m(() => [
+    const Re = () => {
+      r(), S.value = !1, H.value = !0, Q();
+    }, K = m(() => [
       {
         title: e("apply"),
         event: () => {
-          X(q.value), f(), j.value = !0;
+          U(N.value), Q(), H.value = !0;
         },
-        disabled: j.value
+        disabled: H.value
       },
       {
         title: e("cancel"),
-        event: J
+        event: Re
       }
     ]);
-    Te(q, (o) => {
-      j.value = A.value || o === re.value;
+    Me(N, (n) => {
+      H.value = S.value || n === J.value;
     });
-    const Se = (o) => {
-      A.value = !1, p.value.startDate = s(o.startDate), p.value.endDate = s(o.endDate), p.value.startTime = x(o.startDate), p.value.endTime = x(o.endDate), q.value = o;
-    }, Ee = async () => {
-      A.value && (A.value = !1), q.value = null;
-    }, pe = () => {
-      if (!t.value) {
-        t.value = !0;
+    const Ye = (n) => {
+      S.value = !1, R.value.startDate = l(n.startDate), R.value.endDate = l(n.endDate), R.value.startTime = b(n.startDate), R.value.endTime = b(n.endDate), N.value = n;
+    }, qe = async () => {
+      S.value && (S.value = !1), N.value = null;
+    }, Ne = () => {
+      if (!p.value) {
+        p.value = !0;
         return;
       }
-      A.value || (t.value = !1);
-    }, Ie = (o) => {
-      A.value = !1, o.startTime && (p.value.startTime = o.startTime), o.endTime && (p.value.endTime = o.endTime);
-    }, Fe = (o) => {
-      A.value = !0, p.value.startDate = o.startDate, p.value.endDate = o.endDate, q.value = { startDate: null, endDate: null };
-    }, V = (o) => {
-      o && (p.value.startDate = s(o.startDate), p.value.endDate = s(o.endDate), p.value.startTime = x(o.startDate), p.value.endTime = x(o.endDate), q.value = o);
+      S.value || (p.value = !1);
+    }, be = (n) => {
+      S.value = !1, n.startTime && (R.value.startTime = n.startTime), n.endTime && (R.value.endTime = n.endTime);
+    }, Be = (n) => {
+      S.value = !0, R.value.startDate = n.startDate, R.value.endDate = n.endDate, N.value = { startDate: null, endDate: null };
+    }, ze = (n) => {
+      n && (R.value.startDate = l(n.startDate), R.value.endDate = l(n.endDate), R.value.startTime = b(n.startDate), R.value.endTime = b(n.endDate), N.value = n);
     };
-    return (o, F) => Fa((E(), Me("div", Yt, [
-      o.label ? (E(), L(i(it), {
+    return (n, x) => za((E(), Ie("div", Pt, [
+      n.label ? (E(), L(i(gt), {
         key: 0,
-        id: i(W),
-        label: o.label,
-        "tooltip-text": o.tooltipText,
-        optional: o.optional,
-        required: o.required
-      }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : O("", !0),
-      ee("div", {
+        id: i(G),
+        label: n.label,
+        "tooltip-text": n.tooltipText,
+        optional: n.optional,
+        required: n.required
+      }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : q("", !0),
+      oe("div", {
         ref_key: "inputWrapperRef",
-        ref: ne,
-        onKeydown: Je(pe, ["enter"])
+        ref: ue,
+        onKeydown: ta(Ne, ["enter"])
       }, [
-        U(i(Ba), {
+        _(i($a), {
           ref_key: "inputContainerRef",
-          ref: K,
+          ref: ae,
           "always-combobox-is-input": "",
-          ariaControls: i(g),
-          ariaExpanded: t.value,
-          "aria-labelledby": te.value,
-          "aria-describedby": le.value,
-          "aria-required": o.required,
-          disabled: o.disabled,
-          "is-invalid": !!o.errorMessage || $.value,
-          open: t.value,
-          "display-value": ie.value,
-          readonly: i(be),
+          ariaControls: i(f),
+          ariaExpanded: p.value,
+          "aria-labelledby": ie.value,
+          "aria-describedby": O.value,
+          "aria-required": n.required,
+          disabled: n.disabled,
+          "is-invalid": !!n.errorMessage || de.value,
+          open: p.value,
+          "display-value": g.value,
+          readonly: i(t),
           onOpen: h,
-          onClear: Ee,
-          onClose: f
+          onClear: qe,
+          onClose: Q
         }, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "aria-required", "disabled", "is-invalid", "open", "display-value", "readonly"])
       ], 544),
-      $.value ? (E(), L(i(oa), {
+      de.value ? (E(), L(i(ma), {
         key: 1,
-        id: i(Y),
+        id: i(A),
         "error-message": i(e)("invalidDateFormat"),
         class: "b-date-range-picker__error-message"
-      }, null, 8, ["id", "error-message"])) : O("", !0),
-      o.errorMessage ? (E(), L(i(oa), {
+      }, null, 8, ["id", "error-message"])) : q("", !0),
+      n.errorMessage ? (E(), L(i(ma), {
         key: 2,
-        id: i(k),
-        "error-message": o.errorMessage,
+        id: i(I),
+        "error-message": n.errorMessage,
         class: "b-date-range-picker__error-message"
-      }, null, 8, ["id", "error-message"])) : O("", !0),
-      o.description ? (E(), L(i(Be), {
+      }, null, 8, ["id", "error-message"])) : q("", !0),
+      n.description ? (E(), L(i(Qe), {
         key: 3,
         id: i(y),
-        class: ca(["b-date-range-picker__description", ke.value]),
+        class: ga(["b-date-range-picker__description", xe.value]),
         el: "span"
       }, {
-        default: H(() => [
-          ye(he(o.description), 1)
+        default: Z(() => [
+          Se(we(n.description), 1)
         ]),
         _: 1
-      }, 8, ["id", "class"])) : O("", !0),
-      K.value ? (E(), L(i(xa), {
+      }, 8, ["id", "class"])) : q("", !0),
+      ae.value ? (E(), L(i(_a), {
         key: 4,
-        id: i(g),
+        id: i(f),
         class: "b-date-range-picker__container",
-        open: t.value,
-        "target-element": K.value,
-        "aria-label": ae.value,
+        open: p.value,
+        "target-element": ae.value,
+        "aria-label": le.value,
         position: "bottom-start",
         "fallback-strategy": "initialPlacement",
         "without-space": "",
         "fit-content": "",
-        "match-width": Ae.value,
+        "match-width": Oe.value,
         "trap-all": "",
         "overflow-visible": "",
-        "trap-all-options": n,
-        onKeydown: Je(f, ["esc", "native"])
+        "trap-all-options": B,
+        onKeydown: ta(Q, ["esc", "native"])
       }, {
-        default: H(() => [
-          U(i(Tt), {
-            "allow-time-input": De.value,
-            "quick-select-ranges": G.value,
-            value: q.value,
-            "first-day-of-week": i(b),
-            granularities: o.granularities,
-            "is-date-disabled": o.isDateDisabled,
-            "max-range": o.maxRange,
-            min: o.min,
-            max: o.max,
-            "number-of-months": B.value,
-            "show-end-date-on-open": o.showEndDateOnOpen,
-            "date-form-data": p.value,
-            variant: o.variant,
-            "year-range": o.yearRange,
-            onCustomRange: V,
-            onInput: Se,
-            onError: Fe,
-            onFormDate: Ie
+        default: Z(() => [
+          _(i(Et), {
+            "allow-time-input": ce.value,
+            "quick-select-ranges": ee.value,
+            value: N.value,
+            "first-day-of-week": i(k),
+            granularities: n.granularities,
+            "is-date-disabled": n.isDateDisabled,
+            "max-range": n.maxRange,
+            min: n.min,
+            max: n.max,
+            "number-of-months": C.value,
+            "show-end-date-on-open": n.showEndDateOnOpen,
+            "time-interval": X.value,
+            "date-form-data": R.value,
+            variant: n.variant,
+            "year-range": n.yearRange,
+            onCustomRange: ze,
+            onInput: Ye,
+            onError: Be,
+            onFormDate: be
           }, {
-            actions: H(() => [
-              U(i(Oa)),
-              ee("div", bt, [
-                U(i(qa), {
-                  actions: ve.value,
-                  layout: i(ut).SPACE_BETWEEN
+            actions: Z(() => [
+              _(i(La)),
+              oe("div", Ot, [
+                _(i(Wa), {
+                  actions: K.value,
+                  layout: i(Mt).SPACE_BETWEEN
                 }, null, 8, ["actions", "layout"])
               ])
             ]),
             _: 1
-          }, 8, ["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"])
+          }, 8, ["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", "time-interval", "date-form-data", "variant", "year-range"])
         ]),
         _: 1
-      }, 8, ["id", "open", "target-element", "aria-label", "match-width"])) : O("", !0)
+      }, 8, ["id", "open", "target-element", "aria-label", "match-width"])) : q("", !0)
     ])), [
-      [i(Xa), f]
+      [i(it), Q]
     ]);
   }
-}), nn = /* @__PURE__ */ ma(kt, [["__scopeId", "data-v-19f3790c"]]);
+}), Dn = /* @__PURE__ */ ya(qt, [["__scopeId", "data-v-17331b7d"]]);
 export {
-  nn as B,
-  Tt as D,
-  ct as a,
-  ce as i
+  Dn as B,
+  Et as D,
+  ht as a,
+  ge as i
 };
-//# sourceMappingURL=date-range-picker.CuBygd3O.js.map
+//# sourceMappingURL=date-range-picker.BcQUUVcW.js.map