@adyen/bento-vue3 1.96.1 → 1.97.0

package/dist/chunks/date-range-picker.BigC6wm2.js

@@ -1,1019 +0,0 @@
-import { reactive as he, defineComponent as la, useSlots as Ea, ref as _, computed as c, onMounted as ia, openBlock as I, createElementBlock as fe, createElementVNode as L, normalizeClass as ye, unref as u, renderSlot as Qe, createCommentVNode as F, createBlock as P, withCtx as J, createTextVNode as te, toDisplayString as ge, createVNode as V, createSlots as Ee, toRaw as xe, watch as Me, useAttrs as xa, toRef as Ie, withDirectives as Oa, withKeys as Ue } from "vue";
-import { b as qa } from "./index.oOAkh64h.js";
-import { B as _a } from "./divider.BIY84UH7.js";
-import { h as Pa, B as Ba } from "./button-actions.CxTxPprd.js";
-import { B as Oe, d as We } from "./typography.B3J6_tYk.js";
-import { B as Ca, D as Na } from "./dropdown.C5um1anU.js";
-import { g as le } from "./generate-uid.DBWe4g6T.js";
-import { u as qe } from "./index.B875RXHM.js";
-import { j as ie, k as q, s as h, l as Va, m as je, n as za, f as Ge, o as Qa, q as Ua, r as Wa, t as Le, u as ja, b as N, v as Ga, h as La, i as Ja, e as x, w as Je, x as $e, g as $a } from "./calendar.iQyNwQBL.js";
-import { u as _e, a as Ka } from "./use-date-input-formatter.x285YiSd.js";
-import { t as Te, n as Ha, c as Xa } from "./en-US.BR6y7foR.js";
-import { u as Za } from "./use-form-layout-loading.CWbjZiwP.js";
-import { B as et } from "./directive.D1-d-C2K.js";
-import { u as at } from "./form-field.D_2g7vaP.js";
-import { B as tt } from "./alert.RD0qOLhx.js";
-import { B as Ke } from "./input-field.DBlTGgAD.js";
-import { B as He, i as Xe } from "./input-time.CHIjCO74.js";
-import { B as nt } from "./segmented-control.D6Yvxxpc.js";
-import { d as Ze } from "./use-cached-selected-values.DOw5IKdU.js";
-import { u as rt } from "./use-has-slot.CyMiImRQ.js";
-import { u as st } from "./use-touch-device.DTqFAbXh.js";
-import { e as B, a as ea } from "./differenceInMonths.yz4Dfe-b.js";
-import { s as aa } from "./startOfWeek.muMEhS7U.js";
-import { c as ot } from "./constructNow.DyOJDyZZ.js";
-import { s as ta, a as na } from "./set-time-in-date.9-8WOiMT.js";
-import { _ as ua } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { F as lt } from "./field-label.CLV3nSzz.js";
-import { E as ra } from "./error-message.Dyvrw6ZB.js";
-import { B as it } from "./button-actions.types.BptAXjD8.js";
-import "../assets/date-range-picker.css";
-function sa(r, p) {
-  return Te(r, p?.in).getFullYear();
-}
-function we(r, p) {
-  return +Te(r) == +Te(p);
-}
-function ut(r, p, T) {
-  const [i, D] = Ha(
-    T?.in,
-    r,
-    p
-  );
-  return +ie(i) == +ie(D);
-}
-function oa(r, p) {
-  const T = Te(r, p?.in);
-  return T.setMilliseconds(0), T;
-}
-function Fe(r, p) {
-  return +oa(r) == +oa(p);
-}
-function dt(r, p) {
-  return q(
-    Xa(r, r),
-    ot(r)
-  );
-}
-const ct = ({
-  firstDayOfWeek: r,
-  min: p,
-  max: T
-}) => ({ getGranularCalendarLimits: (D) => {
-  if (!p && !T)
-    return { min: null, max: null };
-  let a = p ? h(p) : null, l = T ? B(T) : null;
-  if (D?.type === "weekly") {
-    if (D.earliest)
-      a = h(D.earliest);
-    else if (a) {
-      const v = aa(a, { weekStartsOn: r });
-      q(a, v) || (a = h(Va(je(a, { weekStartsOn: r }), 1)));
-    }
-    if (D.latest)
-      l = B(D.latest);
-    else if (l) {
-      const v = je(l, { weekStartsOn: r });
-      q(l, v) || (l = B(za(aa(l, { weekStartsOn: r }), 1)));
-    }
-  }
-  if (D?.type === "monthly") {
-    if (D.earliest)
-      a = h(D.earliest);
-    else if (a) {
-      const v = Ge(a);
-      q(a, v) || (a = Ge(Qa(a, 1)));
-    }
-    if (D.latest)
-      l = B(D.latest);
-    else if (l) {
-      const v = ea(l);
-      q(l, v) || (l = ea(Ua(l, 1)));
-    }
-  }
-  if (D?.type === "quarterly") {
-    if (D.earliest)
-      a = ie(D.earliest);
-    else if (a) {
-      const v = ie(a);
-      q(a, v) || (a = ie(Wa(a, 1)));
-    }
-    if (D.latest)
-      l = B(D.latest);
-    else if (l) {
-      const v = Le(l);
-      q(l, v) || (l = Le(ja(l, 1)));
-    }
-  }
-  return { min: a, max: l };
-} }), mt = () => {
-  const r = he({
-    daily: null,
-    weekly: null,
-    monthly: null,
-    quarterly: null
-  });
-  return {
-    savedRanges: r,
-    saveRange: (i, D) => {
-      r[i] = D;
-    },
-    resetSavedRanges: () => {
-      r.daily = null, r.weekly = null, r.monthly = null, r.quarterly = null;
-    }
-  };
-};
-var m = /* @__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))(m || {});
-const da = {
-  "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", 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", 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", 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", 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", 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", timeFrom: "Time from", timeTo: "Time to", weekly: "Weekly" },
-  "es-ES": { "DD-MM-YYYY": "DD-MM-AAAA", "MM-DD-YYYY": "MM-DD-AAAA", "YYYY-MM-DD": "AAAA-MM-DD", customRange: "Rango personalizado", daily: "Diario", dateFrom: "Fecha desde", dateTo: "Fecha hasta", lastMonth: "El mes pasado", lastSevenDays: "Últimos 7 días", lastThreeMonths: "Últimos tres meses", maxRangeDays: "Puedes seleccionar hasta {count} día | Puedes seleccionar hasta {count} días", maxRangeMonths: "Puedes seleccionar hasta {count} mes | Puedes seleccionar hasta {count} meses", maxRangeQuarters: "Puedes seleccionar hasta {count} trimestre | Puedes seleccionar hasta {count} trimestres", maxRangeWeeks: "Puedes seleccionar hasta {count} semana | Puedes seleccionar hasta {count} semanas", monthly: "Mensualmente", quarterly: "Trimestral", timeFrom: "Hora desde", timeTo: "Hora hasta", weekly: "Semanal" },
-  "es-MX": { "DD-MM-YYYY": "DD-MM-AAAA", "MM-DD-YYYY": "MM-DD-AAAA", "YYYY-MM-DD": "AAAA-MM-DD", customRange: "Rango personalizado", daily: "Diario", dateFrom: "Fecha de", dateTo: "Fecha hasta", lastMonth: "El mes pasado", lastSevenDays: "Últimos 7 días", lastThreeMonths: "Últimos tres meses", maxRangeDays: "Puedes seleccionar hasta {count} día | Puedes seleccionar hasta {count} días", maxRangeMonths: "Puedes seleccionar hasta {count} mes | Puedes seleccionar hasta {count} meses", maxRangeQuarters: "Puedes seleccionar hasta {count} trimestre | Puedes seleccionar hasta {count} trimestres", maxRangeWeeks: "Puedes seleccionar hasta {count} semana | Puedes seleccionar hasta {count} semanas", monthly: "Mensual", quarterly: "Trimestral", timeFrom: "Tiempo desde", timeTo: "Es hora de", weekly: "Semanal" },
-  "fr-FR": { "DD-MM-YYYY": "JJ-MM-AAAA", "MM-DD-YYYY": "MM-JJ-AAAA", "YYYY-MM-DD": "AAAA-MM-JJ", customRange: "Plage personnalisée", daily: "Quotidien", dateFrom: "Date de début", dateTo: "Date de fin", lastMonth: "Le mois dernier", lastSevenDays: "7 derniers jours", lastThreeMonths: "Trois derniers mois", maxRangeDays: "Vous pouvez sélectionner jusqu'à {count} jour | Vous pouvez sélectionner jusqu'à {count} jours", maxRangeMonths: "Vous pouvez sélectionner jusqu'à {count} mois | Vous pouvez sélectionner jusqu'à {count} mois", maxRangeQuarters: "Vous pouvez sélectionner jusqu'à {count} trimestre | Vous pouvez sélectionner jusqu'à {count} trimestres", maxRangeWeeks: "Vous pouvez sélectionner jusqu'à {count} semaine | Vous pouvez sélectionner jusqu'à {count} semaines", monthly: "Mensuel", quarterly: "Trimestriel", timeFrom: "Heure de début", timeTo: "Heure de fin", weekly: "Hebdomadaire" },
-  "it-IT": { "DD-MM-YYYY": "GG-MM-AAAA", "MM-DD-YYYY": "MM-GG-AAAA", "YYYY-MM-DD": "AAAA-MM-GG", customRange: "Intervallo personalizzato", daily: "Giornaliero", dateFrom: "Data da", dateTo: "Da", lastMonth: "Il mese scorso", lastSevenDays: "Ultimi 7 giorni", lastThreeMonths: "Gli ultimi tre mesi", maxRangeDays: "Puoi selezionare fino a {count} giorno | Puoi selezionare fino a {count} giorni", maxRangeMonths: "Puoi selezionare fino a {count} mese | Puoi selezionare fino a {count} mesi", maxRangeQuarters: "Puoi selezionare fino a {count} trimestre | Puoi selezionare fino a {count} trimestri", maxRangeWeeks: "Puoi selezionare fino a {count} settimana | Puoi selezionare fino a {count} settimane", monthly: "Mensile", quarterly: "Trimestrale", timeFrom: "Tempo dal", timeTo: "Tempo fino al", weekly: "Settimanale" },
-  "ja-JP": { "DD-MM-YYYY": "DD-MM-YYYY", "MM-DD-YYYY": "MM-DD-YYYY", "YYYY-MM-DD": "YYYY-MM-DD", customRange: "カスタム範囲", daily: "毎日", dateFrom: "開始日", dateTo: "終了日", lastMonth: "先月", lastSevenDays: "過去 7 日間", lastThreeMonths: "過去3か月", maxRangeDays: "{count}日間まで選択できます | {count}日間まで選択できます", maxRangeMonths: "{count}か月まで選択できます | {count}か月まで選択できます", maxRangeQuarters: "{count}四半期まで選択できます | {count}四半期まで選択できます", maxRangeWeeks: "{count}週間まで選択できます | {count}週間まで選択できます", monthly: "毎月", quarterly: "四半期ごと", 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é", 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", 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: "日期至", lastMonth: "上个月", lastSevenDays: "最近 7 天", lastThreeMonths: "过去三个月", maxRangeDays: "您可以选择最多 {count} 天 | 您可以选择最多 {count} 天", maxRangeMonths: "您可以选择最多 {count} 个月 | 您可以选择最多 {count} 个月", maxRangeQuarters: "您最多可以选择 {count} 个季度 | 您最多可以选择 {count} 个季度", maxRangeWeeks: "您最多可以选择 {count} 周 | 您最多可以选择 {count} 周", monthly: "每月", quarterly: "每季度", timeFrom: "时间自", timeTo: "是时候", weekly: "每周" }
-}, Dt = { class: "b-date-range-picker-calendar" }, pt = { class: "b-date-range-picker-calendar__form" }, vt = { key: 0 }, ft = {
-  key: 0,
-  class: "b-date-range-picker-calendar__calendars-container",
-  "data-testid": "date-range-picker-calendar-calendar-container"
-}, yt = {
-  name: "date-range-picker-calendar",
-  i18n: { messages: da }
-}, gt = /* @__PURE__ */ la({
-  ...yt,
-  props: {
-    /**
-     * Allows user to enter time values in the form
-     */
-    allowTimeInput: { type: Boolean, default: !1 },
-    /**
-     * Ranges form persistance data
-     */
-    dateFormData: {
-      type: Object,
-      default: () => ({ startDate: void 0, endDate: void 0, startTime: void 0, endTime: void 0 })
-    },
-    /**
-     * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
-     */
-    firstDayOfWeek: N.props.firstDayOfWeek,
-    /**
-     * A list of available granularities.
-     * If present, the date picker will display a segmented control to change granularity.
-     */
-    granularities: {
-      type: Array,
-      default: null
-    },
-    /**
-     * Indicate if a date should be disabled or not
-     */
-    isDateDisabled: N.props.isDateDisabled,
-    /**
-     * Set a maximum number of dates to be selectable by the range.
-     */
-    maxRange: N.props.maxRange,
-    /**
-     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
-     */
-    min: N.props.min,
-    /**
-     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
-     */
-    max: N.props.max,
-    /**
-     * Number of months rendered on pane
-     */
-    numberOfMonths: {
-      type: N.props.numberOfMonths.type,
-      default: N.props.numberOfMonths.default,
-      validator: (r) => r >= 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 },
-    /**
-     * Enables the custom range selector.
-     * If provided, must be an array that sets the custom range dropdown items. Items are of the structure:
-     * `label` - label of custom range item.
-     * `value` - a unique key of the custom range item.
-     * `data` - an object `{ startDate: Date; endDate: Date }` to set the date picker range to upon selecting.
-     */
-    quickSelectRanges: {
-      type: Array,
-      default: void 0
-    },
-    /**
-     * Selected date
-     */
-    value: { type: Object, default: void 0 },
-    /**
-     * The type of calendar to display. Defaults to showing days.
-     */
-    variant: N.props.variant
-  },
-  emits: [
-    m.CUSTOM_RANGE,
-    m.INPUT,
-    m.ERROR,
-    m.FORM_DATE,
-    m.START_DATE_SELECTED
-  ],
-  setup(r, { emit: p }) {
-    const i = "customRange", D = {
-      daily: "maxRangeDays",
-      weekly: "maxRangeWeeks",
-      monthly: "maxRangeMonths",
-      quarterly: "maxRangeQuarters"
-    }, a = r, l = p, v = Ea(), z = rt(v), { t: Y, tc: A } = qe({ messages: da }), { isTouchDevice: k } = st(), {
-      dateFormat: ne,
-      isFormatValid: R,
-      parseDate: g,
-      onKeyDown: C,
-      autoFormat: Q,
-      formatDate: re
-    } = _e(), b = _({}), Z = c(() => a.variant === "month" ? "monthly" : "daily"), w = c(() => a.numberOfMonths === 0), n = he({
-      startDate: a.value?.startDate,
-      endDate: a.value?.endDate,
-      range: a.value?.range,
-      ...a.granularities ? {
-        granularity: a.value?.granularity || Z.value
-      } : {}
-    }), E = c(() => (
-      // eslint-disable-next-line consistent-return
-      a?.quickSelectRanges?.find(({ value: e, data: t }) => {
-        if (!t.endDate) {
-          if (t.isRelativeToNow) {
-            const d = b.value?.[e];
-            return d ? we(d.startDate, n.startDate) && we(d.endDate, n.endDate) : (
-              // If not stored calculated dates, fall back to comparing the quick select item's value
-              // with the internal range's stored range identifier.
-              e === n.range
-            );
-          }
-          return we(t.startDate, n.startDate) && dt(n.endDate) && (!a.allowTimeInput || Fe(n.endDate, B(n.endDate))) && (a.granularities ? t.granularity === n.granularity : !0);
-        }
-        if (a.allowTimeInput)
-          return Fe(t.startDate, n.startDate) && Fe(t.endDate, n.endDate) && (a.granularities ? t.granularity === n.granularity : !0);
-        if (t.endDate)
-          return q(t.startDate, n.startDate) && q(t.endDate, n.endDate) && (a.granularities ? t.granularity === n.granularity : !0);
-      })?.value ?? i
-    )), se = c(() => ({
-      "b-date-range-picker-calendar__form-input-wrapper": a.allowTimeInput
-    })), oe = c(() => [
-      { label: Y("customRange"), value: i },
-      ...a.quickSelectRanges ? a.quickSelectRanges : []
-    ]), $ = c(
-      () => a.granularities?.find(({ type: e }) => e === n.granularity) || null
-    ), Ye = c(
-      () => a.granularities?.map(({ type: e, disabled: t }) => ({
-        label: Y(e),
-        value: e,
-        disabled: t
-      })) ?? []
-    ), { getGranularCalendarLimits: ue } = ct(a), f = c(
-      () => a.granularities ? ue($.value) : { min: a.min ? h(a.min) : null, max: a.max ? B(a.max) : null }
-    ), {
-      adjustDateForQuarterly: M,
-      adjustDateForMonthly: Re,
-      adjustDateForWeekly: K,
-      adjustStartDateInputForWeekly: be,
-      adjustEndDateInputForWeekly: de,
-      adjustStartDateInputForMonthly: ce,
-      adjustEndDateInputForMonthly: U,
-      adjustStartDateInputForQuarterly: ee,
-      adjustEndDateInputForQuarterly: Ae
-    } = Ga(a.firstDayOfWeek), { savedRanges: W, saveRange: ke, resetSavedRanges: me } = mt(), S = (e) => e ? re(e) : "", H = _(!1), X = _(!1), s = he({
-      startDate: a.dateFormData.startDate,
-      endDate: a.dateFormData.endDate,
-      startTime: a.dateFormData.startTime,
-      endTime: a.dateFormData.endTime
-    }), De = (e, t) => {
-      const d = () => {
-        if (t && G(t)) {
-          const y = ta(g(t), e);
-          if (a.min && y < na(a.min, 0) || a.max && y > na(a.max, 0))
-            return !1;
-        }
-        return !0;
-      };
-      return Xe(e) && d();
-    }, o = c(() => a.variant === "month"), j = (e) => e ? o.value ? La(e) : Ja(e) : "", pe = c(() => j(n.startDate)), ca = c(() => j(n.endDate)), Be = c(() => k.value ? o.value ? "month" : "date" : "text"), ma = c(() => k.value ? pe.value : s.startDate), Da = c(() => k.value ? ca.value : s.endDate), O = (e, t) => !t || !Xe(t) || a.variant === "month" ? e : ta(new Date(e), t), pa = (e) => {
-      s.startTime = x(
-        a.min && a.allowTimeInput && q(a.min, e.startDate) ? a.min : h(e.startDate)
-      ), s.endTime = x(
-        a.max && a.allowTimeInput && q(a.max, e.endDate) ? a.max : B(e.endDate)
-      ), n.startDate = O(e.startDate, s.startTime), n.endDate = O(e.endDate, s.endTime), n.range = null, a.granularities && me(), l(m.INPUT, {
-        ...n,
-        range: E.value
-      });
-    }, G = (e) => {
-      if (!e)
-        return !1;
-      const t = (d) => a.min && h(d) < h(a.min) || a.max && h(d) > h(a.max) ? !1 : a.isDateDisabled ? !a.isDateDisabled(h(d)) : !0;
-      return R(e) && t(g(e));
-    };
-    ia(() => {
-      H.value = !!(a.dateFormData.startDate && !G(a.dateFormData.startDate)), X.value = !!(a.dateFormData.endDate && !G(a.dateFormData.endDate));
-    });
-    const va = (e) => {
-      s.startDate = S(e), s.startTime || (s.startTime = x(e)), H.value = !1, l(m.START_DATE_SELECTED, e);
-    }, fa = (e) => {
-      s.endDate = S(e), s.endTime || (s.endTime = x(B(e))), X.value = !1;
-    }, Se = (e) => {
-      const t = a.value[e];
-      if (t)
-        return t;
-      if (a.dateFormData[e] && G(a.dateFormData[e]))
-        return g(a.dateFormData[e]);
-    }, Ce = (e) => {
-      if (G(e)) {
-        let t = e;
-        switch (H.value = !1, $.value?.type) {
-          case "weekly":
-            t = be(
-              e,
-              S,
-              f.value.min,
-              f.value.max
-            ), s.startDate = t;
-            break;
-          case "monthly":
-            t = ce(
-              e,
-              S,
-              f.value.min,
-              f.value.max
-            ), s.startDate = t;
-            break;
-          case "quarterly":
-            t = ee(
-              e,
-              S,
-              f.value.min,
-              f.value.max
-            ), s.startDate = t;
-            break;
-        }
-        const d = h(g(t));
-        n.startDate = O(d, s.startTime), n.endDate = O(
-          h(g(s.endDate)),
-          s.endTime
-        ), G(s.endDate) && (n.endDate = O(
-          h(g(s.endDate)),
-          s.endTime
-        ));
-        const y = Se("endDate");
-        n.range = null, l(m.FORM_DATE, {
-          startDate: d,
-          endDate: y
-        }), l(m.INPUT, {
-          ...n,
-          range: E.value
-        });
-      } else
-        H.value = !0, l(m.ERROR, { ...s });
-    }, ya = Ze(Ce, 300), ga = (e) => {
-      if (s.startDate = k.value && o.value ? e : Q(e), k.value)
-        if (o.value && e) {
-          const t = Je(e);
-          n.startDate = O(t, s.startTime), n.range = null, l(m.INPUT, {
-            ...n,
-            range: E.value
-          });
-        } else
-          Ce(s.startDate);
-      else
-        ya(s.startDate);
-    }, Ne = (e) => {
-      if (G(e)) {
-        let t = e;
-        switch (X.value = !1, $.value?.type) {
-          case "weekly":
-            t = de(
-              e,
-              S,
-              f.value.min,
-              f.value.max
-            ), s.endDate = t;
-            break;
-          case "monthly":
-            t = U(
-              e,
-              S,
-              f.value.min,
-              f.value.max
-            ), s.endDate = t;
-            break;
-          case "quarterly":
-            t = Ae(
-              e,
-              S,
-              f.value.min,
-              f.value.max
-            ), s.endDate = t;
-            break;
-        }
-        const d = h(g(t));
-        n.endDate = O(d, s.endTime), G(s.startDate) && (n.startDate = O(
-          h(g(s.startDate)),
-          s.startTime
-        ));
-        const y = Se("startDate");
-        n.range = null, l(m.FORM_DATE, {
-          startDate: y,
-          endDate: d
-        }), l(m.INPUT, {
-          ...n,
-          range: E.value
-        });
-      } else
-        X.value = !0, l(m.ERROR, { ...s });
-    }, Ma = Ze(Ne, 300), ha = (e) => {
-      if (s.endDate = k.value && o.value ? e : Q(e), k.value)
-        if (o.value && e) {
-          const t = Je(e);
-          n.endDate = O(t, s.endTime), n.range = null, l(m.INPUT, {
-            ...n,
-            range: E.value
-          });
-        } else
-          Ne(s.endDate);
-      else
-        Ma(s.endDate);
-    }, Ve = (e) => {
-      C(e);
-    }, Ta = () => {
-      l(m.ERROR, { ...s });
-    }, Ya = () => {
-      const e = s.startTime;
-      if (!De(e, s.startDate)) {
-        l(m.ERROR, { ...s });
-        return;
-      }
-      n.startDate = O(n.startDate, e);
-      const t = Se("endDate");
-      l(m.FORM_DATE, {
-        startDate: n.startDate,
-        endDate: t,
-        startTime: e,
-        endTime: s.endTime ?? a.dateFormData.endTime
-      }), l(m.INPUT, {
-        ...n,
-        range: E.value
-      });
-    }, Ra = () => {
-      l(m.ERROR, { ...s });
-    }, ba = () => {
-      const e = s.endTime;
-      if (!De(e, s.endDate)) {
-        l(m.ERROR, { ...s });
-        return;
-      }
-      n.endDate = O(n.endDate, e), l(m.FORM_DATE, {
-        startDate: n.startDate,
-        endDate: n.endDate,
-        startTime: s.startTime ?? a.dateFormData.startTime,
-        endTime: e
-      }), l(m.INPUT, {
-        ...n,
-        range: E.value
-      });
-    }, Aa = (e) => {
-      s.startTime = e;
-    }, ka = (e) => {
-      s.endTime = e;
-    }, ve = (e, t, d, y) => {
-      n.startDate = e, n.endDate = t, d && (n.granularity = d), y && (n.range = y);
-    }, Sa = (e) => {
-      const t = a.quickSelectRanges?.find(({ value: d }) => d === e);
-      if (t) {
-        me();
-        const d = t.data, y = d.endDate || (d.isRelativeToNow ? new Date(Date.now()) : B(new Date(Date.now()))), ae = d.isRelativeToNow && d.timeDifference ? new Date(y.getTime() - d.timeDifference) : d.startDate;
-        s.endDate = S(y), s.startDate = S(ae), ve(ae, y, null, e), a.granularities && (n.granularity = d.granularity || Z.value), s.startTime = x(ae), s.endTime = x(y), n.startDate = ae, n.endDate = y, d.isRelativeToNow && (b.value = {
-          ...b.value,
-          [e]: {
-            startDate: ae,
-            endDate: y
-          }
-        }), l(m.CUSTOM_RANGE, {
-          ...t.data,
-          startDate: ae,
-          endDate: y,
-          range: t.value
-        });
-      }
-    }, Ia = {
-      weekly: K,
-      monthly: Re,
-      quarterly: M
-    }, wa = (e) => {
-      const t = n.granularity;
-      if (n.granularity = e, t && ke(t, structuredClone(xe(n))), n.startDate && n.endDate) {
-        switch (e) {
-          case "quarterly":
-          case "monthly":
-          case "weekly": {
-            if (W[e]) {
-              ve(W[e].startDate, W[e].endDate, e);
-              break;
-            }
-            const { startDate: d, endDate: y } = Ia[e](
-              n.startDate,
-              n.endDate,
-              f.value.min,
-              f.value.max
-            );
-            ve(d, y, e);
-            break;
-          }
-          case "daily":
-            W.daily && ve(W.daily.startDate, W.daily.endDate, e);
-            break;
-        }
-        s.startDate = S(n.startDate), s.endDate = S(n.endDate), l(m.INPUT, {
-          ...n,
-          range: E.value
-        });
-      }
-    }, Fa = c(() => ({
-      "b-date-range-picker-calendar__form-container--no-calendars": w.value
-    })), ze = c(() => {
-      const e = $.value, t = e?.maxRange || a.maxRange;
-      if (!t)
-        return null;
-      const d = D[e?.type ?? "daily"];
-      return A(d, t, { count: t });
-    });
-    return (e, t) => (I(), fe("div", Dt, [
-      L("div", {
-        class: ye(["b-date-range-picker-calendar__form-container", Fa.value]),
-        "data-testid": "date-range-picker-calendar-form-container"
-      }, [
-        L("div", pt, [
-          u(z)("title") ? Qe(e.$slots, "title", { key: 0 }, void 0, !0) : F("", !0),
-          r.quickSelectRanges ? (I(), P(Ca, {
-            key: 1,
-            "aria-label": u(Y)("customRange"),
-            items: oe.value,
-            "model-value": E.value,
-            "onUpdate:modelValue": Sa
-          }, null, 8, ["aria-label", "items", "model-value"])) : F("", !0),
-          r.granularities ? (I(), P(u(nt), {
-            key: 2,
-            items: Ye.value,
-            "model-value": n.granularity,
-            "full-width": "",
-            "onUpdate:modelValue": wa
-          }, null, 8, ["items", "model-value"])) : F("", !0),
-          ze.value ? (I(), P(u(tt), {
-            key: 3,
-            variant: "tip"
-          }, {
-            description: J(() => [
-              te(ge(ze.value), 1)
-            ]),
-            _: 1
-          })) : F("", !0),
-          L("div", null, [
-            V(u(Oe), {
-              stronger: "",
-              el: "span",
-              class: "b-date-range-picker-calendar__label"
-            }, {
-              default: J(() => t[0] || (t[0] = [
-                te(" From ")
-              ])),
-              _: 1
-            }),
-            L("div", {
-              class: ye(se.value)
-            }, [
-              V(u(Ke), {
-                "aria-label": u(Y)("dateFrom"),
-                "model-value": ma.value,
-                error: H.value,
-                class: "b-date-range-picker-calendar__form-input",
-                type: Be.value,
-                "onUpdate:modelValue": ga,
-                onKeydown: Ve
-              }, Ee({ _: 2 }, [
-                u(k) ? void 0 : {
-                  name: "description",
-                  fn: J(() => [
-                    te(ge(u(Y)(u(ne))), 1)
-                  ]),
-                  key: "0"
-                }
-              ]), 1032, ["aria-label", "model-value", "error", "type"]),
-              r.allowTimeInput ? (I(), P(u(He), {
-                key: 0,
-                "aria-label": u(Y)("timeFrom"),
-                "model-value": s.startTime,
-                class: "b-date-range-picker-calendar__form-input",
-                "onUpdate:modelValue": Aa,
-                "onInput:error": Ta,
-                "onInput:valid": Ya
-              }, null, 8, ["aria-label", "model-value"])) : F("", !0)
-            ], 2)
-          ]),
-          L("div", null, [
-            V(u(Oe), {
-              stronger: "",
-              el: "span",
-              class: "b-date-range-picker-calendar__label"
-            }, {
-              default: J(() => t[1] || (t[1] = [
-                te(" To ")
-              ])),
-              _: 1
-            }),
-            L("div", {
-              class: ye(se.value)
-            }, [
-              V(u(Ke), {
-                class: "b-date-range-picker-calendar__form-input",
-                "aria-label": u(Y)("dateTo"),
-                "model-value": Da.value,
-                error: X.value,
-                type: Be.value,
-                "onUpdate:modelValue": ha,
-                onKeydown: Ve
-              }, Ee({ _: 2 }, [
-                u(k) ? void 0 : {
-                  name: "description",
-                  fn: J(() => [
-                    te(ge(u(Y)(u(ne))), 1)
-                  ]),
-                  key: "0"
-                }
-              ]), 1032, ["aria-label", "model-value", "error", "type"]),
-              r.allowTimeInput ? (I(), P(u(He), {
-                key: 0,
-                "aria-label": u(Y)("timeTo"),
-                "model-value": s.endTime,
-                class: "b-date-range-picker-calendar__form-input",
-                "onUpdate:modelValue": ka,
-                "onInput:error": Ra,
-                "onInput:valid": ba
-              }, null, 8, ["aria-label", "model-value"])) : F("", !0)
-            ], 2)
-          ])
-        ]),
-        u(z)("actions") ? (I(), fe("div", vt, [
-          Qe(e.$slots, "actions", {}, void 0, !0)
-        ])) : F("", !0)
-      ], 2),
-      !w.value && !u(k) ? (I(), fe("div", ft, [
-        V(u(N), {
-          value: n,
-          "first-day-of-week": r.firstDayOfWeek,
-          "is-date-disabled": r.isDateDisabled,
-          "max-range": r.maxRange,
-          min: f.value.min,
-          max: f.value.max,
-          "number-of-months": r.numberOfMonths,
-          "show-end-date-on-open": r.showEndDateOnOpen,
-          granularity: $.value,
-          variant: r.variant,
-          "is-range": "",
-          onInput: pa,
-          onStartDateSelected: va,
-          onEndDateSelected: fa
-        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "max-range", "min", "max", "number-of-months", "show-end-date-on-open", "granularity", "variant"])
-      ])) : F("", !0)
-    ]));
-  }
-}), Mt = /* @__PURE__ */ ua(gt, [["__scopeId", "data-v-cb01ce62"]]), Pe = {
-  "de-DE": { apply: "Anwenden", cancel: "Abbrechen", dateRangePicker: "Datumsbereichauswahl {name}", provideDateInAFormat: "Geben Sie das Datum im Format YYYY-MM-DD an", 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}", provideDateInAFormat: "Enter date in YYYY-MM-DD 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}", provideDateInAFormat: "Provide date in a YYYY-MM-DD format", quarter: "Q{quarter} {year}", selectDate: "Select a date", selectDateRange: "Select a date range", selectedDateIsNotAvailable: "Selected date is not available" },
-  "es-ES": { apply: "Aplicar", cancel: "Cancelar", dateRangePicker: "Selector de intervalos de fechas {name}", provideDateInAFormat: "Proporciona la fecha en formato AAAAA-MM-DD", quarter: "T{quarter} {year}", selectDate: "Selecciona una fecha", selectDateRange: "Selecciona un rango de fechas", selectedDateIsNotAvailable: "La fecha seleccionada no está disponible" },
-  "es-MX": { apply: "Aplicar", cancel: "Cancelar", dateRangePicker: "Selector de intervalos de fechas {name}", provideDateInAFormat: "Proporciona la fecha en formato AAAA-MM-DD", quarter: "T{quarter} {year}", selectDate: "Selecciona una fecha", selectDateRange: "Selecciona un rango de fechas", selectedDateIsNotAvailable: "La fecha seleccionada no está disponible" },
-  "fr-FR": { apply: "Appliquer", cancel: "Annuler", dateRangePicker: "Sélecteur de plages de dates {name}", provideDateInAFormat: "Fournissez la date au format AAAA-MM-JJ", quarter: "T{quarter} {year}", selectDate: "Sélectionnez une date", selectDateRange: "Sélectionnez une plage de dates", selectedDateIsNotAvailable: "La date sélectionnée n’est pas disponible" },
-  "it-IT": { apply: "Applica", cancel: "Annulla", dateRangePicker: "Selettore intervallo di date {name}", provideDateInAFormat: "Inserisci la data nel formato AAAA-MM-GG", quarter: "Q{quarter} {year}", selectDate: "Seleziona una data", selectDateRange: "Seleziona un intervallo di date", selectedDateIsNotAvailable: "La data selezionata non è disponibile" },
-  "ja-JP": { apply: "適用", cancel: "キャンセル", dateRangePicker: "日付範囲ピッカー {name}", provideDateInAFormat: "YYYY-MM-DD形式で日付を入力してください", quarter: "{year}年第{quarter}四半期", selectDate: "日付を選択", selectDateRange: "日付範囲を選択", selectedDateIsNotAvailable: "選択した日付は利用できません" },
-  "pt-BR": { apply: "Aplicar", cancel: "Cancelar", dateRangePicker: "Seletor de intervalo de datas {name}", provideDateInAFormat: "Inclua a data no formato AAAA-MM-DD", 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}", provideDateInAFormat: "提供年-月-日格式的日期", quarter: "{year} {quarter} 季度", selectDate: "选择日期", selectDateRange: "选择日期范围", selectedDateIsNotAvailable: "所选日期不可用" }
-}, ht = ({
-  datePickerValue: r,
-  isDateIncorrect: p,
-  quickSelectRanges: T,
-  isMonthVariant: i,
-  withTimeInput: D,
-  placeholder: a
-}) => {
-  const { locale: l, t: v } = qe({ messages: Pe }), { dateToInputDateString: z } = _e(), Y = (R) => !!R && !isNaN(R.getTime()), A = he({
-    startDate: null,
-    endDate: null,
-    startTime: null,
-    endTime: null
-  });
-  return Me(
-    r,
-    (R) => {
-      A.startDate = z(R?.startDate), A.endDate = z(R?.endDate), A.startTime = x(R?.startDate), A.endTime = x(R?.endDate);
-    },
-    { immediate: !0 }
-  ), {
-    // Values
-    dateDisplayValue: c(() => {
-      if (p.value)
-        return `${A.startDate || ""} - ${A.endDate || ""}`;
-      if (!r.value || !r.value.startDate && !r.value.endDate)
-        return a?.value || v("selectDateRange");
-      if (T.value?.length) {
-        const g = T.value.find(({ value: C }) => C === r.value?.range);
-        if (g)
-          return g.label;
-      }
-      if (r.value.granularity === "quarterly") {
-        const { startDate: g, endDate: C } = r.value, Q = v("quarter", { quarter: $e(g), year: sa(g) });
-        if (ut(g, C))
-          return Q;
-        const re = v("quarter", { quarter: $e(C), year: sa(C) });
-        return `${Q} - ${re}`;
-      }
-      if (!Y(r.value.startDate) || !Y(r.value.endDate))
-        return `${A.startDate || ""} - ${A.endDate || ""}`;
-      let R = i?.value ? { month: "long", year: "numeric" } : { month: "short", day: "2-digit", year: "numeric" };
-      return D.value && (R = {
-        ...R,
-        hour: "numeric",
-        minute: "numeric",
-        second: "numeric",
-        hour12: !1
-      }), $a(l.value, R).formatRange(
-        r.value.startDate,
-        r.value.endDate
-      );
-    }),
-    textInputDisplayValue: A,
-    // Methods
-    formatTextInputDisplayValue: () => ""
-  };
-}, Tt = { class: "b-date-range-picker" }, Yt = { class: "b-date-range-picker__footer" }, Rt = {
-  i18n: { messages: Pe },
-  name: "bento-date-range-picker",
-  model: { prop: "modelValue" }
-}, bt = /* @__PURE__ */ la({
-  ...Rt,
-  props: {
-    allowTimeInput: { type: Boolean },
-    firstDayOfWeek: { default: void 0 },
-    granularities: {},
-    isDateDisabled: { type: Function, default: void 0 },
-    showEndDateOnOpen: { type: Boolean, default: !1 },
-    quickSelectRanges: { default: void 0 },
-    maxRange: { default: null },
-    min: { default: null },
-    max: { default: null },
-    numberOfMonths: { default: void 0 },
-    modelValue: { default: null },
-    value: { default: null },
-    variant: { default: void 0 },
-    hasActions: { type: Boolean, default: !1 },
-    description: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    errorMessage: { default: null },
-    label: { default: void 0 },
-    optional: { type: Boolean, default: !1 },
-    placeholder: { default: null },
-    readonly: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    tooltipText: { default: null }
-  },
-  emits: ["update:model-value", "input"],
-  setup(r, { emit: p }) {
-    const T = p, i = r, D = xa(), { t: a } = qe({ messages: Pe }), { dateToInputDateString: l } = _e(), v = le("bento-date-range-picker-container"), z = le("bento-date-range-picker-label"), Y = le("bento-date-range-picker-description"), A = le("bento-date-range-picker-error"), k = le("bento-date-range-picker-date-error"), ne = c(() => i.label || a("dateRangePicker", { name: v })), { resolvedFirstDayOfWeek: R } = Ka(Ie(i, "firstDayOfWeek")), g = qa({
-      none: 0,
-      one: 710,
-      // width of date range picker with one panes
-      two: 1030,
-      // width of date range picker with two panes
-      three: 1290
-      // width of date range picker with three panes
-    }), C = c(() => {
-      const o = g.active().value, j = {
-        none: 0,
-        one: 1,
-        two: 2
-      };
-      if (o in j) {
-        const pe = j[o];
-        return i.numberOfMonths === void 0 ? pe : Math.min(i.numberOfMonths, pe);
-      }
-      return i.numberOfMonths;
-    }), Q = c(() => i?.quickSelectRanges && i.quickSelectRanges.map((o) => {
-      const j = o.data.endDate ? void 0 : new Date(Date.now()).getTime() - o.data.startDate.getTime();
-      return {
-        ...o,
-        data: {
-          ...o.data,
-          // Adding timeDifference to calculate an up-to-date endDate on range selection
-          timeDifference: j
-        }
-      };
-    })), re = c(() => i.label ? z : D?.["aria-labelledby"] ?? null), b = _(!1), Z = _(null), w = _(!1), { isReadOnly: n } = Za(Ie(i, "readonly")), { emitValue: E } = at(T);
-    Me(
-      () => i.disabled,
-      () => {
-        i.disabled && w.value && (w.value = !1);
-      }
-    );
-    const se = c(() => i.modelValue || i.value), oe = c(() => i.hasActions ? !ee.value && b.value : b.value), $ = c(() => ({
-      "b-date-range-picker__description--error": !!i.errorMessage || oe.value
-    })), Ye = c(() => i.variant === "month"), ue = c(() => i.allowTimeInput && i.variant !== "month"), { dateDisplayValue: f, textInputDisplayValue: M } = ht({
-      datePickerValue: se,
-      isDateIncorrect: b,
-      quickSelectRanges: Q,
-      isMonthVariant: Ye,
-      withTimeInput: ue,
-      placeholder: Ie(i, "placeholder")
-    }), Re = c(
-      () => `${i.description ? Y : ""} ${i.errorMessage ? A : ""} ${b.value ? k : ""}`.trim() || null
-    ), K = () => {
-      w.value = !1;
-    }, be = () => {
-      w.value = !0;
-    }, de = _(f.value), ce = _(
-      // textInputDisplayValue is a reactive object
-      structuredClone(xe(M))
-    ), U = _(i.modelValue ?? i.value), ee = _(!0), Ae = c(
-      () => i.hasActions ? ce.value : M
-    ), W = c(
-      () => i.hasActions ? de.value : f.value
-    );
-    ia(() => {
-      if (i.hasActions || We(
-        'BentoDateRangePicker "hasActions" property',
-        `Set the BentoDateRangePicker "hasActions" property true which will display the "Apply" and "Cancel" buttons.
-                        This will be the default behavior in the v2 and "hasActions" will be removed.`,
-        "2.0.0"
-      ), i.value && We(
-        'BentoDateRangePicker "value" property',
-        'The use of "value" prop in "BentoDateRangePicker" is no longer supported. Use the "v-model" or "model-value" property instead.',
-        "2.0.0"
-      ), i.granularities && i.variant !== "month" && i.granularities.find(({ type: o }) => o === "quarterly"))
-        throw new Error('Quarterly granularity is only supported by BentoDateRangePicker with variant: "month"');
-    }), Me([() => i.value, () => i.modelValue], () => {
-      de.value = f.value, ce.value = structuredClone(xe(M));
-    });
-    const ke = c(() => [
-      {
-        title: a("apply"),
-        event: () => {
-          E(U.value), K(), ee.value = !0;
-        },
-        disabled: ee.value
-      },
-      {
-        title: a("cancel"),
-        event: K
-      }
-    ]);
-    Me(U, (o) => {
-      if (i.hasActions) {
-        ee.value = b.value;
-        return;
-      }
-      E(o);
-    });
-    const me = (o) => {
-      b.value = !1, M.startDate = l(o.startDate), M.endDate = l(o.endDate), M.startTime = x(o.startDate), M.endTime = x(o.endDate), U.value = o;
-    }, S = async () => {
-      b.value && (b.value = !1), U.value = null;
-    }, H = () => {
-      if (!w.value) {
-        w.value = !0;
-        return;
-      }
-      b.value || (w.value = !1);
-    }, X = (o) => {
-      b.value = !1, o.startTime && (M.startTime = o.startTime), o.endTime && (M.endTime = o.endTime);
-    }, s = (o) => {
-      b.value = !0, M.startDate = o.startDate, M.endDate = o.endDate, U.value = { startDate: null, endDate: null };
-    }, De = (o) => {
-      o && (M.startDate = l(o.startDate), M.endDate = l(o.endDate), M.startTime = x(o.startDate), M.endTime = x(o.endDate), U.value = o);
-    };
-    return (o, j) => Oa((I(), fe("div", Tt, [
-      o.label ? (I(), P(u(lt), {
-        key: 0,
-        id: u(z),
-        label: o.label,
-        "tooltip-text": o.tooltipText,
-        optional: o.optional,
-        required: o.required
-      }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : F("", !0),
-      L("div", {
-        onKeydown: Ue(H, ["enter"])
-      }, [
-        V(u(Na), {
-          ref_key: "inputContainerRef",
-          ref: Z,
-          "always-combobox-is-input": "",
-          ariaControls: u(v),
-          ariaExpanded: w.value,
-          "aria-labelledby": re.value,
-          "aria-describedby": Re.value,
-          "aria-required": o.required,
-          disabled: o.disabled,
-          "is-invalid": !!o.errorMessage || oe.value,
-          open: w.value,
-          "display-value": W.value,
-          readonly: u(n),
-          onOpen: be,
-          onClear: S,
-          onClose: K
-        }, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "aria-required", "disabled", "is-invalid", "open", "display-value", "readonly"])
-      ], 32),
-      oe.value ? (I(), P(u(ra), {
-        key: 1,
-        id: u(k),
-        "error-message": u(a)("provideDateInAFormat"),
-        class: "b-date-range-picker__error-message"
-      }, null, 8, ["id", "error-message"])) : F("", !0),
-      o.errorMessage ? (I(), P(u(ra), {
-        key: 2,
-        id: u(A),
-        "error-message": o.errorMessage,
-        class: "b-date-range-picker__error-message"
-      }, null, 8, ["id", "error-message"])) : F("", !0),
-      o.description ? (I(), P(u(Oe), {
-        key: 3,
-        id: u(Y),
-        class: ye(["b-date-range-picker__description", $.value]),
-        el: "span"
-      }, {
-        default: J(() => [
-          te(ge(o.description), 1)
-        ]),
-        _: 1
-      }, 8, ["id", "class"])) : F("", !0),
-      Z.value ? (I(), P(u(Pa), {
-        key: 4,
-        id: u(v),
-        class: "b-date-range-picker__container",
-        open: w.value,
-        "target-element": Z.value,
-        "aria-label": ne.value,
-        position: "bottom-start",
-        "without-space": "",
-        "fit-content": "",
-        "trap-all": "",
-        "overflow-visible": "",
-        onKeydown: Ue(K, ["esc", "native"])
-      }, {
-        default: J(() => [
-          V(u(Mt), {
-            "allow-time-input": ue.value,
-            "quick-select-ranges": Q.value,
-            value: se.value,
-            "first-day-of-week": u(R),
-            granularities: o.granularities,
-            "is-date-disabled": o.isDateDisabled,
-            "max-range": o.maxRange,
-            min: o.min,
-            max: o.max,
-            "number-of-months": C.value,
-            "show-end-date-on-open": o.showEndDateOnOpen,
-            "date-form-data": Ae.value,
-            variant: o.variant,
-            onCustomRange: De,
-            onInput: me,
-            onError: s,
-            onFormDate: X
-          }, Ee({ _: 2 }, [
-            o.hasActions ? {
-              name: "actions",
-              fn: J(() => [
-                V(u(_a)),
-                L("div", Yt, [
-                  V(u(Ba), {
-                    actions: ke.value,
-                    layout: u(it).SPACE_BETWEEN
-                  }, null, 8, ["actions", "layout"])
-                ])
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["allow-time-input", "quick-select-ranges", "value", "first-day-of-week", "granularities", "is-date-disabled", "max-range", "min", "max", "number-of-months", "show-end-date-on-open", "date-form-data", "variant"])
-        ]),
-        _: 1
-      }, 8, ["id", "open", "target-element", "aria-label"])) : F("", !0)
-    ])), [
-      [u(et), K]
-    ]);
-  }
-}), en = /* @__PURE__ */ ua(bt, [["__scopeId", "data-v-e00826fe"]]);
-export {
-  en as B,
-  Mt as D,
-  dt as a,
-  we as i
-};
-//# sourceMappingURL=date-range-picker.BigC6wm2.js.map