@adyen/bento-vue3 1.83.1 → 1.84.0

package/dist/chunks/calendar.DKPx_cQU.js

@@ -0,0 +1,1237 @@
+import { defineComponent as fe, computed as k, resolveComponent as ae, createElementBlock as $, openBlock as O, withKeys as oe, normalizeClass as Ae, createElementVNode as A, createVNode as q, withCtx as Q, createTextVNode as ge, toDisplayString as be, ref as X, watch as le, nextTick as tt, toRef as j, resolveDirective as nt, withDirectives as We, mergeProps as Ve, toHandlers as Ke, createBlock as ee, createCommentVNode as re, Fragment as Z, renderList as x, unref as Y, reactive as qe, resolveDynamicComponent as at } from "vue";
+import { B as we } from "./button.CSp48LJt.js";
+import { B as Re } from "./typography.6Oo5TOMP.js";
+import { u as Fe } from "./index.pdBj0KQU.js";
+import { g as Qe } from "./generate-uid.NJ8tVoha.js";
+import { a as ze } from "./keyboard-navigation.DWmhelVv.js";
+import { a as ot } from "./index.E60QniEu.js";
+import { t as T, c as ue, g as Je, n as Oe, b as Pe, i as rt } from "./getTimezoneOffsetInMilliseconds.C-aIpRfB.js";
+import { d as Be, a as Ie } from "./differenceInMonths.DcFDl4eH.js";
+import { s as ye } from "./startOfWeek.Dxw2MhGp.js";
+import { a as Xe, C as Ze } from "./chevron-left.Cfn1uGLH.js";
+import { _ as ve } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { B as st, a as lt } from "./date.CL55prL0.js";
+import "../assets/calendar.css";
+var U = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(U || {}), V = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e.SELECTED = "selected", e.UNSELECTED = "unselected", e.CURRENT_DAY = "current-day", e.DISABLED = "disabled", e))(V || {}), de = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(de || {});
+const ut = {
+  /**
+   * Date to be displayed as the calendar day. From 1st to 31st (or end of the month defined in the date)
+   */
+  day: { type: Date, required: !0 },
+  /**
+   * Indicate if a date should be disabled or not
+   */
+  disabled: { type: Boolean, default: !1 },
+  /**
+   * Changes the state of the calendar day to selected.
+   */
+  selected: { type: Boolean, default: !1 },
+  /**
+   * When the day is selected, this indicates if the selection is a single date or part of a range.
+   * If it's a range it can be at the beginning, middle or end of the selection.
+   */
+  variant: {
+    type: String,
+    default: U.SINGLE,
+    validator: (e) => Object.values(U).includes(e)
+  }
+}, Se = /* @__PURE__ */ new Map();
+function _e(e, t) {
+  const n = t ? JSON.stringify(Object.entries(t).sort()) : "no-options", a = (e == null ? void 0 : e.trim()) || "en-US", o = `${a}::${n}`;
+  if (Se.has(o))
+    return Se.get(o);
+  const l = new Intl.DateTimeFormat(a, t);
+  return Se.set(o, l), l;
+}
+const sn = (e) => {
+  if (!e)
+    return "";
+  const t = e.getFullYear(), n = (e.getMonth() + 1).toString().padStart(2, "0");
+  let a = `${t}-${n}`;
+  const o = e.getDate().toString().padStart(2, "0");
+  return a += `-${o}`, a;
+}, it = fe({
+  name: "calendar-month-day",
+  components: { BentoTypography: Re },
+  inheritAttrs: !0,
+  props: ut,
+  emits: [de.CLICK, de.MOUSE_OVER],
+  setup(e, { emit: t }) {
+    const { locale: n } = Fe(void 0), a = k(() => {
+      const u = /* @__PURE__ */ new Date();
+      return e.day.getDate() === u.getDate() && e.day.getMonth() === u.getMonth() && e.day.getFullYear() === u.getFullYear();
+    }), o = k(() => {
+      const N = _e(n.value, { day: "numeric" }).formatToParts(e.day).find((m) => m.type === "day");
+      return (N == null ? void 0 : N.value) ?? "";
+    });
+    return {
+      // Values
+      conditionalClasses: k(() => ({
+        // Variants
+        [`b-calendar-month-day--${V.BEGINNING}`]: e.variant === U.BEGINNING,
+        [`b-calendar-month-day--${V.MIDDLE}`]: e.variant === U.MIDDLE,
+        [`b-calendar-month-day--${V.END}`]: e.variant === U.END,
+        [`b-calendar-month-day--${V.SINGLE}`]: e.variant === U.SINGLE,
+        // Selected
+        [`b-calendar-month-day--${V.UNSELECTED}`]: !e.selected,
+        [`b-calendar-month-day--${V.SELECTED}`]: e.selected,
+        // Current Day
+        [`b-calendar-month-day--${V.CURRENT_DAY}`]: a.value,
+        // Disabled
+        [`b-calendar-month-day--${V.DISABLED}`]: e.disabled
+      })),
+      isCurrentDay: a,
+      formattedDate: o,
+      // Enums
+      CalendarMonthDayEvent: de,
+      // Events
+      onClick: (u, D) => {
+        e.disabled ? (u.preventDefault(), u.stopPropagation()) : t(de.CLICK, D, e.day);
+      }
+    };
+  }
+}), dt = ["tabindex", "aria-selected", "aria-disabled", "aria-current", "data-date"], ct = { class: "b-calendar-month-day__wrapper" };
+function Dt(e, t, n, a, o, l) {
+  const i = ae("bento-typography");
+  return O(), $("td", {
+    class: Ae(["b-calendar-month-day", e.conditionalClasses]),
+    tabindex: e.selected ? "0" : "-1",
+    "aria-selected": e.selected ? e.selected : void 0,
+    "aria-disabled": e.disabled,
+    "aria-current": e.isCurrentDay ? "date" : void 0,
+    "data-date": e.day.toDateString(),
+    onClick: t[0] || (t[0] = (u) => e.onClick(u, e.day)),
+    onMouseover: t[1] || (t[1] = (u) => e.$emit(e.CalendarMonthDayEvent.MOUSE_OVER)),
+    onKeydown: t[2] || (t[2] = oe((u) => e.onClick(u, e.day), ["space", "enter"]))
+  }, [
+    A("div", ct, [
+      q(i, {
+        class: "b-calendar-month-day__label",
+        el: "span",
+        variant: "body",
+        strong: ""
+      }, {
+        default: Q(() => [
+          ge(be(e.formattedDate), 1)
+        ]),
+        _: 1
+      })
+    ])
+  ], 42, dt);
+}
+const ft = /* @__PURE__ */ ve(it, [["render", Dt], ["__scopeId", "data-v-e6d7eb12"]]);
+var G = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.MOUSE_OVER = "mouseover", e.CHANGE_DAY = "changeDay", e.NEXT_MONTH = "nextMonth", e.PREVIOUS_MONTH = "previousMonth", e))(G || {}), p = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(p || {}), se = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(se || {}), z = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(z || {}), $e = /* @__PURE__ */ ((e) => (e.DAY = "day", e.MONTH = "month", e))($e || {});
+function De(e, t, n) {
+  const a = T(e, n == null ? void 0 : n.in);
+  return isNaN(t) ? ue(e, NaN) : (t && a.setDate(a.getDate() + t), a);
+}
+function te(e, t, n) {
+  const a = T(e, n == null ? void 0 : n.in);
+  if (isNaN(t)) return ue(e, NaN);
+  if (!t)
+    return a;
+  const o = a.getDate(), l = ue(e, a.getTime());
+  l.setMonth(a.getMonth() + t + 1, 0);
+  const i = l.getDate();
+  return o >= i ? l : (a.setFullYear(
+    l.getFullYear(),
+    l.getMonth(),
+    o
+  ), a);
+}
+function Me(e, t) {
+  var u, D, N, m;
+  const n = Je(), a = (t == null ? void 0 : t.weekStartsOn) ?? ((D = (u = t == null ? void 0 : t.locale) == null ? void 0 : u.options) == null ? void 0 : D.weekStartsOn) ?? n.weekStartsOn ?? ((m = (N = n.locale) == null ? void 0 : N.options) == null ? void 0 : m.weekStartsOn) ?? 0, o = T(e, t == null ? void 0 : t.in), l = o.getDay(), i = (l < a ? -7 : 0) + 6 - (l - a);
+  return o.setDate(o.getDate() + i), o.setHours(23, 59, 59, 999), o;
+}
+function vt(e, t) {
+  const n = T(e, t == null ? void 0 : t.in), a = n.getFullYear(), o = n.getMonth(), l = ue(n, 0);
+  return l.setFullYear(a, o + 1, 0), l.setHours(0, 0, 0, 0), l.getDate();
+}
+function mt(e, t, n) {
+  const a = T(e, n == null ? void 0 : n.in), o = a.getFullYear(), l = a.getDate(), i = ue(e, 0);
+  i.setFullYear(o, t, 15), i.setHours(0, 0, 0, 0);
+  const u = vt(i);
+  return a.setMonth(t, Math.min(l, u)), a;
+}
+function ht(e, t, n) {
+  let a = T(e, n == null ? void 0 : n.in);
+  return isNaN(+a) ? ue(e, NaN) : (t.year != null && a.setFullYear(t.year), t.month != null && (a = mt(a, t.month)), t.date != null && a.setDate(t.date), t.hours != null && a.setHours(t.hours), t.minutes != null && a.setMinutes(t.minutes), t.seconds != null && a.setSeconds(t.seconds), t.milliseconds != null && a.setMilliseconds(t.milliseconds), a);
+}
+function Ce(e, t) {
+  const n = T(e, t == null ? void 0 : t.in);
+  return n.setFullYear(n.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
+}
+function Le(e, t, n) {
+  return De(e, -t, n);
+}
+function ce(e, t, n) {
+  return te(e, -t, n);
+}
+const xe = ({ currentSelectedDate: e, month: t, isDateDisabled: n, firstDayOfWeek: a }, o) => {
+  const l = X(new Date(t.value));
+  le(
+    t,
+    () => {
+      l.value = t.value;
+    },
+    { immediate: !0 }
+  );
+  const i = X(new Date(e.value));
+  le(e, () => {
+    i.value = new Date(e.value);
+  });
+  const u = ot(), D = X(i.value);
+  le(u, (d) => {
+    const g = d.getAttribute("data-date");
+    D.value = g ? new Date(g) : i.value;
+  });
+  const N = X({}), m = (d) => (g) => {
+    N.value[d.toDateString()] = g;
+  }, y = () => {
+    N.value = {};
+  }, f = (d = 1) => {
+    l.value = te(l.value, d), o(G.NEXT_MONTH, d), y();
+  }, c = (d = 1) => {
+    l.value = ce(l.value, d), o(G.PREVIOUS_MONTH, d), y();
+  }, r = (d, g) => {
+    const _ = !!N.value[d == null ? void 0 : d.toDateString()];
+    return !d || !_ ? null : g ? N.value[d.toDateString()].$el : (N.value[d.toDateString()].$el.focus(), null);
+  }, s = (d) => {
+    d.preventDefault(), d.stopImmediatePropagation(), d.stopPropagation();
+  }, v = ({ nextDate: d, isIncreasingDays: g, amountOfMonths: _, isCalendarButtonsNav: W }) => {
+    if (!W && n && n(d))
+      return;
+    d.getMonth() === i.value.getMonth() && d.getFullYear() === i.value.getFullYear() ? (i.value = d, r(d)) : (g ? f(_) : c(_), tt(() => {
+      const B = d.getMonth() === l.value.getMonth() && d.getFullYear() === l.value.getFullYear();
+      n && n(d) || !B || W || (i.value = d, r(d));
+    }));
+  };
+  return {
+    // Calendar days ref
+    calendarRef: N,
+    addDayRef: m,
+    /**
+     *  Month navigation
+     */
+    showNextMonth: f,
+    showPreviousMonth: c,
+    /**
+     * Focus method
+     */
+    focusOnDate: r,
+    /**
+     *  Day navigation
+     */
+    // ArrowRight
+    moveToNextDay: (d) => {
+      s(d), v({ nextDate: De(D.value, 1), isIncreasingDays: !0 });
+    },
+    // ArrowLeft
+    moveToPreviousDay: (d) => {
+      s(d), v({ nextDate: Le(D.value, 1), isIncreasingDays: !1 });
+    },
+    // ArrowUp
+    moveToPreviousWeek: (d) => {
+      s(d), v({ nextDate: Le(D.value, 7), isIncreasingDays: !1 });
+    },
+    // ArrowDown
+    moveToNextWeek: (d) => {
+      s(d), v({ nextDate: De(D.value, 7), isIncreasingDays: !0 });
+    },
+    // Home
+    moveToFirstDayOfWeek: (d) => {
+      s(d), v({
+        nextDate: ye(D.value, { weekStartsOn: a }),
+        isIncreasingDays: !1
+      });
+    },
+    moveToFirstMonthOfYear: (d) => {
+      s(d);
+      const g = Be(i.value, Ce(i.value));
+      v({
+        nextDate: Ce(i.value),
+        isIncreasingDays: !1,
+        amountOfMonths: g
+      });
+    },
+    // End
+    moveToLastDayOfWeek: (d) => {
+      s(d), v({
+        nextDate: Me(D.value, { weekStartsOn: a }),
+        isIncreasingDays: !0
+      });
+    },
+    moveToLastMonthOfYear: (d) => {
+      s(d);
+      const g = ht(i.value, { month: 11, date: 1 }), _ = Be(g, i.value);
+      v({
+        nextDate: g,
+        isIncreasingDays: !0,
+        amountOfMonths: _
+      });
+    },
+    // PageUp
+    moveToPreviousMonth: (d, g = !1, _ = 1) => {
+      s(d);
+      const W = _;
+      v({
+        nextDate: ce(D.value, W),
+        isIncreasingDays: !1,
+        amountOfMonths: W,
+        isCalendarButtonsNav: g
+      });
+    },
+    // Shift+PageUp
+    moveToPreviousYear: (d, g = !1) => {
+      s(d);
+      const _ = 12;
+      v({
+        nextDate: ce(D.value, _),
+        isIncreasingDays: !1,
+        amountOfMonths: _,
+        isCalendarButtonsNav: g
+      });
+    },
+    // PageDown
+    moveToNextMonth: (d, g = !1, _ = 1) => {
+      s(d);
+      const W = _;
+      v({
+        nextDate: te(D.value, W),
+        isIncreasingDays: !0,
+        amountOfMonths: W,
+        isCalendarButtonsNav: g
+      });
+    },
+    // Shift-PageDown
+    moveToNextYear: (d, g = !1) => {
+      s(d);
+      const _ = 12;
+      v({
+        nextDate: te(D.value, _),
+        isIncreasingDays: !0,
+        amountOfMonths: _,
+        isCalendarButtonsNav: g
+      });
+    },
+    // Values
+    internalDate: i,
+    baseDate: l
+  };
+};
+function yt(e, t, n) {
+  var y, f;
+  const a = Je(), o = a.weekStartsOn ?? ((f = (y = a.locale) == null ? void 0 : y.options) == null ? void 0 : f.weekStartsOn) ?? 0, l = T(e, n == null ? void 0 : n.in), i = l.getDay(), D = (t % 7 + 7) % 7, N = 7 - o, m = t < 0 || t > 6 ? t - (i + N) % 7 : (D + N) % 7 - (i + N) % 7;
+  return De(l, m, n);
+}
+function Ne(e, t) {
+  const n = T(e, t == null ? void 0 : t.in);
+  return n.setDate(1), n.setHours(0, 0, 0, 0), n;
+}
+function ne(e, t) {
+  const n = T(e, t == null ? void 0 : t.in);
+  return n.setHours(0, 0, 0, 0), n;
+}
+function me(e, t, n) {
+  const [a, o] = Oe(
+    n == null ? void 0 : n.in,
+    e,
+    t
+  );
+  return +ne(a) == +ne(o);
+}
+function Ee(e, t, n) {
+  const a = +T(e, n == null ? void 0 : n.in), [o, l] = [
+    +T(t.start, n == null ? void 0 : n.in),
+    +T(t.end, n == null ? void 0 : n.in)
+  ].sort((i, u) => i - u);
+  return a >= o && a <= l;
+}
+const Ge = {
+  "en-US": {
+    nextMonth: "Next month",
+    previousMonth: "Previous month"
+  },
+  "ja-JP": {
+    nextMonth: "翌月",
+    previousMonth: "前月"
+  },
+  "pt-BR": {
+    nextMonth: "Próximo mês",
+    previousMonth: "Mês anterior"
+  }
+}, Mt = fe({
+  i18n: { messages: Ge },
+  name: "calendar-month",
+  components: {
+    BentoButton: we,
+    BentoTypography: Re,
+    CalendarMonthDay: ft,
+    ChevronLeftIcon: Ze,
+    ChevronRightIcon: Xe
+  },
+  directives: { BentoKeyboardNavigationDirective: ze },
+  props: {
+    /**
+     * end of the selected range
+     */
+    endDate: { type: Date, default: null },
+    /**
+     * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
+     */
+    firstDayOfWeek: {
+      type: Number,
+      default: p.MONDAY,
+      validator: (e) => Object.values(p).includes(e)
+    },
+    /**
+     * Indicate if a date should be disabled or not
+     */
+    isDateDisabled: { type: Function, default: void 0 },
+    /**
+     * Indicates if the calendar is part of a range date picker or a sigle date picker
+     */
+    isRange: { type: Boolean, default: !1 },
+    /**
+     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
+     */
+    min: { type: Date, default: null },
+    /**
+     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
+     */
+    max: { type: Date, default: null },
+    /**
+     * Month of the year to be displayed in the calendar
+     */
+    month: { type: Date, required: !0 },
+    /**
+     * When rendering multiple calendars, this property allows to render the
+     * Next and Previous calendar buttons to the right, left or not at all
+     * depending on the position: Unique (only 1), First, Middle or Last
+     */
+    position: {
+      type: String,
+      default: "unique",
+      validator: (e) => Object.values(se).includes(e)
+    },
+    /**
+     * start of the selected range
+     */
+    startDate: { type: Date, default: null }
+    // can be undefined, eslint complains without default
+  },
+  emits: [
+    G.CHANGE_DAY,
+    G.INPUT,
+    G.NEXT_MONTH,
+    G.PREVIOUS_MONTH,
+    G.MOUSE_OVER
+  ],
+  setup(e, { emit: t }) {
+    const { locale: n, t: a } = Fe({ messages: Ge }), o = Qe("bento-date-picker-month-label"), l = k(
+      () => (S) => {
+        var B;
+        return e.min && S < e.min || e.max && S > e.max || ((B = e.isDateDisabled) == null ? void 0 : B.call(e, S));
+      }
+    ), {
+      internalDate: i,
+      baseDate: u,
+      // Calendar refs
+      addDayRef: D,
+      // Month navigation
+      showNextMonth: N,
+      showPreviousMonth: m,
+      // Day navigation
+      moveToNextDay: y,
+      moveToPreviousDay: f,
+      moveToPreviousWeek: c,
+      moveToNextWeek: r,
+      moveToFirstDayOfWeek: s,
+      moveToLastDayOfWeek: v,
+      moveToPreviousMonth: L,
+      moveToPreviousYear: h,
+      moveToNextMonth: b,
+      moveToNextYear: F,
+      focusOnDate: R
+    } = xe(
+      {
+        currentSelectedDate: j(e, "startDate"),
+        month: j(e, "month"),
+        isDateDisabled: l.value,
+        firstDayOfWeek: e.firstDayOfWeek
+      },
+      t
+    ), w = k(
+      () => Object.values(p).includes(e.firstDayOfWeek) ? e.firstDayOfWeek : p.MONDAY
+    ), P = k(() => ["first", "unique"].includes(e.position)), M = k(() => ["last", "unique"].includes(e.position)), E = k(
+      () => _e(n.value, { month: "long", year: "numeric" }).format(u.value)
+    ), I = k(
+      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((S, B) => {
+        const ie = yt(S, w.value + B);
+        return _e(n.value, { weekday: "short" }).format(ie);
+      })
+    ), J = k(() => {
+      const S = [], B = Ne(e.month);
+      let ie = S[S.push([]) - 1];
+      for (; B.getMonth() === e.month.getMonth(); )
+        B.getDay() - w.value === 0 && ie.length > 0 && (ie = S[S.push([]) - 1]), ie.push(ne(B)), B.setDate(B.getDate() + 1);
+      return S;
+    });
+    return {
+      // Refs
+      addDayRef: D,
+      // Values
+      computedIsDateDisabled: l,
+      daysOfWeek: I,
+      weeksOfMonth: J,
+      formattedMonthDate: E,
+      shouldShowNextMonthButton: M,
+      shouldShowPreviousMonthButton: P,
+      monthLabelId: o,
+      // Enums
+      CalendarMonthEvent: G,
+      // Functions
+      isSelectedDate: (S) => i.value && me(i.value, S) && !e.endDate ? !0 : e.startDate && e.endDate && Ee(S, { start: e.startDate, end: e.endDate }),
+      showNextMonth: N,
+      showPreviousMonth: m,
+      dayVariant: (S) => {
+        if (!e.isRange || me(e.startDate, e.endDate))
+          return U.SINGLE;
+        if (e.startDate && me(e.startDate, S))
+          return U.BEGINNING;
+        if (e.endDate && me(e.endDate, S))
+          return U.END;
+        if (e.startDate && e.endDate && Ee(S, { start: e.startDate, end: e.endDate }))
+          return U.MIDDLE;
+      },
+      confirmNavigationDate: () => {
+        t(G.INPUT, i);
+      },
+      // Events
+      onDayClicked: (S) => {
+        t(G.INPUT, S);
+      },
+      listeners: {
+        "keydown:arrow-right": y,
+        "keydown:arrow-left": f,
+        "keydown:arrow-up": c,
+        "keydown:arrow-down": r,
+        "keydown:home": s,
+        "keydown:end": v,
+        "keydown:page-up": L,
+        "keydown:shift-page-up": h,
+        "keydown:page-down": b,
+        "keydown:shift-page-down": F
+      },
+      // Exposed methods
+      focusOnDate: R,
+      moveToNextDay: y,
+      moveToPreviousDay: f,
+      moveToPreviousWeek: c,
+      moveToNextWeek: r,
+      moveToFirstDayOfWeek: s,
+      moveToLastDayOfWeek: v,
+      moveToPreviousMonth: L,
+      moveToPreviousYear: h,
+      moveToNextMonth: b,
+      moveToNextYear: F,
+      // Translations
+      t: a
+    };
+  }
+}), Nt = { class: "b-calendar-month__month-selector" }, gt = { class: "b-calendar-month__previous" }, bt = { class: "b-calendar-month__next" }, Et = ["aria-labelledby"], Ot = { class: "b-calendar-month__week-header" }, It = ["colspan"];
+function St(e, t, n, a, o, l) {
+  var f, c;
+  const i = ae("chevron-left-icon"), u = ae("bento-button"), D = ae("bento-typography"), N = ae("chevron-right-icon"), m = ae("calendar-month-day"), y = nt("bento-keyboard-navigation-directive");
+  return We((O(), $("div", Ve({ class: "b-calendar-month" }, Ke(e.listeners, !0)), [
+    A("div", Nt, [
+      A("div", gt, [
+        e.shouldShowPreviousMonthButton ? (O(), ee(u, {
+          key: 0,
+          variant: "tertiary",
+          onClick: t[0] || (t[0] = (r) => e.moveToPreviousMonth(r, !0))
+        }, {
+          iconLeft: Q(() => [
+            q(i, {
+              "svg-title": e.t("previousMonth")
+            }, null, 8, ["svg-title"])
+          ]),
+          _: 1
+        })) : re("", !0)
+      ]),
+      q(D, {
+        id: e.monthLabelId,
+        el: "h2",
+        variant: "title",
+        "aria-live": "polite"
+      }, {
+        default: Q(() => [
+          ge(be(e.formattedMonthDate), 1)
+        ]),
+        _: 1
+      }, 8, ["id"]),
+      A("div", bt, [
+        e.shouldShowNextMonthButton ? (O(), ee(u, {
+          key: 0,
+          variant: "tertiary",
+          onClick: t[1] || (t[1] = (r) => e.moveToNextMonth(r, !0))
+        }, {
+          iconLeft: Q(() => [
+            q(N, {
+              "svg-title": e.t("nextMonth")
+            }, null, 8, ["svg-title"])
+          ]),
+          _: 1
+        })) : re("", !0)
+      ])
+    ]),
+    A("table", {
+      class: "b-calendar-month__month-container",
+      role: "grid",
+      "aria-labelledby": e.monthLabelId
+    }, [
+      A("thead", null, [
+        A("tr", Ot, [
+          (O(!0), $(Z, null, x(e.daysOfWeek, (r, s) => (O(), $("th", {
+            key: s,
+            class: "b-calendar-month__day-of-week",
+            scope: "col"
+          }, [
+            q(D, {
+              class: "b-calendar-month__day-of-week-font",
+              el: "span",
+              variant: "caption"
+            }, {
+              default: Q(() => [
+                ge(be(r), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ])
+      ]),
+      A("tbody", null, [
+        (O(!0), $(Z, null, x(e.weeksOfMonth, (r, s) => (O(), $("tr", { key: s }, [
+          s === 0 && r.length < 7 ? (O(), $("td", {
+            key: 0,
+            colspan: 7 - r.length
+          }, null, 8, It)) : re("", !0),
+          (O(!0), $(Z, null, x(r, (v, L) => (O(), ee(m, {
+            ref_for: !0,
+            ref: e.addDayRef(v),
+            key: `calendar-day-${L}`,
+            day: v,
+            disabled: e.computedIsDateDisabled(v),
+            selected: e.isSelectedDate(v),
+            variant: e.dayVariant(v),
+            onClick: e.onDayClicked,
+            onMouseover: (h) => e.$emit(e.CalendarMonthEvent.MOUSE_OVER, v),
+            onKeyup: [
+              oe((h) => e.$emit(e.CalendarMonthEvent.CHANGE_DAY, v), ["up", "native"]),
+              oe((h) => e.$emit(e.CalendarMonthEvent.CHANGE_DAY, v), ["down", "native"]),
+              oe((h) => e.$emit(e.CalendarMonthEvent.CHANGE_DAY, v), ["left", "native"]),
+              oe((h) => e.$emit(e.CalendarMonthEvent.CHANGE_DAY, v), ["right", "native"])
+            ]
+          }, null, 8, ["day", "disabled", "selected", "variant", "onClick", "onMouseover", "onKeyup"]))), 128))
+        ]))), 128)),
+        ((f = e.weeksOfMonth) == null ? void 0 : f.length) < 6 ? (O(!0), $(Z, { key: 0 }, x(6 - ((c = e.weeksOfMonth) == null ? void 0 : c.length), (r) => (O(), $("tr", {
+          key: `calendar month filler row ${r}`
+        }, t[2] || (t[2] = [
+          A("td", {
+            "aria-hidden": "true",
+            class: "b-calendar-month__empty-cell-filler",
+            colspan: 7
+          }, null, -1)
+        ])))), 128)) : re("", !0)
+      ])
+    ], 8, Et)
+  ], 16)), [
+    [y]
+  ]);
+}
+const Ue = /* @__PURE__ */ ve(Mt, [["render", St], ["__scopeId", "data-v-6417cfb0"]]);
+function he(e, t, n) {
+  const [a, o] = Oe(
+    n == null ? void 0 : n.in,
+    e,
+    t
+  );
+  return a.getFullYear() === o.getFullYear() && a.getMonth() === o.getMonth();
+}
+var H = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(H || {}), K = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e.SELECTED = "selected", e.UNSELECTED = "unselected", e.CURRENT_MONTH = "current-month", e.DISABLED = "disabled", e))(K || {}), Ye = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(Ye || {});
+const kt = ["tabindex", "aria-selected"], Tt = { class: "b-calendar-year-month__wrapper" }, wt = {}, _t = /* @__PURE__ */ fe({
+  ...wt,
+  __name: "calendar-year-month",
+  props: {
+    month: {},
+    disabled: { type: Boolean, default: !1 },
+    selected: { type: Boolean, default: !1 },
+    variant: { default: H.SINGLE }
+  },
+  emits: ["click", "mouseover"],
+  setup(e, { emit: t }) {
+    const n = e, a = t, o = k(() => {
+      const u = /* @__PURE__ */ new Date();
+      return n.month.getMonth() === u.getMonth() && n.month.getFullYear() === u.getFullYear();
+    }), l = k(() => ({
+      // Variants
+      [`b-calendar-year-month--${K.BEGINNING}`]: n.variant === H.BEGINNING,
+      [`b-calendar-year-month--${K.MIDDLE}`]: n.variant === H.MIDDLE,
+      [`b-calendar-year-month--${K.END}`]: n.variant === H.END,
+      [`b-calendar-year-month--${K.SINGLE}`]: n.variant === H.SINGLE,
+      // Selected
+      [`b-calendar-year-month--${K.UNSELECTED}`]: !n.selected,
+      [`b-calendar-year-month--${K.SELECTED}`]: n.selected,
+      // Current month
+      [`b-calendar-year-month--${K.CURRENT_MONTH}`]: o.value,
+      // Disabled
+      [`b-calendar-year-month--${K.DISABLED}`]: n.disabled
+    })), i = (u, D) => {
+      n.disabled ? (u.preventDefault(), u.stopPropagation()) : a(Ye.CLICK, D, n.month);
+    };
+    return (u, D) => (O(), $("td", {
+      class: Ae(["b-calendar-year-month", l.value]),
+      tabindex: u.selected ? "0" : "-1",
+      "aria-selected": u.selected ? u.selected : void 0,
+      onClick: D[0] || (D[0] = (N) => i(N, u.month)),
+      onMouseover: D[1] || (D[1] = (N) => a(Y(Ye).MOUSE_OVER)),
+      onKeydown: D[2] || (D[2] = oe((N) => i(N, u.month), ["space", "enter"]))
+    }, [
+      A("div", Tt, [
+        q(Y(st), {
+          class: "b-calendar-year-month__label",
+          date: u.month,
+          format: Y(lt).SHORT_MONTH
+        }, null, 8, ["date", "format"])
+      ])
+    ], 42, kt));
+  }
+}), $t = /* @__PURE__ */ ve(_t, [["__scopeId", "data-v-ad9a13f2"]]), pe = {
+  "en-US": {
+    nextYear: "Next year",
+    previousYear: "Previous year"
+  },
+  "ja-JP": {
+    nextYear: "来年",
+    previousYear: "前年"
+  },
+  "pt-BR": {
+    nextYear: "Ano seguinte",
+    previousYear: "Ano anterior"
+  }
+}, Lt = { class: "b-calendar-year__year-selector" }, Yt = { class: "b-calendar-year__previous" }, At = { class: "b-calendar-year__next" }, Rt = ["aria-labelledby"], Ft = {
+  i18n: { messages: pe }
+}, Pt = /* @__PURE__ */ fe({
+  ...Ft,
+  __name: "calendar-year",
+  props: {
+    endDate: { default: null },
+    isDateDisabled: { type: Function, default: void 0 },
+    isRange: { type: Boolean, default: !1 },
+    min: { default: null },
+    max: { default: null },
+    position: { default: "unique" },
+    startDate: { default: null },
+    year: {}
+  },
+  emits: ["input", "mouseover", "nextMonth", "previousMonth"],
+  setup(e, { expose: t, emit: n }) {
+    const a = Qe("bento-date-picker-year-label"), o = e, l = n, { t: i } = Fe({ messages: pe }), u = (M) => {
+      var E;
+      return o.min && M < o.min || o.max && M > o.max || ((E = o.isDateDisabled) == null ? void 0 : E.call(o, M));
+    }, D = k(() => ["first", "unique"].includes(o.position)), N = k(() => ["last", "unique"].includes(o.position)), {
+      internalDate: m,
+      // Calendar refs
+      addDayRef: y,
+      // Day navigation
+      moveToPreviousMonth: f,
+      moveToPreviousYear: c,
+      moveToNextMonth: r,
+      moveToNextYear: s,
+      moveToFirstMonthOfYear: v,
+      moveToLastMonthOfYear: L,
+      focusOnDate: h
+    } = xe(
+      {
+        currentSelectedDate: j(o, "startDate"),
+        month: j(o, "year"),
+        isDateDisabled: u
+      },
+      l
+    );
+    t({ focusOnDate: h });
+    const b = k(() => {
+      const M = [];
+      let E = 0;
+      for (let I = 0; I < 3; I++) {
+        const J = [];
+        for (let C = 0; C < 4; C++)
+          J.push(new Date(o.year.getFullYear(), E++, 1));
+        M.push(J);
+      }
+      return M;
+    }), F = (M) => !o.isRange || he(o.startDate, o.endDate) ? H.SINGLE : o.startDate && he(o.startDate, M) ? H.BEGINNING : o.endDate && he(o.endDate, M) ? H.END : o.startDate && o.endDate && Ee(M, { start: o.startDate, end: o.endDate }) ? H.MIDDLE : null, R = (M) => m.value && he(m.value, M) ? !0 : o.startDate && o.endDate && Ee(M, { start: o.startDate, end: o.endDate }), w = (M) => {
+      l("input", M);
+    }, P = o.isRange ? {} : {
+      "keydown:arrow-right": r,
+      "keydown:arrow-left": f,
+      "keydown:arrow-up": (M) => f(M, !1, 4),
+      "keydown:arrow-down": (M) => r(M, !1, 4),
+      "keydown:home": v,
+      "keydown:end": L,
+      "keydown:page-up": c,
+      "keydown:page-down": s
+    };
+    return (M, E) => We((O(), $("div", Ve({ class: "b-calendar-year" }, Ke(Y(P), !0)), [
+      A("div", Lt, [
+        A("div", Yt, [
+          D.value ? (O(), ee(we, {
+            key: 0,
+            variant: "tertiary",
+            onClick: E[0] || (E[0] = (I) => Y(c)(I, !0))
+          }, {
+            iconLeft: Q(() => [
+              q(Y(Ze), {
+                "svg-title": Y(i)("previousYear")
+              }, null, 8, ["svg-title"])
+            ]),
+            _: 1
+          })) : re("", !0)
+        ]),
+        q(Y(Re), {
+          id: Y(a),
+          el: "h2",
+          variant: "title",
+          "aria-live": "polite"
+        }, {
+          default: Q(() => [
+            ge(be(M.year.getFullYear()), 1)
+          ]),
+          _: 1
+        }, 8, ["id"]),
+        A("div", At, [
+          N.value ? (O(), ee(we, {
+            key: 0,
+            variant: "tertiary",
+            onClick: E[1] || (E[1] = (I) => Y(s)(I, !0))
+          }, {
+            iconLeft: Q(() => [
+              q(Y(Xe), {
+                "svg-title": Y(i)("nextYear")
+              }, null, 8, ["svg-title"])
+            ]),
+            _: 1
+          })) : re("", !0)
+        ])
+      ]),
+      A("table", {
+        class: "b-calendar-year__year-container",
+        role: "grid",
+        "aria-labelledby": Y(a)
+      }, [
+        A("tbody", null, [
+          (O(!0), $(Z, null, x(b.value, (I, J) => (O(), $("tr", { key: J }, [
+            (O(!0), $(Z, null, x(I, (C, d) => (O(), ee($t, {
+              ref_for: !0,
+              ref: Y(y)(C),
+              key: `calendar-month-${d}`,
+              month: C,
+              disabled: u(C),
+              selected: R(C),
+              variant: F(C),
+              onClick: w,
+              onMouseover: (g) => l("mouseover", C)
+            }, null, 8, ["month", "disabled", "selected", "variant", "onMouseover"]))), 128))
+          ]))), 128))
+        ])
+      ], 8, Rt)
+    ], 16)), [
+      [Y(ze)]
+    ]);
+  }
+}), je = /* @__PURE__ */ ve(Pt, [["__scopeId", "data-v-5ec13be4"]]), Bt = ({ selectedDate: e }, t) => {
+  const n = qe({
+    startDate: null,
+    endDate: null
+  });
+  return le(
+    () => e.value,
+    () => {
+      n.startDate = e.value, n.endDate = void 0;
+    },
+    { immediate: !0 }
+  ), {
+    internalValue: n,
+    onDateInput: (o) => {
+      t(z.INPUT, o);
+    },
+    // Empty function to prevent the listeners from throwing a warning
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onMouseOver: () => {
+    }
+  };
+};
+function Ct(e, t) {
+  return +T(e) < +T(t);
+}
+function Gt(e, t) {
+  return +T(e) > +T(t);
+}
+function Ut(e, t, n) {
+  const [a, o] = Oe(
+    n == null ? void 0 : n.in,
+    e,
+    t
+  ), l = ne(a), i = ne(o), u = +l - Pe(l), D = +i - Pe(i);
+  return Math.round((u - D) / rt);
+}
+function jt(e, t, n) {
+  const [a, o] = Oe(
+    n == null ? void 0 : n.in,
+    e,
+    t
+  ), l = He(a, o), i = Math.abs(
+    Ut(a, o)
+  );
+  a.setDate(a.getDate() - l * i);
+  const u = +(He(a, o) === -l), D = l * (i - u);
+  return D === 0 ? 0 : D;
+}
+function He(e, t) {
+  const n = e.getFullYear() - t.getFullYear() || e.getMonth() - t.getMonth() || e.getDate() - t.getDate() || e.getHours() - t.getHours() || e.getMinutes() - t.getMinutes() || e.getSeconds() - t.getSeconds() || e.getMilliseconds() - t.getMilliseconds();
+  return n < 0 ? -1 : n > 0 ? 1 : n;
+}
+function ke(e, t) {
+  const n = T(e, t == null ? void 0 : t.in), a = n.getMonth(), o = a - a % 3 + 3;
+  return n.setMonth(o, 0), n.setHours(23, 59, 59, 999), n;
+}
+function Te(e, t) {
+  const n = T(e, t == null ? void 0 : t.in), a = n.getMonth(), o = a - a % 3;
+  return n.setMonth(o, 1), n.setHours(0, 0, 0, 0), n;
+}
+const Ht = (e) => {
+  const t = (m, y, f, c) => {
+    let r = ye(m, { weekStartsOn: e }), s = Me(y || m, { weekStartsOn: e });
+    const v = f && r < f, L = c && s > c;
+    return v && (r = ye(f, { weekStartsOn: e })), L && (s = Me(c, { weekStartsOn: e })), r > s && (v ? s = Me(r, { weekStartsOn: e }) : r = ye(s, { weekStartsOn: e })), { startDate: r, endDate: s };
+  }, n = (m, y, f, c) => {
+    let r = Ne(m), s = Ie(y || m);
+    const v = f && r < f, L = c && s > c;
+    return v && (r = Ne(f)), L && (s = Ie(c)), r > s && (v ? s = Ie(r) : r = Ne(s)), { startDate: r, endDate: s };
+  }, a = (m, y, f, c) => {
+    let r = Te(m), s = ke(y || m);
+    const v = f instanceof Date && r < f, L = c instanceof Date && s > c;
+    return v && (r = Te(f)), L && (s = ke(c)), r > s && (v ? s = ke(r) : r = Te(s)), { startDate: r, endDate: s };
+  };
+  return {
+    adjustDateForWeekly: t,
+    adjustDateForMonthly: n,
+    adjustDateForQuarterly: a,
+    adjustStartDateInputForWeekly: (m, y, f, c) => {
+      const { startDate: r } = t(new Date(m), null, f, c);
+      return y(r);
+    },
+    adjustEndDateInputForWeekly: (m, y, f, c) => {
+      const { endDate: r } = t(new Date(m), null, f, c);
+      return y(r);
+    },
+    adjustStartDateInputForMonthly: (m, y, f, c) => {
+      const { startDate: r } = n(new Date(m), null, f, c);
+      return y(r);
+    },
+    adjustEndDateInputForMonthly: (m, y, f, c) => {
+      const { endDate: r } = n(new Date(m), null, f, c);
+      return y(r);
+    },
+    adjustStartDateInputForQuarterly: (m, y, f, c) => {
+      const { startDate: r } = a(new Date(m), null, f, c);
+      return y(r);
+    },
+    adjustEndDateInputForQuarterly: (m, y, f, c) => {
+      const { endDate: r } = a(new Date(m), null, f, c);
+      return y(r);
+    }
+  };
+}, Wt = ({ selectedDate: e, isDateDisabled: t, maxRange: n, granularity: a, firstDayOfWeek: o, min: l, max: i }, u) => {
+  const { adjustDateForWeekly: m, adjustDateForMonthly: y, adjustDateForQuarterly: f } = Ht(o), c = qe({
+    startDate: null,
+    endDate: null
+  }), r = X(null);
+  le(
+    () => e.value,
+    () => {
+      let { startDate: h = null, endDate: b = null } = e.value || {};
+      h && (h = ne(h)), b && (b = ne(b)), !(h && t && t(h) || b && t && t(b) || h && b && Gt(h, b)) && (c.startDate = h, c.endDate = b);
+    },
+    { immediate: !0, deep: !0 }
+  );
+  const s = (h, b, F) => {
+    if (c.startDate = h, c.endDate = b, n.value) {
+      const R = jt(b, h) - n.value;
+      R > 0 && (F < 1 ? (c.startDate = h, c.endDate = Le(b, R)) : (c.startDate = De(h, R), c.endDate = b));
+    }
+    u(z.START_DATE_SELECTED, c.startDate), u(z.END_DATE_SELECTED, c.endDate);
+  }, v = (h) => {
+    var b, F, R, w, P, M;
+    if (!(!r.value || t && t(h)))
+      if (Ct(h, r.value)) {
+        if (((b = a == null ? void 0 : a.value) == null ? void 0 : b.type) === "weekly") {
+          const { startDate: E, endDate: I } = m(h, r.value, l.value, i.value);
+          s(E, I, -1);
+          return;
+        }
+        if (((F = a == null ? void 0 : a.value) == null ? void 0 : F.type) === "monthly") {
+          const { startDate: E, endDate: I } = y(h, r.value, l.value, i.value);
+          s(E, I, -1);
+          return;
+        }
+        if (((R = a == null ? void 0 : a.value) == null ? void 0 : R.type) === "quarterly") {
+          const { startDate: E, endDate: I } = f(h, r.value, l.value, i.value);
+          s(E, I, -1);
+          return;
+        }
+        s(h, r.value, -1);
+      } else {
+        if (((w = a == null ? void 0 : a.value) == null ? void 0 : w.type) === "weekly") {
+          const { startDate: E, endDate: I } = m(r.value, h, l.value, i.value);
+          s(E, I, 1);
+          return;
+        }
+        if (((P = a == null ? void 0 : a.value) == null ? void 0 : P.type) === "monthly") {
+          const { startDate: E, endDate: I } = y(r.value, h, l.value, i.value);
+          s(E, I, 1);
+          return;
+        }
+        if (((M = a == null ? void 0 : a.value) == null ? void 0 : M.type) === "quarterly") {
+          const { startDate: E, endDate: I } = f(r.value, h, l.value, i.value);
+          s(E, I, 1);
+          return;
+        }
+        s(r.value, h, 1);
+      }
+  };
+  return {
+    internalValue: c,
+    onDateInput: (h) => {
+      var b, F, R;
+      if (r.value)
+        r.value = null, u(z.INPUT, c);
+      else {
+        let w = h;
+        if (((b = a == null ? void 0 : a.value) == null ? void 0 : b.type) === "weekly") {
+          const { startDate: P, endDate: M } = m(h);
+          w = P, s(w, M);
+        }
+        if (((F = a == null ? void 0 : a.value) == null ? void 0 : F.type) === "monthly") {
+          const { startDate: P, endDate: M } = y(h);
+          w = P, s(w, M);
+        }
+        if (((R = a == null ? void 0 : a.value) == null ? void 0 : R.type) === "quarterly") {
+          const { startDate: P, endDate: M } = f(h);
+          w = P, s(w, M);
+        }
+        r.value = w, v(w);
+      }
+    },
+    onMouseOver: v
+  };
+};
+function et(e, t, n) {
+  return te(e, t * 12, n);
+}
+function Vt(e, t, n) {
+  return et(e, -t, n);
+}
+const Kt = fe({
+  name: "calendar",
+  components: { CalendarMonth: Ue, CalendarYear: je },
+  props: {
+    /**
+     * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
+     */
+    firstDayOfWeek: {
+      type: Number,
+      default: p.MONDAY,
+      validator: (e) => Object.values(p).includes(e)
+    },
+    /**
+     * The selected granularity configuration
+     */
+    granularity: {
+      type: Object,
+      default: null
+    },
+    /**
+     * Indicate if a date should be disabled or not
+     */
+    isDateDisabled: { type: Function, default: void 0 },
+    /**
+     * Enables the Date Range calendar
+     */
+    isRange: { type: Boolean, default: !1 },
+    /**
+     * Set a maximum number of dates to be selectable by the range.
+     */
+    maxRange: { type: Number, default: null, validator: (e) => !e || e > 0 },
+    /**
+     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
+     */
+    min: { type: Date, default: null },
+    /**
+     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
+     */
+    max: { type: Date, default: null },
+    /**
+     * Number of months rendered on pane
+     */
+    numberOfMonths: {
+      type: Number,
+      default: 3,
+      validator: (e) => e >= 1
+    },
+    /**
+     * Upon opening date range picker, end date's month will be pre-selected.
+     */
+    showEndDateOnOpen: { type: Boolean, default: !1 },
+    /**
+     * Selected date. Can be a single Date or a CalendarRangeDate
+     * instance that contains startDate and endDate attributes.
+     */
+    value: { type: [Date, Object], default: void 0 },
+    /**
+     * Default start date for the calendar pane
+     */
+    defaultDisplayMonth: {
+      type: String,
+      default: null,
+      validator: (e) => /^\d{4}-(0?[1-9]|1[012])(-(0?[1-9]|[12][0-9]|3[01]))?$/.test(e)
+    },
+    /**
+     * The type of calendar to display. Defaults to showing days.
+     */
+    variant: {
+      type: String,
+      default: "day",
+      validator: (e) => Object.values($e).includes(e)
+    }
+  },
+  emit: [z.INPUT, z.START_DATE_SELECTED, z.END_DATE_SELECTED],
+  setup(e, { emit: t }) {
+    const n = X(null), a = X();
+    le(
+      () => e.value,
+      () => {
+        var r, s, v;
+        if (e.isRange)
+          a.value = e != null && e.showEndDateOnOpen && ((r = e.value) != null && r.endDate) ? (s = e.value) == null ? void 0 : s.endDate : ((v = e.value) == null ? void 0 : v.startDate) || /* @__PURE__ */ new Date();
+        else {
+          const L = e.defaultDisplayMonth && new Date(e.defaultDisplayMonth).getTime() ? new Date(e.defaultDisplayMonth) : /* @__PURE__ */ new Date();
+          a.value = e.value || L;
+        }
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const o = k(
+      () => e.variant === $e.MONTH ? je : Ue
+    ), l = k(() => ({
+      "b-calendar__range": e.isRange
+    })), { internalValue: i, onDateInput: u, onMouseOver: D } = e.isRange ? Wt(
+      {
+        selectedDate: j(e, "value"),
+        isDateDisabled: e.isDateDisabled,
+        maxRange: j(e, "maxRange"),
+        granularity: j(e, "granularity"),
+        firstDayOfWeek: e.firstDayOfWeek,
+        min: j(e, "min"),
+        max: j(e, "max")
+      },
+      t
+    ) : Bt(
+      {
+        selectedDate: j(e, "value"),
+        firstDayOfWeek: e.firstDayOfWeek
+      },
+      t
+    ), N = (r) => e.numberOfMonths === 1 ? se.UNIQUE : r === 0 ? se.FIRST : r === e.numberOfMonths - 1 ? se.LAST : se.MIDDLE, m = k(() => (r) => {
+      const s = e != null && e.showEndDateOnOpen && e.isRange ? ce(a.value, e.numberOfMonths - 1) : a.value;
+      return te(s, r);
+    }), y = k(() => (r) => {
+      const s = e != null && e.showEndDateOnOpen ? Vt(a.value, e.numberOfMonths - 1) : a.value;
+      return et(s, r);
+    });
+    return {
+      // Refs
+      calendarRef: n,
+      // Values
+      baseDate: a,
+      calendarComponent: o,
+      conditionalClasses: l,
+      internalValue: i,
+      // Methods
+      calculateOffsetMonth: m,
+      calculateOffsetYear: y,
+      calendarPosition: N,
+      // Events
+      onDateInput: u,
+      onMouseOver: D,
+      calculateNextMonths: (r = 1) => {
+        a.value = te(a.value, r);
+      },
+      calculatePreviousMonths: (r = 1) => {
+        a.value = ce(a.value, r);
+      }
+    };
+  }
+});
+function qt(e, t, n, a, o, l) {
+  return O(), $("div", {
+    class: Ae(["b-calendar", e.conditionalClasses])
+  }, [
+    (O(!0), $(Z, null, x(e.numberOfMonths, (i, u) => (O(), ee(at(e.calendarComponent), {
+      ref_for: !0,
+      ref: e.numberOfMonths === 1 ? "calendarRef" : null,
+      key: `calendar-${u}`,
+      "first-day-of-week": e.firstDayOfWeek,
+      "is-date-disabled": e.isDateDisabled,
+      month: e.calculateOffsetMonth(u),
+      year: e.calculateOffsetYear(u),
+      position: e.calendarPosition(u),
+      min: e.min,
+      max: e.max,
+      "is-range": e.isRange,
+      "start-date": e.internalValue.startDate,
+      "end-date": e.internalValue.endDate,
+      granularity: e.granularity,
+      onInput: e.onDateInput,
+      onMouseover: e.onMouseOver,
+      onChangeDay: e.onMouseOver,
+      onNextMonth: e.calculateNextMonths,
+      onPreviousMonth: e.calculatePreviousMonths
+    }, null, 40, ["first-day-of-week", "is-date-disabled", "month", "year", "position", "min", "max", "is-range", "start-date", "end-date", "granularity", "onInput", "onMouseover", "onChangeDay", "onNextMonth", "onPreviousMonth"]))), 128))
+  ], 2);
+}
+const ln = /* @__PURE__ */ ve(Kt, [["render", qt], ["__scopeId", "data-v-0efc3efc"]]);
+export {
+  p as C,
+  $e as a,
+  ln as b,
+  z as c,
+  se as d,
+  sn as e,
+  ne as f,
+  _e as g,
+  te as h,
+  me as i,
+  De as j,
+  Me as k,
+  Le as l,
+  ce as m,
+  Te as n,
+  ke as o,
+  Ut as p,
+  Ce as q,
+  Ne as s,
+  Ht as u
+};
+//# sourceMappingURL=calendar.DKPx_cQU.js.map