@adyen/bento-vue3 1.96.1 → 1.97.0

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

@@ -0,0 +1,1095 @@
+import { defineComponent as qe, computed as m, openBlock as P, createBlock as _, unref as u, withCtx as K, createVNode as L, mergeProps as Ge, createCommentVNode as x, reactive as Te, useSlots as Ba, ref as z, onMounted as ca, createElementBlock as ye, createElementVNode as te, normalizeClass as ma, renderSlot as $e, createTextVNode as Me, toDisplayString as Da, toRaw as Pe, watch as he, useAttrs as Va, toRef as we, withDirectives as Ca, withKeys as Je, createSlots as za } from "vue";
+import { b as _a } from "./index.oOAkh64h.js";
+import { B as La } from "./divider.BIY84UH7.js";
+import { h as Ua, B as Qa } from "./button-actions.CWmTl4cF.js";
+import { B as Oe, d as He } from "./typography.B3J6_tYk.js";
+import { g as oe } from "./generate-uid.DBWe4g6T.js";
+import { u as xe } from "./index.B875RXHM.js";
+import { j as le, k as B, s as F, l as ja, m as Ke, n as Wa, f as Xe, o as Ga, q as $a, r as Ja, t as Ze, u as Ha, b as C, v as Ka, h as Xa, i as Za, e as N, w as ea, x as aa, g as et } from "./calendar.6NKd6IMo.js";
+import { u as Ne, a as at } from "./use-date-input-formatter.QXaVIBS0.js";
+import { t as Re, n as tt, c as nt } from "./en-US.BR6y7foR.js";
+import { u as rt } from "./use-form-layout-loading.CWbjZiwP.js";
+import { B as st } from "./directive.D1-d-C2K.js";
+import { u as ot } from "./form-field.D_2g7vaP.js";
+import { B as lt, g as ta, D as it } from "./dropdown.C97ShfXZ.js";
+import { B as ut } from "./alert.V1imvtyI.js";
+import { B as dt } from "./segmented-control.D6Yvxxpc.js";
+import { u as ct } from "./use-has-slot.CyMiImRQ.js";
+import { u as mt } from "./use-touch-device.DTqFAbXh.js";
+import { e as U, a as na } from "./differenceInMonths.yz4Dfe-b.js";
+import { s as ra } from "./startOfWeek.muMEhS7U.js";
+import { c as Dt } from "./constructNow.DyOJDyZZ.js";
+import { a as ge, s as sa } from "./set-time-in-date.9-8WOiMT.js";
+import { B as vt, i as oa } from "./input-time.CGPUOOQ9.js";
+import { B as pt } from "./input-field.CvnmfrzQ.js";
+import { B as ft } from "./form-layout-group.08QuvVmC.js";
+import { _ as va } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { F as gt } from "./field-label.CLV3nSzz.js";
+import { E as la } from "./error-message.Dyvrw6ZB.js";
+import { B as yt } from "./button-actions.types.BptAXjD8.js";
+import "../assets/date-range-picker.css";
+function ia(s, v) {
+  return Re(s, v?.in).getFullYear();
+}
+function Ee(s, v) {
+  return +Re(s) == +Re(v);
+}
+function Mt(s, v, h) {
+  const [i, d] = tt(
+    h?.in,
+    s,
+    v
+  );
+  return +le(i) == +le(d);
+}
+function ua(s, v) {
+  const h = Re(s, v?.in);
+  return h.setMilliseconds(0), h;
+}
+function Fe(s, v) {
+  return +ua(s) == +ua(v);
+}
+function ht(s, v) {
+  return B(
+    nt(s, s),
+    Dt(s)
+  );
+}
+const Tt = {
+  name: "date-time-input"
+}, da = /* @__PURE__ */ qe({
+  ...Tt,
+  props: {
+    dateModelValue: { default: "" },
+    dateProps: { default: () => ({}) },
+    errorMessage: { default: null },
+    showTimeInput: { type: Boolean, default: !1 },
+    timeModelValue: { default: "" },
+    timeProps: { default: () => ({}) }
+  },
+  emits: ["update:date-model-value", "date:keydown", "update:time-model-value", "time:error", "time:valid"],
+  setup(s) {
+    const v = s, h = m(() => ({
+      errorMessage: v.errorMessage,
+      ...v.dateProps
+    })), i = m(() => ({
+      errorMessage: v.errorMessage,
+      ...v.timeProps
+    }));
+    return (d, a) => (P(), _(u(ft), {
+      layout: d.showTimeInput ? "50-50" : "100",
+      "error-message": d.errorMessage
+    }, {
+      default: K(() => [
+        L(u(pt), Ge(h.value, {
+          "model-value": d.dateModelValue,
+          "onUpdate:modelValue": a[0] || (a[0] = (o) => d.$emit("update:date-model-value", o)),
+          onKeydown: a[1] || (a[1] = (o) => d.$emit("date:keydown", o))
+        }), null, 16, ["model-value"]),
+        d.showTimeInput ? (P(), _(u(vt), Ge({ key: 0 }, i.value, {
+          "model-value": d.timeModelValue,
+          "onUpdate:modelValue": a[2] || (a[2] = (o) => d.$emit("update:time-model-value", o)),
+          "onInput:error": a[3] || (a[3] = (o) => d.$emit("time:error")),
+          "onInput:valid": a[4] || (a[4] = (o) => d.$emit("time:valid"))
+        }), null, 16, ["model-value"])) : x("", !0)
+      ]),
+      _: 1
+    }, 8, ["layout", "error-message"]));
+  }
+}), Rt = ({
+  firstDayOfWeek: s,
+  min: v,
+  max: h
+}) => ({ getGranularCalendarLimits: (d) => {
+  if (!v && !h)
+    return { min: null, max: null };
+  let a = v ? F(v) : null, o = h ? U(h) : null;
+  if (d?.type === "weekly") {
+    if (d.earliest)
+      a = F(d.earliest);
+    else if (a) {
+      const f = ra(a, { weekStartsOn: s });
+      B(a, f) || (a = F(ja(Ke(a, { weekStartsOn: s }), 1)));
+    }
+    if (d.latest)
+      o = U(d.latest);
+    else if (o) {
+      const f = Ke(o, { weekStartsOn: s });
+      B(o, f) || (o = U(Wa(ra(o, { weekStartsOn: s }), 1)));
+    }
+  }
+  if (d?.type === "monthly") {
+    if (d.earliest)
+      a = F(d.earliest);
+    else if (a) {
+      const f = Xe(a);
+      B(a, f) || (a = Xe(Ga(a, 1)));
+    }
+    if (d.latest)
+      o = U(d.latest);
+    else if (o) {
+      const f = na(o);
+      B(o, f) || (o = na($a(o, 1)));
+    }
+  }
+  if (d?.type === "quarterly") {
+    if (d.earliest)
+      a = le(d.earliest);
+    else if (a) {
+      const f = le(a);
+      B(a, f) || (a = le(Ja(a, 1)));
+    }
+    if (d.latest)
+      o = U(d.latest);
+    else if (o) {
+      const f = Ze(o);
+      B(o, f) || (o = Ze(Ha(o, 1)));
+    }
+  }
+  return { min: a, max: o };
+} }), bt = () => {
+  const s = Te({
+    daily: null,
+    weekly: null,
+    monthly: null,
+    quarterly: null
+  });
+  return {
+    savedRanges: s,
+    saveRange: (i, d) => {
+      s[i] = d;
+    },
+    resetSavedRanges: () => {
+      s.daily = null, s.weekly = null, s.monthly = null, s.quarterly = null;
+    }
+  };
+};
+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 pa = {
+  "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", 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", 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", invalidDateFormat: "Formato de fecha no válido", 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", selectedDateIsNotAvailable: "La fecha seleccionada no está disponible", startDateMustPrecedeEndDate: "La fecha de inicio debe ser anterior a la fecha de finalización", 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", invalidDateFormat: "Formato de fecha no válido", 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", selectedDateIsNotAvailable: "La fecha seleccionada no está disponible", startDateMustPrecedeEndDate: "La fecha de inicio debe ser anterior a la fecha de finalización", 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", invalidDateFormat: "Format de date non valide", 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", selectedDateIsNotAvailable: "La date sélectionnée n’est pas disponible", startDateMustPrecedeEndDate: "La date de début doit précéder la date de fin", 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", invalidDateFormat: "Formato data non valido", 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", selectedDateIsNotAvailable: "La data selezionata non è disponibile", startDateMustPrecedeEndDate: "La data di inizio deve precedere la data di fine", 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: "終了日", 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: "每周" }
+}, Yt = { class: "b-date-range-picker-calendar" }, kt = { class: "b-date-range-picker-calendar__form" }, At = { key: 0 }, It = {
+  key: 0,
+  class: "b-date-range-picker-calendar__calendars-container",
+  "data-testid": "date-range-picker-calendar-calendar-container"
+}, St = {
+  name: "date-range-picker-calendar",
+  i18n: { messages: pa }
+}, wt = /* @__PURE__ */ qe({
+  ...St,
+  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: C.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: C.props.isDateDisabled,
+    /**
+     * Set a maximum number of dates to be selectable by the range.
+     */
+    maxRange: C.props.maxRange,
+    /**
+     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
+     */
+    min: C.props.min,
+    /**
+     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
+     */
+    max: C.props.max,
+    /**
+     * Number of months rendered on pane
+     */
+    numberOfMonths: {
+      type: C.props.numberOfMonths.type,
+      default: C.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 },
+    /**
+     * 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: C.props.variant,
+    /**
+     * Range of years to be selectable from the year dropdown
+     */
+    yearRange: C.props.yearRange
+  },
+  emits: [
+    D.CUSTOM_RANGE,
+    D.INPUT,
+    D.ERROR,
+    D.FORM_DATE,
+    D.START_DATE_SELECTED
+  ],
+  setup(s, { emit: v }) {
+    const i = "customRange", d = {
+      daily: "maxRangeDays",
+      weekly: "maxRangeWeeks",
+      monthly: "maxRangeMonths",
+      quarterly: "maxRangeQuarters"
+    }, a = s, o = v, f = Ba(), W = ct(f), { t: T, tc: I } = xe({ messages: pa }), { isTouchDevice: S } = mt(), {
+      dateFormat: ne,
+      isFormatValid: Y,
+      parseDate: b,
+      onKeyDown: Q,
+      autoFormat: G,
+      formatDate: re
+    } = Ne(), k = z({}), X = m(() => a.variant === "month" ? "monthly" : "daily"), O = m(() => a.numberOfMonths === 0), t = Te({
+      startDate: a.value?.startDate,
+      endDate: a.value?.endDate,
+      range: a.value?.range,
+      ...a.granularities ? {
+        granularity: a.value?.granularity || X.value
+      } : {}
+    }), q = m(() => (
+      // eslint-disable-next-line consistent-return
+      a?.quickSelectRanges?.find(({ value: e, data: n }) => {
+        if (!n.endDate) {
+          if (n.isRelativeToNow) {
+            const c = k.value?.[e];
+            return c ? Ee(c.startDate, t.startDate) && Ee(c.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.
+              e === t.range
+            );
+          }
+          return Ee(n.startDate, t.startDate) && ht(t.endDate) && (!a.allowTimeInput || Fe(t.endDate, U(t.endDate))) && (a.granularities ? n.granularity === t.granularity : !0);
+        }
+        if (a.allowTimeInput)
+          return Fe(n.startDate, t.startDate) && Fe(n.endDate, t.endDate) && (a.granularities ? n.granularity === t.granularity : !0);
+        if (n.endDate)
+          return B(n.startDate, t.startDate) && B(n.endDate, t.endDate) && (a.granularities ? n.granularity === t.granularity : !0);
+      })?.value ?? i
+    )), ie = m(() => [
+      { label: T("customRange"), value: i },
+      ...a.quickSelectRanges ? a.quickSelectRanges : []
+    ]), j = m(
+      () => a.granularities?.find(({ type: e }) => e === t.granularity) || null
+    ), be = m(
+      () => a.granularities?.map(({ type: e, disabled: n }) => ({
+        label: T(e),
+        value: e,
+        disabled: n
+      })) ?? []
+    ), { getGranularCalendarLimits: Ye } = Rt(a), g = m(
+      () => a.granularities ? Ye(j.value) : { min: a.min ? F(a.min) : null, max: a.max ? U(a.max) : null }
+    ), {
+      adjustDateForQuarterly: se,
+      adjustDateForMonthly: R,
+      adjustDateForWeekly: ke,
+      adjustStartDateInputForWeekly: H,
+      adjustEndDateInputForWeekly: Ae,
+      adjustStartDateInputForMonthly: ue,
+      adjustEndDateInputForMonthly: de,
+      adjustStartDateInputForQuarterly: $,
+      adjustEndDateInputForQuarterly: Z
+    } = Ka(a.firstDayOfWeek), { savedRanges: J, saveRange: Ie, resetSavedRanges: ce } = bt(), w = (e) => e ? re(e) : "", y = z(null), M = z(null), me = m(() => y.value ? T(y.value) : null), De = m(() => M.value ? T(M.value) : null), ve = m(
+      () => y.value === "invalidDateFormat" ? null : me.value
+    ), l = m(() => M.value === "invalidDateFormat" ? null : De.value), A = (e, n, c, p) => {
+      if (!e || !Y(e))
+        return "invalidDateFormat";
+      const E = b(e), fe = F(E);
+      if (a.min && fe < F(a.min) || a.max && fe > F(a.max) || a.isDateDisabled && a.isDateDisabled(fe))
+        return "selectedDateIsNotAvailable";
+      if (n) {
+        const je = p ? ge(p, 0).getTime() : fe.getTime(), We = p ? ge(n, 0).getTime() : F(n).getTime();
+        if (c === "start" ? je >= We : je <= We)
+          return "startDateMustPrecedeEndDate";
+      }
+      return null;
+    }, r = Te({
+      startDate: a.dateFormData.startDate,
+      endDate: a.dateFormData.endDate,
+      startTime: a.dateFormData.startTime,
+      endTime: a.dateFormData.endTime
+    }), Ve = (e, n) => {
+      const c = () => {
+        if (n && ae(n)) {
+          const p = sa(b(n), e);
+          if (a.min && p < ge(a.min, 0) || a.max && p > ge(a.max, 0))
+            return !1;
+        }
+        return !0;
+      };
+      return oa(e) && c();
+    }, ee = m(() => a.variant === "month"), Ce = (e) => e ? ee.value ? Xa(e) : Za(e) : "", fa = m(() => Ce(t.startDate)), ga = m(() => Ce(t.endDate)), ze = m(() => S.value ? ee.value ? "month" : "date" : "text"), ya = m(() => S.value ? fa.value : r.startDate), Ma = m(() => S.value ? ga.value : r.endDate), V = (e, n) => !n || !oa(n) || a.variant === "month" ? e : sa(new Date(e), n), ha = (e) => {
+      r.startTime = N(
+        a.min && a.allowTimeInput && B(a.min, e.startDate) ? a.min : F(e.startDate)
+      ), r.endTime = N(
+        a.max && a.allowTimeInput && B(a.max, e.endDate) ? a.max : U(e.endDate)
+      ), t.startDate = V(e.startDate, r.startTime), t.endDate = V(e.endDate, r.endTime), t.range = null, a.granularities && ce(), o(D.INPUT, {
+        ...t,
+        range: q.value
+      });
+    }, ae = (e) => !!e && !A(e);
+    ca(() => {
+      y.value = a.dateFormData.startDate ? A(a.dateFormData.startDate) : null, M.value = a.dateFormData.endDate ? A(a.dateFormData.endDate) : null;
+    });
+    const Ta = (e) => {
+      r.startDate = w(e), r.startTime || (r.startTime = N(e)), y.value = null, M.value === "startDateMustPrecedeEndDate" && (M.value = null), o(D.START_DATE_SELECTED, e);
+    }, Ra = (e) => {
+      r.endDate = w(e), r.endTime || (r.endTime = N(U(e))), M.value = null, y.value === "startDateMustPrecedeEndDate" && (y.value = null);
+    }, Se = (e) => {
+      const n = a.value[e];
+      if (n)
+        return n;
+      if (a.dateFormData[e] && ae(a.dateFormData[e]))
+        return b(a.dateFormData[e]);
+    }, _e = (e) => {
+      if (ae(e)) {
+        let n = e;
+        switch (y.value = null, j.value?.type) {
+          case "weekly":
+            n = H(
+              e,
+              w,
+              g.value.min,
+              g.value.max
+            ), r.startDate = n;
+            break;
+          case "monthly":
+            n = ue(
+              e,
+              w,
+              g.value.min,
+              g.value.max
+            ), r.startDate = n;
+            break;
+          case "quarterly":
+            n = $(
+              e,
+              w,
+              g.value.min,
+              g.value.max
+            ), r.startDate = n;
+            break;
+        }
+        const c = F(b(n));
+        t.startDate = V(c, r.startTime), ae(r.endDate) && (t.endDate = V(
+          F(b(r.endDate)),
+          r.endTime
+        ));
+        const p = Se("endDate"), E = A(
+          n,
+          a.allowTimeInput ? t.endDate : p,
+          "start",
+          a.allowTimeInput ? t.startDate : void 0
+        );
+        if (E) {
+          y.value = E, o(D.ERROR, { ...r });
+          return;
+        }
+        M.value === "startDateMustPrecedeEndDate" && (M.value = null), t.range = null, o(D.FORM_DATE, {
+          startDate: c,
+          endDate: p
+        }), o(D.INPUT, {
+          ...t,
+          range: q.value
+        });
+      } else
+        y.value = A(e), o(D.ERROR, { ...r });
+    }, ba = ta(_e, 300), Ya = (e) => {
+      if (r.startDate = S.value && ee.value ? e : G(e), S.value)
+        if (ee.value && e) {
+          const n = ea(e);
+          t.startDate = V(n, r.startTime), t.range = null, o(D.INPUT, {
+            ...t,
+            range: q.value
+          });
+        } else r.startDate ? _e(r.startDate) : y.value = null;
+      else
+        ba(r.startDate);
+    }, Le = (e) => {
+      if (ae(e)) {
+        let n = e;
+        switch (M.value = null, j.value?.type) {
+          case "weekly":
+            n = Ae(
+              e,
+              w,
+              g.value.min,
+              g.value.max
+            ), r.endDate = n;
+            break;
+          case "monthly":
+            n = de(
+              e,
+              w,
+              g.value.min,
+              g.value.max
+            ), r.endDate = n;
+            break;
+          case "quarterly":
+            n = Z(
+              e,
+              w,
+              g.value.min,
+              g.value.max
+            ), r.endDate = n;
+            break;
+        }
+        const c = F(b(n));
+        t.endDate = V(c, r.endTime), ae(r.startDate) && (t.startDate = V(
+          F(b(r.startDate)),
+          r.startTime
+        ));
+        const p = Se("startDate"), E = A(
+          n,
+          a.allowTimeInput ? t.startDate : p,
+          "end",
+          a.allowTimeInput ? t.endDate : void 0
+        );
+        if (E) {
+          M.value = E, o(D.ERROR, { ...r });
+          return;
+        }
+        y.value === "startDateMustPrecedeEndDate" && (y.value = null), t.range = null, o(D.FORM_DATE, {
+          startDate: p,
+          endDate: c
+        }), o(D.INPUT, {
+          ...t,
+          range: q.value
+        });
+      } else
+        M.value = A(e), o(D.ERROR, { ...r });
+    }, ka = ta(Le, 300), Aa = (e) => {
+      if (r.endDate = S.value && ee.value ? e : G(e), S.value)
+        if (ee.value && e) {
+          const n = ea(e);
+          t.endDate = V(n, r.endTime), t.range = null, o(D.INPUT, {
+            ...t,
+            range: q.value
+          });
+        } else r.endDate ? Le(r.endDate) : M.value = null;
+      else
+        ka(r.endDate);
+    }, Ue = (e) => {
+      Q(e);
+    }, Ia = () => {
+      o(D.ERROR, { ...r });
+    }, Sa = () => {
+      const e = r.startTime;
+      if (!Ve(e, r.startDate)) {
+        o(D.ERROR, { ...r });
+        return;
+      }
+      if (t.startDate = V(t.startDate, e), r.startDate && t.endDate) {
+        const c = A(
+          r.startDate,
+          t.endDate,
+          "start",
+          t.startDate
+        );
+        if (c) {
+          y.value = c, o(D.ERROR, { ...r });
+          return;
+        }
+      }
+      y.value = null, M.value === "startDateMustPrecedeEndDate" && (M.value = null);
+      const n = Se("endDate");
+      o(D.FORM_DATE, {
+        startDate: t.startDate,
+        endDate: n,
+        startTime: e,
+        endTime: r.endTime ?? a.dateFormData.endTime
+      }), o(D.INPUT, {
+        ...t,
+        range: q.value
+      });
+    }, wa = () => {
+      o(D.ERROR, { ...r });
+    }, Ea = () => {
+      const e = r.endTime;
+      if (!Ve(e, r.endDate)) {
+        o(D.ERROR, { ...r });
+        return;
+      }
+      if (t.endDate = V(t.endDate, e), r.endDate && t.startDate) {
+        const n = A(
+          r.endDate,
+          t.startDate,
+          "end",
+          t.endDate
+        );
+        if (n) {
+          M.value = n, o(D.ERROR, { ...r });
+          return;
+        }
+      }
+      M.value = null, y.value === "startDateMustPrecedeEndDate" && (y.value = null), o(D.FORM_DATE, {
+        startDate: t.startDate,
+        endDate: t.endDate,
+        startTime: r.startTime ?? a.dateFormData.startTime,
+        endTime: e
+      }), o(D.INPUT, {
+        ...t,
+        range: q.value
+      });
+    }, Fa = (e) => {
+      r.startTime = e;
+    }, Pa = (e) => {
+      r.endTime = e;
+    }, pe = (e, n, c, p) => {
+      t.startDate = e, t.endDate = n, c && (t.granularity = c), p && (t.range = p);
+    }, Oa = (e) => {
+      const n = a.quickSelectRanges?.find(({ value: c }) => c === e);
+      if (n) {
+        ce();
+        const c = n.data, p = c.endDate || (c.isRelativeToNow ? new Date(Date.now()) : U(new Date(Date.now()))), E = c.isRelativeToNow && c.timeDifference ? new Date(p.getTime() - c.timeDifference) : c.startDate;
+        r.endDate = w(p), r.startDate = w(E), pe(E, p, null, e), a.granularities && (t.granularity = c.granularity || X.value), r.startTime = N(E), r.endTime = N(p), t.startDate = E, t.endDate = p, c.isRelativeToNow && (k.value = {
+          ...k.value,
+          [e]: {
+            startDate: E,
+            endDate: p
+          }
+        }), o(D.CUSTOM_RANGE, {
+          ...n.data,
+          startDate: E,
+          endDate: p,
+          range: n.value
+        });
+      }
+    }, qa = {
+      weekly: ke,
+      monthly: R,
+      quarterly: se
+    }, xa = (e) => {
+      const n = t.granularity;
+      if (t.granularity = e, n && Ie(n, structuredClone(Pe(t))), t.startDate && t.endDate) {
+        switch (e) {
+          case "quarterly":
+          case "monthly":
+          case "weekly": {
+            if (J[e]) {
+              pe(J[e].startDate, J[e].endDate, e);
+              break;
+            }
+            const { startDate: c, endDate: p } = qa[e](
+              t.startDate,
+              t.endDate,
+              g.value.min,
+              g.value.max
+            );
+            pe(c, p, e);
+            break;
+          }
+          case "daily":
+            J.daily && pe(J.daily.startDate, J.daily.endDate, e);
+            break;
+        }
+        r.startDate = w(t.startDate), r.endDate = w(t.endDate), o(D.INPUT, {
+          ...t,
+          range: q.value
+        });
+      }
+    }, Na = m(() => ({
+      "b-date-range-picker-calendar__form-container--no-calendars": O.value
+    })), Qe = m(() => {
+      const e = j.value, n = e?.maxRange || a.maxRange;
+      if (!n)
+        return null;
+      const c = d[e?.type ?? "daily"];
+      return I(c, n, { count: n });
+    });
+    return (e, n) => (P(), ye("div", Yt, [
+      te("div", {
+        class: ma(["b-date-range-picker-calendar__form-container", Na.value]),
+        "data-testid": "date-range-picker-calendar-form-container"
+      }, [
+        te("div", kt, [
+          u(W)("title") ? $e(e.$slots, "title", { key: 0 }, void 0, !0) : x("", !0),
+          s.quickSelectRanges ? (P(), _(lt, {
+            key: 1,
+            "aria-label": u(T)("customRange"),
+            items: ie.value,
+            "model-value": q.value,
+            "onUpdate:modelValue": Oa
+          }, null, 8, ["aria-label", "items", "model-value"])) : x("", !0),
+          s.granularities ? (P(), _(u(dt), {
+            key: 2,
+            items: be.value,
+            "model-value": t.granularity,
+            "full-width": "",
+            "onUpdate:modelValue": xa
+          }, null, 8, ["items", "model-value"])) : x("", !0),
+          Qe.value ? (P(), _(u(ut), {
+            key: 3,
+            variant: "tip"
+          }, {
+            description: K(() => [
+              Me(Da(Qe.value), 1)
+            ]),
+            _: 1
+          })) : x("", !0),
+          te("div", null, [
+            L(u(Oe), {
+              stronger: "",
+              el: "span",
+              class: "b-date-range-picker-calendar__label"
+            }, {
+              default: K(() => n[0] || (n[0] = [
+                Me(" From ")
+              ])),
+              _: 1
+            }),
+            L(u(da), {
+              "date-model-value": ya.value,
+              "date-props": {
+                ariaLabel: u(T)("dateFrom"),
+                type: ze.value,
+                description: u(S) ? void 0 : u(T)(u(ne)),
+                errorMessage: me.value
+              },
+              "error-message": ve.value,
+              "show-time-input": s.allowTimeInput,
+              "time-model-value": r.startTime,
+              "time-props": {
+                ariaLabel: u(T)("timeFrom"),
+                errorMessage: ve.value
+              },
+              class: "b-date-range-picker-calendar__form-input",
+              "onUpdate:dateModelValue": Ya,
+              "onDate:keydown": Ue,
+              "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"])
+          ]),
+          te("div", null, [
+            L(u(Oe), {
+              stronger: "",
+              el: "span",
+              class: "b-date-range-picker-calendar__label"
+            }, {
+              default: K(() => n[1] || (n[1] = [
+                Me(" To ")
+              ])),
+              _: 1
+            }),
+            L(u(da), {
+              "date-model-value": Ma.value,
+              "date-props": {
+                ariaLabel: u(T)("dateTo"),
+                type: ze.value,
+                description: u(S) ? void 0 : u(T)(u(ne)),
+                errorMessage: De.value
+              },
+              "error-message": l.value,
+              "show-time-input": s.allowTimeInput,
+              "time-model-value": r.endTime,
+              "time-props": {
+                ariaLabel: u(T)("timeTo"),
+                errorMessage: l.value
+              },
+              class: "b-date-range-picker-calendar__form-input",
+              "onUpdate:dateModelValue": Aa,
+              "onDate:keydown": Ue,
+              "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"])
+          ])
+        ]),
+        u(W)("actions") ? (P(), ye("div", At, [
+          $e(e.$slots, "actions", {}, void 0, !0)
+        ])) : x("", !0)
+      ], 2),
+      !O.value && !u(S) ? (P(), ye("div", It, [
+        L(u(C), {
+          value: t,
+          "first-day-of-week": s.firstDayOfWeek,
+          "is-date-disabled": s.isDateDisabled,
+          "max-range": s.maxRange,
+          min: g.value.min,
+          max: g.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: ha,
+          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"])
+      ])) : x("", !0)
+    ]));
+  }
+}), Et = /* @__PURE__ */ va(wt, [["__scopeId", "data-v-2d48538b"]]), Be = {
+  "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" },
+  "es-ES": { apply: "Aplicar", cancel: "Cancelar", dateRangePicker: "Selector de intervalos de fechas {name}", invalidDateFormat: "Formato de fecha no válido", 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}", invalidDateFormat: "Formato de fecha no válido", 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}", invalidDateFormat: "Format de date non valide", 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}", invalidDateFormat: "Formato data non valido", 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}", 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: "所选日期不可用" }
+}, Ft = ({
+  datePickerValue: s,
+  isDateIncorrect: v,
+  quickSelectRanges: h,
+  isMonthVariant: i,
+  withTimeInput: d,
+  placeholder: a
+}) => {
+  const { locale: o, t: f } = xe({ messages: Be }), { dateToInputDateString: W } = Ne(), T = (Y) => !!Y && !isNaN(Y.getTime()), I = Te({
+    startDate: null,
+    endDate: null,
+    startTime: null,
+    endTime: null
+  });
+  return he(
+    s,
+    (Y) => {
+      I.startDate = W(Y?.startDate), I.endDate = W(Y?.endDate), I.startTime = N(Y?.startDate), I.endTime = N(Y?.endDate);
+    },
+    { immediate: !0 }
+  ), {
+    // Values
+    dateDisplayValue: m(() => {
+      if (v.value)
+        return `${I.startDate || ""} - ${I.endDate || ""}`;
+      if (!s.value || !s.value.startDate && !s.value.endDate)
+        return a?.value || f("selectDateRange");
+      if (h.value?.length) {
+        const b = h.value.find(({ value: Q }) => Q === s.value?.range);
+        if (b)
+          return b.label;
+      }
+      if (s.value.granularity === "quarterly") {
+        const { startDate: b, endDate: Q } = s.value, G = f("quarter", { quarter: aa(b), year: ia(b) });
+        if (Mt(b, Q))
+          return G;
+        const re = f("quarter", { quarter: aa(Q), year: ia(Q) });
+        return `${G} - ${re}`;
+      }
+      if (!T(s.value.startDate) || !T(s.value.endDate))
+        return `${I.startDate || ""} - ${I.endDate || ""}`;
+      let Y = i?.value ? { month: "long", year: "numeric" } : { month: "short", day: "2-digit", year: "numeric" };
+      return d.value && (Y = {
+        ...Y,
+        hour: "numeric",
+        minute: "numeric",
+        second: "numeric",
+        hour12: !1
+      }), et(o.value, Y).formatRange(
+        s.value.startDate,
+        s.value.endDate
+      );
+    }),
+    textInputDisplayValue: I,
+    // Methods
+    formatTextInputDisplayValue: () => ""
+  };
+}, Pt = { class: "b-date-range-picker" }, Ot = { class: "b-date-range-picker__footer" }, qt = {
+  i18n: { messages: Be },
+  name: "bento-date-range-picker",
+  model: { prop: "modelValue" }
+}, xt = /* @__PURE__ */ qe({
+  ...qt,
+  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 },
+    yearRange: { 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(s, { emit: v }) {
+    const h = v, i = s, d = Va(), { t: a } = xe({ messages: Be }), { dateToInputDateString: o } = Ne(), f = oe("bento-date-range-picker-container"), W = oe("bento-date-range-picker-label"), T = oe("bento-date-range-picker-description"), I = oe("bento-date-range-picker-error"), S = oe("bento-date-range-picker-date-error"), ne = m(() => i.label || a("dateRangePicker", { name: f })), { resolvedFirstDayOfWeek: Y } = at(we(i, "firstDayOfWeek")), b = _a({
+      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
+    }), Q = m(() => {
+      const l = b.active().value, A = {
+        none: 0,
+        one: 1,
+        two: 2
+      };
+      if (l in A) {
+        const r = A[l];
+        return i.numberOfMonths === void 0 ? r : Math.min(i.numberOfMonths, r);
+      }
+      return i.numberOfMonths;
+    }), G = m(() => i?.quickSelectRanges && i.quickSelectRanges.map((l) => {
+      const A = l.data.endDate ? void 0 : new Date(Date.now()).getTime() - l.data.startDate.getTime();
+      return {
+        ...l,
+        data: {
+          ...l.data,
+          // Adding timeDifference to calculate an up-to-date endDate on range selection
+          timeDifference: A
+        }
+      };
+    })), re = m(() => i.label ? W : d?.["aria-labelledby"] ?? null), k = z(!1), X = z(null), O = z(!1), { isReadOnly: t } = rt(we(i, "readonly")), { emitValue: q } = ot(h);
+    he(
+      () => i.disabled,
+      () => {
+        i.disabled && O.value && (O.value = !1);
+      }
+    );
+    const ie = m(() => i.modelValue || i.value), j = m(() => i.hasActions ? !Z.value && k.value : k.value), be = m(() => ({
+      "b-date-range-picker__description--error": !!i.errorMessage || j.value
+    })), Ye = m(() => i.variant === "month"), g = m(() => i.allowTimeInput && i.variant !== "month"), { dateDisplayValue: se, textInputDisplayValue: R } = Ft({
+      datePickerValue: ie,
+      isDateIncorrect: k,
+      quickSelectRanges: G,
+      isMonthVariant: Ye,
+      withTimeInput: g,
+      placeholder: we(i, "placeholder")
+    }), ke = m(
+      () => `${i.description ? T : ""} ${i.errorMessage ? I : ""} ${k.value ? S : ""}`.trim() || null
+    ), H = () => {
+      O.value = !1;
+    }, Ae = () => {
+      O.value = !0;
+    }, ue = z(se.value), de = z(
+      // textInputDisplayValue is a reactive object
+      structuredClone(Pe(R))
+    ), $ = z(i.modelValue ?? i.value), Z = z(!0), J = m(
+      () => i.hasActions ? de.value : R
+    ), Ie = m(
+      () => i.hasActions ? ue.value : se.value
+    );
+    ca(() => {
+      if (i.hasActions || He(
+        '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 && He(
+        '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: l }) => l === "quarterly"))
+        throw new Error('Quarterly granularity is only supported by BentoDateRangePicker with variant: "month"');
+    }), he([() => i.value, () => i.modelValue], () => {
+      ue.value = se.value, de.value = structuredClone(Pe(R));
+    });
+    const ce = m(() => [
+      {
+        title: a("apply"),
+        event: () => {
+          q($.value), H(), Z.value = !0;
+        },
+        disabled: Z.value
+      },
+      {
+        title: a("cancel"),
+        event: H
+      }
+    ]);
+    he($, (l) => {
+      if (i.hasActions) {
+        Z.value = k.value;
+        return;
+      }
+      q(l);
+    });
+    const w = (l) => {
+      k.value = !1, R.startDate = o(l.startDate), R.endDate = o(l.endDate), R.startTime = N(l.startDate), R.endTime = N(l.endDate), $.value = l;
+    }, y = async () => {
+      k.value && (k.value = !1), $.value = null;
+    }, M = () => {
+      if (!O.value) {
+        O.value = !0;
+        return;
+      }
+      k.value || (O.value = !1);
+    }, me = (l) => {
+      k.value = !1, l.startTime && (R.startTime = l.startTime), l.endTime && (R.endTime = l.endTime);
+    }, De = (l) => {
+      k.value = !0, R.startDate = l.startDate, R.endDate = l.endDate, $.value = { startDate: null, endDate: null };
+    }, ve = (l) => {
+      l && (R.startDate = o(l.startDate), R.endDate = o(l.endDate), R.startTime = N(l.startDate), R.endTime = N(l.endDate), $.value = l);
+    };
+    return (l, A) => Ca((P(), ye("div", Pt, [
+      l.label ? (P(), _(u(gt), {
+        key: 0,
+        id: u(W),
+        label: l.label,
+        "tooltip-text": l.tooltipText,
+        optional: l.optional,
+        required: l.required
+      }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : x("", !0),
+      te("div", {
+        onKeydown: Je(M, ["enter"])
+      }, [
+        L(u(it), {
+          ref_key: "inputContainerRef",
+          ref: X,
+          "always-combobox-is-input": "",
+          ariaControls: u(f),
+          ariaExpanded: O.value,
+          "aria-labelledby": re.value,
+          "aria-describedby": ke.value,
+          "aria-required": l.required,
+          disabled: l.disabled,
+          "is-invalid": !!l.errorMessage || j.value,
+          open: O.value,
+          "display-value": Ie.value,
+          readonly: u(t),
+          onOpen: Ae,
+          onClear: y,
+          onClose: H
+        }, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "aria-required", "disabled", "is-invalid", "open", "display-value", "readonly"])
+      ], 32),
+      j.value ? (P(), _(u(la), {
+        key: 1,
+        id: u(S),
+        "error-message": u(a)("invalidDateFormat"),
+        class: "b-date-range-picker__error-message"
+      }, null, 8, ["id", "error-message"])) : x("", !0),
+      l.errorMessage ? (P(), _(u(la), {
+        key: 2,
+        id: u(I),
+        "error-message": l.errorMessage,
+        class: "b-date-range-picker__error-message"
+      }, null, 8, ["id", "error-message"])) : x("", !0),
+      l.description ? (P(), _(u(Oe), {
+        key: 3,
+        id: u(T),
+        class: ma(["b-date-range-picker__description", be.value]),
+        el: "span"
+      }, {
+        default: K(() => [
+          Me(Da(l.description), 1)
+        ]),
+        _: 1
+      }, 8, ["id", "class"])) : x("", !0),
+      X.value ? (P(), _(u(Ua), {
+        key: 4,
+        id: u(f),
+        class: "b-date-range-picker__container",
+        open: O.value,
+        "target-element": X.value,
+        "aria-label": ne.value,
+        position: "bottom-start",
+        "without-space": "",
+        "fit-content": "",
+        "trap-all": "",
+        "overflow-visible": "",
+        onKeydown: Je(H, ["esc", "native"])
+      }, {
+        default: K(() => [
+          L(u(Et), {
+            "allow-time-input": g.value,
+            "quick-select-ranges": G.value,
+            value: ie.value,
+            "first-day-of-week": u(Y),
+            granularities: l.granularities,
+            "is-date-disabled": l.isDateDisabled,
+            "max-range": l.maxRange,
+            min: l.min,
+            max: l.max,
+            "number-of-months": Q.value,
+            "show-end-date-on-open": l.showEndDateOnOpen,
+            "date-form-data": J.value,
+            variant: l.variant,
+            "year-range": l.yearRange,
+            onCustomRange: ve,
+            onInput: w,
+            onError: De,
+            onFormDate: me
+          }, za({ _: 2 }, [
+            l.hasActions ? {
+              name: "actions",
+              fn: K(() => [
+                L(u(La)),
+                te("div", Ot, [
+                  L(u(Qa), {
+                    actions: ce.value,
+                    layout: u(yt).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", "year-range"])
+        ]),
+        _: 1
+      }, 8, ["id", "open", "target-element", "aria-label"])) : x("", !0)
+    ])), [
+      [u(st), H]
+    ]);
+  }
+}), Dn = /* @__PURE__ */ va(xt, [["__scopeId", "data-v-e9cefb1f"]]);
+export {
+  Dn as B,
+  Et as D,
+  ht as a,
+  Ee as i
+};
+//# sourceMappingURL=date-range-picker.CtGaxtYh.js.map