@adyen/bento-vue3 1.75.0 → 1.76.0

package/dist/chunks/calendar.Tm7Cvpwu.js

@@ -0,0 +1,2001 @@
+import { defineComponent as we, computed as _, resolveComponent as ce, createElementBlock as L, openBlock as T, withKeys as le, normalizeClass as Ce, createElementVNode as A, createVNode as X, ref as ee, watch as he, nextTick as gt, toRef as U, resolveDirective as wt, withDirectives as Ze, mergeProps as ze, toHandlers as pe, createBlock as se, createCommentVNode as de, withCtx as te, createTextVNode as Pe, toDisplayString as Le, Fragment as ne, renderList as ae, unref as R, reactive as et, resolveDynamicComponent as bt } from "vue";
+import { B as $e } from "./button.DhcxX2GJ.js";
+import { B as tt } from "./typography.yBEME_Gu.js";
+import { u as nt } from "./index.pdBj0KQU.js";
+import { d as Be, g as Ot, a as Ie } from "./differenceInMonths.C8FyCrav.js";
+import { g as at } from "./generate-uid.NJ8tVoha.js";
+import { a as rt } from "./keyboard-navigation.pB8weElW.js";
+import { a as Mt } from "./index.E60QniEu.js";
+import { b as me, t as E, c as G, n as Se, g as xe, o as Et, p as st, e as Nt } from "./getTimezoneOffsetInMilliseconds.BW7U6PxE.js";
+import { a as ot, C as ut } from "./chevron-left.Cfn1uGLH.js";
+import { B as it, a as ct } from "./date.DZvVL-uz.js";
+import { _ as be } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import "../assets/calendar.css";
+var x = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(x || {}), Q = /* @__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))(Q || {}), ve = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(ve || {});
+const kt = {
+  /**
+   * 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: x.SINGLE,
+    validator: (e) => Object.values(x).includes(e)
+  }
+}, Tt = we({
+  name: "calendar-month-day",
+  components: { BentoDate: it },
+  inheritAttrs: !0,
+  props: kt,
+  emits: [ve.CLICK, ve.MOUSE_OVER],
+  setup(e, { emit: t }) {
+    const n = _(() => {
+      const s = /* @__PURE__ */ new Date();
+      return e.day.getDate() === s.getDate() && e.day.getMonth() === s.getMonth() && e.day.getFullYear() === s.getFullYear();
+    });
+    return {
+      // Values
+      conditionalClasses: _(() => ({
+        // Variants
+        [`b-calendar-month-day--${Q.BEGINNING}`]: e.variant === x.BEGINNING,
+        [`b-calendar-month-day--${Q.MIDDLE}`]: e.variant === x.MIDDLE,
+        [`b-calendar-month-day--${Q.END}`]: e.variant === x.END,
+        [`b-calendar-month-day--${Q.SINGLE}`]: e.variant === x.SINGLE,
+        // Selected
+        [`b-calendar-month-day--${Q.UNSELECTED}`]: !e.selected,
+        [`b-calendar-month-day--${Q.SELECTED}`]: e.selected,
+        // Current Day
+        [`b-calendar-month-day--${Q.CURRENT_DAY}`]: n.value,
+        // Disabled
+        [`b-calendar-month-day--${Q.DISABLED}`]: e.disabled
+      })),
+      isCurrentDay: n,
+      // Enums
+      BentoDateFormat: ct,
+      CalendarMonthDayEvent: ve,
+      // Events
+      onClick: (s, u) => {
+        e.disabled ? (s.preventDefault(), s.stopPropagation()) : t(ve.CLICK, u, e.day);
+      }
+    };
+  }
+}), St = ["tabindex", "aria-selected", "aria-disabled", "aria-current", "data-date"], It = { class: "b-calendar-month-day__wrapper" };
+function _t(e, t, n, a, r, s) {
+  const u = ce("bento-date");
+  return T(), L("td", {
+    class: Ce(["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] = (i) => e.onClick(i, e.day)),
+    onMouseover: t[1] || (t[1] = (i) => e.$emit(e.CalendarMonthDayEvent.MOUSE_OVER)),
+    onKeydown: t[2] || (t[2] = le((i) => e.onClick(i, e.day), ["space", "enter"]))
+  }, [
+    A("div", It, [
+      X(u, {
+        class: "b-calendar-month-day__label",
+        date: e.day,
+        format: e.BentoDateFormat.DAY_OF_MONTH
+      }, null, 8, ["date", "format"])
+    ])
+  ], 42, St);
+}
+const Yt = /* @__PURE__ */ be(Tt, [["render", _t], ["__scopeId", "data-v-05fbfae7"]]);
+function K(e, t) {
+  var i, d, w, m;
+  const n = me(), a = (t == null ? void 0 : t.weekStartsOn) ?? ((d = (i = t == null ? void 0 : t.locale) == null ? void 0 : i.options) == null ? void 0 : d.weekStartsOn) ?? n.weekStartsOn ?? ((m = (w = n.locale) == null ? void 0 : w.options) == null ? void 0 : m.weekStartsOn) ?? 0, r = E(e, t == null ? void 0 : t.in), s = r.getDay(), u = (s < a ? 7 : 0) + s - a;
+  return r.setDate(r.getDate() - u), r.setHours(0, 0, 0, 0), r;
+}
+var B = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.MOUSE_OVER = "mouseover", e.CHANGE_DAY = "changeDay", e.NEXT_MONTH = "nextMonth", e.PREVIOUS_MONTH = "previousMonth", e))(B || {}), re = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(re || {}), fe = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(fe || {}), Z = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(Z || {}), Fe = /* @__PURE__ */ ((e) => (e.DAY = "day", e.MONTH = "month", e))(Fe || {});
+function ge(e, t, n) {
+  const a = E(e, n == null ? void 0 : n.in);
+  return isNaN(t) ? G(e, NaN) : (t && a.setDate(a.getDate() + t), a);
+}
+function oe(e, t, n) {
+  const a = E(e, n == null ? void 0 : n.in);
+  if (isNaN(t)) return G(e, NaN);
+  if (!t)
+    return a;
+  const r = a.getDate(), s = G(e, a.getTime());
+  s.setMonth(a.getMonth() + t + 1, 0);
+  const u = s.getDate();
+  return r >= u ? s : (a.setFullYear(
+    s.getFullYear(),
+    s.getMonth(),
+    r
+  ), a);
+}
+function Ee(e, t) {
+  var i, d, w, m;
+  const n = me(), a = (t == null ? void 0 : t.weekStartsOn) ?? ((d = (i = t == null ? void 0 : t.locale) == null ? void 0 : i.options) == null ? void 0 : d.weekStartsOn) ?? n.weekStartsOn ?? ((m = (w = n.locale) == null ? void 0 : w.options) == null ? void 0 : m.weekStartsOn) ?? 0, r = E(e, t == null ? void 0 : t.in), s = r.getDay(), u = (s < a ? -7 : 0) + 6 - (s - a);
+  return r.setDate(r.getDate() + u), r.setHours(23, 59, 59, 999), r;
+}
+function Pt(e, t) {
+  const n = E(e, t == null ? void 0 : t.in), a = n.getFullYear(), r = n.getMonth(), s = G(n, 0);
+  return s.setFullYear(a, r + 1, 0), s.setHours(0, 0, 0, 0), s.getDate();
+}
+function Lt(e, t, n) {
+  const a = E(e, n == null ? void 0 : n.in), r = a.getFullYear(), s = a.getDate(), u = G(e, 0);
+  u.setFullYear(r, t, 15), u.setHours(0, 0, 0, 0);
+  const i = Pt(u);
+  return a.setMonth(t, Math.min(s, i)), a;
+}
+function $t(e, t, n) {
+  let a = E(e, n == null ? void 0 : n.in);
+  return isNaN(+a) ? G(e, NaN) : (t.year != null && a.setFullYear(t.year), t.month != null && (a = Lt(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 Re(e, t) {
+  const n = E(e, t == null ? void 0 : t.in);
+  return n.setFullYear(n.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
+}
+function Ae(e, t, n) {
+  return ge(e, -t, n);
+}
+function ye(e, t, n) {
+  return oe(e, -t, n);
+}
+const lt = ({ currentSelectedDate: e, month: t, isDateDisabled: n, firstDayOfWeek: a }, r) => {
+  const s = ee(new Date(t.value));
+  he(
+    t,
+    () => {
+      s.value = t.value;
+    },
+    { immediate: !0 }
+  );
+  const u = ee(new Date(e.value));
+  he(e, () => {
+    u.value = new Date(e.value);
+  });
+  const i = Mt(), d = ee(u.value);
+  he(i, (l) => {
+    const M = l.getAttribute("data-date");
+    d.value = M ? new Date(M) : u.value;
+  });
+  const w = ee({}), m = (l) => (M) => {
+    w.value[l.toDateString()] = M;
+  }, y = () => {
+    w.value = {};
+  }, D = (l = 1) => {
+    s.value = oe(s.value, l), r(B.NEXT_MONTH, l), y();
+  }, f = (l = 1) => {
+    s.value = ye(s.value, l), r(B.PREVIOUS_MONTH, l), y();
+  }, o = (l, M) => {
+    const P = !!w.value[l == null ? void 0 : l.toDateString()];
+    return !l || !P ? null : M ? w.value[l.toDateString()].$el : (w.value[l.toDateString()].$el.focus(), null);
+  }, c = (l) => {
+    l.preventDefault(), l.stopImmediatePropagation(), l.stopPropagation();
+  }, v = ({ nextDate: l, isIncreasingDays: M, amountOfMonths: P, isCalendarButtonsNav: j }) => {
+    if (!j && n && n(l))
+      return;
+    l.getMonth() === u.value.getMonth() && l.getFullYear() === u.value.getFullYear() ? (u.value = l, o(l)) : (M ? D(P) : f(P), gt(() => {
+      const N = l.getMonth() === s.value.getMonth() && l.getFullYear() === s.value.getFullYear();
+      n && n(l) || !N || j || (u.value = l, o(l));
+    }));
+  };
+  return {
+    // Calendar days ref
+    calendarRef: w,
+    addDayRef: m,
+    /**
+     *  Month navigation
+     */
+    showNextMonth: D,
+    showPreviousMonth: f,
+    /**
+     * Focus method
+     */
+    focusOnDate: o,
+    /**
+     *  Day navigation
+     */
+    // ArrowRight
+    moveToNextDay: (l) => {
+      c(l), v({ nextDate: ge(d.value, 1), isIncreasingDays: !0 });
+    },
+    // ArrowLeft
+    moveToPreviousDay: (l) => {
+      c(l), v({ nextDate: Ae(d.value, 1), isIncreasingDays: !1 });
+    },
+    // ArrowUp
+    moveToPreviousWeek: (l) => {
+      c(l), v({ nextDate: Ae(d.value, 7), isIncreasingDays: !1 });
+    },
+    // ArrowDown
+    moveToNextWeek: (l) => {
+      c(l), v({ nextDate: ge(d.value, 7), isIncreasingDays: !0 });
+    },
+    // Home
+    moveToFirstDayOfWeek: (l) => {
+      c(l), v({
+        nextDate: K(d.value, { weekStartsOn: a }),
+        isIncreasingDays: !1
+      });
+    },
+    moveToFirstMonthOfYear: (l) => {
+      c(l);
+      const M = Be(u.value, Re(u.value));
+      v({
+        nextDate: Re(u.value),
+        isIncreasingDays: !1,
+        amountOfMonths: M
+      });
+    },
+    // End
+    moveToLastDayOfWeek: (l) => {
+      c(l), v({
+        nextDate: Ee(d.value, { weekStartsOn: a }),
+        isIncreasingDays: !0
+      });
+    },
+    moveToLastMonthOfYear: (l) => {
+      c(l);
+      const M = $t(u.value, { month: 11, date: 1 }), P = Be(M, u.value);
+      v({
+        nextDate: M,
+        isIncreasingDays: !0,
+        amountOfMonths: P
+      });
+    },
+    // PageUp
+    moveToPreviousMonth: (l, M = !1, P = 1) => {
+      c(l);
+      const j = P;
+      v({
+        nextDate: ye(d.value, j),
+        isIncreasingDays: !1,
+        amountOfMonths: j,
+        isCalendarButtonsNav: M
+      });
+    },
+    // Shift+PageUp
+    moveToPreviousYear: (l, M = !1) => {
+      c(l);
+      const P = 12;
+      v({
+        nextDate: ye(d.value, P),
+        isIncreasingDays: !1,
+        amountOfMonths: P,
+        isCalendarButtonsNav: M
+      });
+    },
+    // PageDown
+    moveToNextMonth: (l, M = !1, P = 1) => {
+      c(l);
+      const j = P;
+      v({
+        nextDate: oe(d.value, j),
+        isIncreasingDays: !0,
+        amountOfMonths: j,
+        isCalendarButtonsNav: M
+      });
+    },
+    // Shift-PageDown
+    moveToNextYear: (l, M = !1) => {
+      c(l);
+      const P = 12;
+      v({
+        nextDate: oe(d.value, P),
+        isIncreasingDays: !0,
+        amountOfMonths: P,
+        isCalendarButtonsNav: M
+      });
+    },
+    // Values
+    internalDate: u,
+    baseDate: s
+  };
+};
+function Ft(e, t, n) {
+  var y, D;
+  const a = me(), r = a.weekStartsOn ?? ((D = (y = a.locale) == null ? void 0 : y.options) == null ? void 0 : D.weekStartsOn) ?? 0, s = E(e, n == null ? void 0 : n.in), u = s.getDay(), d = (t % 7 + 7) % 7, w = 7 - r, m = t < 0 || t > 6 ? t - (u + w) % 7 : (d + w) % 7 - (u + w) % 7;
+  return ge(s, m, n);
+}
+function Ne(e, t) {
+  const n = E(e, t == null ? void 0 : t.in);
+  return n.setDate(1), n.setHours(0, 0, 0, 0), n;
+}
+function ue(e, t) {
+  const n = E(e, t == null ? void 0 : t.in);
+  return n.setHours(0, 0, 0, 0), n;
+}
+function dt(e, t, n) {
+  const [a, r] = Se(
+    n == null ? void 0 : n.in,
+    e,
+    t
+  ), s = ue(a), u = ue(r), i = +s - xe(s), d = +u - xe(u);
+  return Math.round((i - d) / Et);
+}
+function Rt(e, t) {
+  const n = E(e, t == null ? void 0 : t.in);
+  return dt(n, Re(n)) + 1;
+}
+function ke(e, t) {
+  return K(e, { ...t, weekStartsOn: 1 });
+}
+function ft(e, t) {
+  const n = E(e, t == null ? void 0 : t.in), a = n.getFullYear(), r = G(n, 0);
+  r.setFullYear(a + 1, 0, 4), r.setHours(0, 0, 0, 0);
+  const s = ke(r), u = G(n, 0);
+  u.setFullYear(a, 0, 4), u.setHours(0, 0, 0, 0);
+  const i = ke(u);
+  return n.getTime() >= s.getTime() ? a + 1 : n.getTime() >= i.getTime() ? a : a - 1;
+}
+function At(e, t) {
+  const n = ft(e, t), a = G(e, 0);
+  return a.setFullYear(n, 0, 4), a.setHours(0, 0, 0, 0), ke(a);
+}
+function Wt(e, t) {
+  const n = E(e, t == null ? void 0 : t.in), a = +ke(n) - +At(n);
+  return Math.round(a / st) + 1;
+}
+function ht(e, t) {
+  var m, y, D, f;
+  const n = E(e, t == null ? void 0 : t.in), a = n.getFullYear(), r = me(), s = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((y = (m = t == null ? void 0 : t.locale) == null ? void 0 : m.options) == null ? void 0 : y.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((f = (D = r.locale) == null ? void 0 : D.options) == null ? void 0 : f.firstWeekContainsDate) ?? 1, u = G((t == null ? void 0 : t.in) || e, 0);
+  u.setFullYear(a + 1, 0, s), u.setHours(0, 0, 0, 0);
+  const i = K(u, t), d = G((t == null ? void 0 : t.in) || e, 0);
+  d.setFullYear(a, 0, s), d.setHours(0, 0, 0, 0);
+  const w = K(d, t);
+  return +n >= +i ? a + 1 : +n >= +w ? a : a - 1;
+}
+function Ct(e, t) {
+  var i, d, w, m;
+  const n = me(), a = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((d = (i = t == null ? void 0 : t.locale) == null ? void 0 : i.options) == null ? void 0 : d.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((m = (w = n.locale) == null ? void 0 : w.options) == null ? void 0 : m.firstWeekContainsDate) ?? 1, r = ht(e, t), s = G((t == null ? void 0 : t.in) || e, 0);
+  return s.setFullYear(r, 0, a), s.setHours(0, 0, 0, 0), K(s, t);
+}
+function Gt(e, t) {
+  const n = E(e, t == null ? void 0 : t.in), a = +K(n, t) - +Ct(n, t);
+  return Math.round(a / st) + 1;
+}
+function O(e, t) {
+  const n = e < 0 ? "-" : "", a = Math.abs(e).toString().padStart(t, "0");
+  return n + a;
+}
+const J = {
+  // Year
+  y(e, t) {
+    const n = e.getFullYear(), a = n > 0 ? n : 1 - n;
+    return O(t === "yy" ? a % 100 : a, t.length);
+  },
+  // Month
+  M(e, t) {
+    const n = e.getMonth();
+    return t === "M" ? String(n + 1) : O(n + 1, 2);
+  },
+  // Day of the month
+  d(e, t) {
+    return O(e.getDate(), t.length);
+  },
+  // AM or PM
+  a(e, t) {
+    const n = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (t) {
+      case "a":
+      case "aa":
+        return n.toUpperCase();
+      case "aaa":
+        return n;
+      case "aaaaa":
+        return n[0];
+      case "aaaa":
+      default:
+        return n === "am" ? "a.m." : "p.m.";
+    }
+  },
+  // Hour [1-12]
+  h(e, t) {
+    return O(e.getHours() % 12 || 12, t.length);
+  },
+  // Hour [0-23]
+  H(e, t) {
+    return O(e.getHours(), t.length);
+  },
+  // Minute
+  m(e, t) {
+    return O(e.getMinutes(), t.length);
+  },
+  // Second
+  s(e, t) {
+    return O(e.getSeconds(), t.length);
+  },
+  // Fraction of second
+  S(e, t) {
+    const n = t.length, a = e.getMilliseconds(), r = Math.trunc(
+      a * Math.pow(10, n - 3)
+    );
+    return O(r, t.length);
+  }
+}, ie = {
+  midnight: "midnight",
+  noon: "noon",
+  morning: "morning",
+  afternoon: "afternoon",
+  evening: "evening",
+  night: "night"
+}, He = {
+  // Era
+  G: function(e, t, n) {
+    const a = e.getFullYear() > 0 ? 1 : 0;
+    switch (t) {
+      // AD, BC
+      case "G":
+      case "GG":
+      case "GGG":
+        return n.era(a, { width: "abbreviated" });
+      // A, B
+      case "GGGGG":
+        return n.era(a, { width: "narrow" });
+      // Anno Domini, Before Christ
+      case "GGGG":
+      default:
+        return n.era(a, { width: "wide" });
+    }
+  },
+  // Year
+  y: function(e, t, n) {
+    if (t === "yo") {
+      const a = e.getFullYear(), r = a > 0 ? a : 1 - a;
+      return n.ordinalNumber(r, { unit: "year" });
+    }
+    return J.y(e, t);
+  },
+  // Local week-numbering year
+  Y: function(e, t, n, a) {
+    const r = ht(e, a), s = r > 0 ? r : 1 - r;
+    if (t === "YY") {
+      const u = s % 100;
+      return O(u, 2);
+    }
+    return t === "Yo" ? n.ordinalNumber(s, { unit: "year" }) : O(s, t.length);
+  },
+  // ISO week-numbering year
+  R: function(e, t) {
+    const n = ft(e);
+    return O(n, t.length);
+  },
+  // Extended year. This is a single number designating the year of this calendar system.
+  // The main difference between `y` and `u` localizers are B.C. years:
+  // | Year | `y` | `u` |
+  // |------|-----|-----|
+  // | AC 1 |   1 |   1 |
+  // | BC 1 |   1 |   0 |
+  // | BC 2 |   2 |  -1 |
+  // Also `yy` always returns the last two digits of a year,
+  // while `uu` pads single digit years to 2 characters and returns other years unchanged.
+  u: function(e, t) {
+    const n = e.getFullYear();
+    return O(n, t.length);
+  },
+  // Quarter
+  Q: function(e, t, n) {
+    const a = Math.ceil((e.getMonth() + 1) / 3);
+    switch (t) {
+      // 1, 2, 3, 4
+      case "Q":
+        return String(a);
+      // 01, 02, 03, 04
+      case "QQ":
+        return O(a, 2);
+      // 1st, 2nd, 3rd, 4th
+      case "Qo":
+        return n.ordinalNumber(a, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
+      case "QQQ":
+        return n.quarter(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+      case "QQQQQ":
+        return n.quarter(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // 1st quarter, 2nd quarter, ...
+      case "QQQQ":
+      default:
+        return n.quarter(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone quarter
+  q: function(e, t, n) {
+    const a = Math.ceil((e.getMonth() + 1) / 3);
+    switch (t) {
+      // 1, 2, 3, 4
+      case "q":
+        return String(a);
+      // 01, 02, 03, 04
+      case "qq":
+        return O(a, 2);
+      // 1st, 2nd, 3rd, 4th
+      case "qo":
+        return n.ordinalNumber(a, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
+      case "qqq":
+        return n.quarter(a, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+      case "qqqqq":
+        return n.quarter(a, {
+          width: "narrow",
+          context: "standalone"
+        });
+      // 1st quarter, 2nd quarter, ...
+      case "qqqq":
+      default:
+        return n.quarter(a, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // Month
+  M: function(e, t, n) {
+    const a = e.getMonth();
+    switch (t) {
+      case "M":
+      case "MM":
+        return J.M(e, t);
+      // 1st, 2nd, ..., 12th
+      case "Mo":
+        return n.ordinalNumber(a + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
+      case "MMM":
+        return n.month(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // J, F, ..., D
+      case "MMMMM":
+        return n.month(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // January, February, ..., December
+      case "MMMM":
+      default:
+        return n.month(a, { width: "wide", context: "formatting" });
+    }
+  },
+  // Stand-alone month
+  L: function(e, t, n) {
+    const a = e.getMonth();
+    switch (t) {
+      // 1, 2, ..., 12
+      case "L":
+        return String(a + 1);
+      // 01, 02, ..., 12
+      case "LL":
+        return O(a + 1, 2);
+      // 1st, 2nd, ..., 12th
+      case "Lo":
+        return n.ordinalNumber(a + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
+      case "LLL":
+        return n.month(a, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // J, F, ..., D
+      case "LLLLL":
+        return n.month(a, {
+          width: "narrow",
+          context: "standalone"
+        });
+      // January, February, ..., December
+      case "LLLL":
+      default:
+        return n.month(a, { width: "wide", context: "standalone" });
+    }
+  },
+  // Local week of year
+  w: function(e, t, n, a) {
+    const r = Gt(e, a);
+    return t === "wo" ? n.ordinalNumber(r, { unit: "week" }) : O(r, t.length);
+  },
+  // ISO week of year
+  I: function(e, t, n) {
+    const a = Wt(e);
+    return t === "Io" ? n.ordinalNumber(a, { unit: "week" }) : O(a, t.length);
+  },
+  // Day of the month
+  d: function(e, t, n) {
+    return t === "do" ? n.ordinalNumber(e.getDate(), { unit: "date" }) : J.d(e, t);
+  },
+  // Day of year
+  D: function(e, t, n) {
+    const a = Rt(e);
+    return t === "Do" ? n.ordinalNumber(a, { unit: "dayOfYear" }) : O(a, t.length);
+  },
+  // Day of week
+  E: function(e, t, n) {
+    const a = e.getDay();
+    switch (t) {
+      // Tue
+      case "E":
+      case "EE":
+      case "EEE":
+        return n.day(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "EEEEE":
+        return n.day(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "EEEEEE":
+        return n.day(a, {
+          width: "short",
+          context: "formatting"
+        });
+      // Tuesday
+      case "EEEE":
+      default:
+        return n.day(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Local day of week
+  e: function(e, t, n, a) {
+    const r = e.getDay(), s = (r - a.weekStartsOn + 8) % 7 || 7;
+    switch (t) {
+      // Numerical value (Nth day of week with current locale or weekStartsOn)
+      case "e":
+        return String(s);
+      // Padded numerical value
+      case "ee":
+        return O(s, 2);
+      // 1st, 2nd, ..., 7th
+      case "eo":
+        return n.ordinalNumber(s, { unit: "day" });
+      case "eee":
+        return n.day(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "eeeee":
+        return n.day(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "eeeeee":
+        return n.day(r, {
+          width: "short",
+          context: "formatting"
+        });
+      // Tuesday
+      case "eeee":
+      default:
+        return n.day(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone local day of week
+  c: function(e, t, n, a) {
+    const r = e.getDay(), s = (r - a.weekStartsOn + 8) % 7 || 7;
+    switch (t) {
+      // Numerical value (same as in `e`)
+      case "c":
+        return String(s);
+      // Padded numerical value
+      case "cc":
+        return O(s, t.length);
+      // 1st, 2nd, ..., 7th
+      case "co":
+        return n.ordinalNumber(s, { unit: "day" });
+      case "ccc":
+        return n.day(r, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // T
+      case "ccccc":
+        return n.day(r, {
+          width: "narrow",
+          context: "standalone"
+        });
+      // Tu
+      case "cccccc":
+        return n.day(r, {
+          width: "short",
+          context: "standalone"
+        });
+      // Tuesday
+      case "cccc":
+      default:
+        return n.day(r, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // ISO day of week
+  i: function(e, t, n) {
+    const a = e.getDay(), r = a === 0 ? 7 : a;
+    switch (t) {
+      // 2
+      case "i":
+        return String(r);
+      // 02
+      case "ii":
+        return O(r, t.length);
+      // 2nd
+      case "io":
+        return n.ordinalNumber(r, { unit: "day" });
+      // Tue
+      case "iii":
+        return n.day(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "iiiii":
+        return n.day(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "iiiiii":
+        return n.day(a, {
+          width: "short",
+          context: "formatting"
+        });
+      // Tuesday
+      case "iiii":
+      default:
+        return n.day(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM or PM
+  a: function(e, t, n) {
+    const r = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (t) {
+      case "a":
+      case "aa":
+        return n.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "aaa":
+        return n.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "aaaaa":
+        return n.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "aaaa":
+      default:
+        return n.dayPeriod(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM, PM, midnight, noon
+  b: function(e, t, n) {
+    const a = e.getHours();
+    let r;
+    switch (a === 12 ? r = ie.noon : a === 0 ? r = ie.midnight : r = a / 12 >= 1 ? "pm" : "am", t) {
+      case "b":
+      case "bb":
+        return n.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "bbb":
+        return n.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "bbbbb":
+        return n.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "bbbb":
+      default:
+        return n.dayPeriod(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // in the morning, in the afternoon, in the evening, at night
+  B: function(e, t, n) {
+    const a = e.getHours();
+    let r;
+    switch (a >= 17 ? r = ie.evening : a >= 12 ? r = ie.afternoon : a >= 4 ? r = ie.morning : r = ie.night, t) {
+      case "B":
+      case "BB":
+      case "BBB":
+        return n.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "BBBBB":
+        return n.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "BBBB":
+      default:
+        return n.dayPeriod(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Hour [1-12]
+  h: function(e, t, n) {
+    if (t === "ho") {
+      let a = e.getHours() % 12;
+      return a === 0 && (a = 12), n.ordinalNumber(a, { unit: "hour" });
+    }
+    return J.h(e, t);
+  },
+  // Hour [0-23]
+  H: function(e, t, n) {
+    return t === "Ho" ? n.ordinalNumber(e.getHours(), { unit: "hour" }) : J.H(e, t);
+  },
+  // Hour [0-11]
+  K: function(e, t, n) {
+    const a = e.getHours() % 12;
+    return t === "Ko" ? n.ordinalNumber(a, { unit: "hour" }) : O(a, t.length);
+  },
+  // Hour [1-24]
+  k: function(e, t, n) {
+    let a = e.getHours();
+    return a === 0 && (a = 24), t === "ko" ? n.ordinalNumber(a, { unit: "hour" }) : O(a, t.length);
+  },
+  // Minute
+  m: function(e, t, n) {
+    return t === "mo" ? n.ordinalNumber(e.getMinutes(), { unit: "minute" }) : J.m(e, t);
+  },
+  // Second
+  s: function(e, t, n) {
+    return t === "so" ? n.ordinalNumber(e.getSeconds(), { unit: "second" }) : J.s(e, t);
+  },
+  // Fraction of second
+  S: function(e, t) {
+    return J.S(e, t);
+  },
+  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
+  X: function(e, t, n) {
+    const a = e.getTimezoneOffset();
+    if (a === 0)
+      return "Z";
+    switch (t) {
+      // Hours and optional minutes
+      case "X":
+        return qe(a);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XX`
+      case "XXXX":
+      case "XX":
+        return p(a);
+      // Hours, minutes and optional seconds with `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XXX`
+      case "XXXXX":
+      case "XXX":
+      // Hours and minutes with `:` delimiter
+      default:
+        return p(a, ":");
+    }
+  },
+  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
+  x: function(e, t, n) {
+    const a = e.getTimezoneOffset();
+    switch (t) {
+      // Hours and optional minutes
+      case "x":
+        return qe(a);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xx`
+      case "xxxx":
+      case "xx":
+        return p(a);
+      // Hours, minutes and optional seconds with `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xxx`
+      case "xxxxx":
+      case "xxx":
+      // Hours and minutes with `:` delimiter
+      default:
+        return p(a, ":");
+    }
+  },
+  // Timezone (GMT)
+  O: function(e, t, n) {
+    const a = e.getTimezoneOffset();
+    switch (t) {
+      // Short
+      case "O":
+      case "OO":
+      case "OOO":
+        return "GMT" + Ue(a, ":");
+      // Long
+      case "OOOO":
+      default:
+        return "GMT" + p(a, ":");
+    }
+  },
+  // Timezone (specific non-location)
+  z: function(e, t, n) {
+    const a = e.getTimezoneOffset();
+    switch (t) {
+      // Short
+      case "z":
+      case "zz":
+      case "zzz":
+        return "GMT" + Ue(a, ":");
+      // Long
+      case "zzzz":
+      default:
+        return "GMT" + p(a, ":");
+    }
+  },
+  // Seconds timestamp
+  t: function(e, t, n) {
+    const a = Math.trunc(+e / 1e3);
+    return O(a, t.length);
+  },
+  // Milliseconds timestamp
+  T: function(e, t, n) {
+    return O(+e, t.length);
+  }
+};
+function Ue(e, t = "") {
+  const n = e > 0 ? "-" : "+", a = Math.abs(e), r = Math.trunc(a / 60), s = a % 60;
+  return s === 0 ? n + String(r) : n + String(r) + t + O(s, 2);
+}
+function qe(e, t) {
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + O(Math.abs(e) / 60, 2) : p(e, t);
+}
+function p(e, t = "") {
+  const n = e > 0 ? "-" : "+", a = Math.abs(e), r = O(Math.trunc(a / 60), 2), s = O(a % 60, 2);
+  return n + r + t + s;
+}
+const je = (e, t) => {
+  switch (e) {
+    case "P":
+      return t.date({ width: "short" });
+    case "PP":
+      return t.date({ width: "medium" });
+    case "PPP":
+      return t.date({ width: "long" });
+    case "PPPP":
+    default:
+      return t.date({ width: "full" });
+  }
+}, mt = (e, t) => {
+  switch (e) {
+    case "p":
+      return t.time({ width: "short" });
+    case "pp":
+      return t.time({ width: "medium" });
+    case "ppp":
+      return t.time({ width: "long" });
+    case "pppp":
+    default:
+      return t.time({ width: "full" });
+  }
+}, Bt = (e, t) => {
+  const n = e.match(/(P+)(p+)?/) || [], a = n[1], r = n[2];
+  if (!r)
+    return je(e, t);
+  let s;
+  switch (a) {
+    case "P":
+      s = t.dateTime({ width: "short" });
+      break;
+    case "PP":
+      s = t.dateTime({ width: "medium" });
+      break;
+    case "PPP":
+      s = t.dateTime({ width: "long" });
+      break;
+    case "PPPP":
+    default:
+      s = t.dateTime({ width: "full" });
+      break;
+  }
+  return s.replace("{{date}}", je(a, t)).replace("{{time}}", mt(r, t));
+}, xt = {
+  p: mt,
+  P: Bt
+}, Ht = /^D+$/, Ut = /^Y+$/, qt = ["D", "DD", "YY", "YYYY"];
+function jt(e) {
+  return Ht.test(e);
+}
+function Qt(e) {
+  return Ut.test(e);
+}
+function Vt(e, t, n) {
+  const a = Xt(e, t, n);
+  if (console.warn(a), qt.includes(e)) throw new RangeError(a);
+}
+function Xt(e, t, n) {
+  const a = e[0] === "Y" ? "years" : "days of the month";
+  return `Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${a} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
+}
+function Kt(e) {
+  return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
+}
+function Jt(e) {
+  return !(!Kt(e) && typeof e != "number" || isNaN(+E(e)));
+}
+const Zt = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, zt = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, pt = /^'([^]*?)'?$/, en = /''/g, tn = /[a-zA-Z]/;
+function Qe(e, t, n) {
+  var m, y, D, f, o, c, v, I;
+  const a = me(), r = (n == null ? void 0 : n.locale) ?? a.locale ?? Nt, s = (n == null ? void 0 : n.firstWeekContainsDate) ?? ((y = (m = n == null ? void 0 : n.locale) == null ? void 0 : m.options) == null ? void 0 : y.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((f = (D = a.locale) == null ? void 0 : D.options) == null ? void 0 : f.firstWeekContainsDate) ?? 1, u = (n == null ? void 0 : n.weekStartsOn) ?? ((c = (o = n == null ? void 0 : n.locale) == null ? void 0 : o.options) == null ? void 0 : c.weekStartsOn) ?? a.weekStartsOn ?? ((I = (v = a.locale) == null ? void 0 : v.options) == null ? void 0 : I.weekStartsOn) ?? 0, i = E(e, n == null ? void 0 : n.in);
+  if (!Jt(i))
+    throw new RangeError("Invalid time value");
+  let d = t.match(zt).map((h) => {
+    const g = h[0];
+    if (g === "p" || g === "P") {
+      const Y = xt[g];
+      return Y(h, r.formatLong);
+    }
+    return h;
+  }).join("").match(Zt).map((h) => {
+    if (h === "''")
+      return { isToken: !1, value: "'" };
+    const g = h[0];
+    if (g === "'")
+      return { isToken: !1, value: nn(h) };
+    if (He[g])
+      return { isToken: !0, value: h };
+    if (g.match(tn))
+      throw new RangeError(
+        "Format string contains an unescaped latin alphabet character `" + g + "`"
+      );
+    return { isToken: !1, value: h };
+  });
+  r.localize.preprocessor && (d = r.localize.preprocessor(i, d));
+  const w = {
+    firstWeekContainsDate: s,
+    weekStartsOn: u,
+    locale: r
+  };
+  return d.map((h) => {
+    if (!h.isToken) return h.value;
+    const g = h.value;
+    (!(n != null && n.useAdditionalWeekYearTokens) && Qt(g) || !(n != null && n.useAdditionalDayOfYearTokens) && jt(g)) && Vt(g, t, String(e));
+    const Y = He[g[0]];
+    return Y(i, g, r.localize, w);
+  }).join("");
+}
+function nn(e) {
+  const t = e.match(pt);
+  return t ? t[1].replace(en, "'") : e;
+}
+function Oe(e, t, n) {
+  const [a, r] = Se(
+    n == null ? void 0 : n.in,
+    e,
+    t
+  );
+  return +ue(a) == +ue(r);
+}
+function Te(e, t, n) {
+  const a = +E(e, n == null ? void 0 : n.in), [r, s] = [
+    +E(t.start, n == null ? void 0 : n.in),
+    +E(t.end, n == null ? void 0 : n.in)
+  ].sort((u, i) => u - i);
+  return a >= r && a <= s;
+}
+const Ve = {
+  "en-US": {
+    nextMonth: "Next month",
+    previousMonth: "Previous month"
+  }
+}, an = we({
+  i18n: { messages: Ve },
+  name: "calendar-month",
+  components: {
+    BentoButton: $e,
+    BentoTypography: tt,
+    CalendarMonthDay: Yt,
+    ChevronLeftIcon: ut,
+    ChevronRightIcon: ot
+  },
+  directives: { BentoKeyboardNavigationDirective: rt },
+  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: re.MONDAY,
+      validator: (e) => Object.values(re).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(fe).includes(e)
+    },
+    /**
+     * start of the selected range
+     */
+    startDate: { type: Date, default: null }
+    // can be undefined, eslint complains without default
+  },
+  emits: [
+    B.CHANGE_DAY,
+    B.INPUT,
+    B.NEXT_MONTH,
+    B.PREVIOUS_MONTH,
+    B.MOUSE_OVER
+  ],
+  setup(e, { emit: t }) {
+    const { locale: n, t: a } = nt({ messages: Ve }), r = Ot(), s = at("bento-date-picker-month-label"), u = _(
+      () => (N) => {
+        var H;
+        return e.min && N < e.min || e.max && N > e.max || ((H = e.isDateDisabled) == null ? void 0 : H.call(e, N));
+      }
+    ), {
+      internalDate: i,
+      baseDate: d,
+      // Calendar refs
+      addDayRef: w,
+      // Month navigation
+      showNextMonth: m,
+      showPreviousMonth: y,
+      // Day navigation
+      moveToNextDay: D,
+      moveToPreviousDay: f,
+      moveToPreviousWeek: o,
+      moveToNextWeek: c,
+      moveToFirstDayOfWeek: v,
+      moveToLastDayOfWeek: I,
+      moveToPreviousMonth: h,
+      moveToPreviousYear: g,
+      moveToNextMonth: Y,
+      moveToNextYear: F,
+      focusOnDate: $
+    } = lt(
+      {
+        currentSelectedDate: U(e, "startDate"),
+        month: U(e, "month"),
+        isDateDisabled: u.value,
+        firstDayOfWeek: e.firstDayOfWeek
+      },
+      t
+    ), W = _(
+      () => Object.values(re).includes(e.firstDayOfWeek) ? e.firstDayOfWeek : re.MONDAY
+    ), b = _(() => ["first", "unique"].includes(e.position)), k = _(() => ["last", "unique"].includes(e.position)), S = _(
+      () => {
+        var N;
+        return Qe(d.value, "MMMM yyyy", {
+          locale: r[(N = n.value) == null ? void 0 : N.substring(0, 2)] || r.enUS
+        });
+      }
+    ), z = _(
+      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((N, H) => {
+        var Ge;
+        const De = Ft(N, W.value + H);
+        return Qe(De, "EEE", {
+          locale: r[(Ge = n.value) == null ? void 0 : Ge.substring(0, 2)] || r.enUS
+        });
+      })
+    ), C = _(() => {
+      const N = [], H = Ne(e.month);
+      let De = N[N.push([]) - 1];
+      for (; H.getMonth() === e.month.getMonth(); )
+        H.getDay() - W.value === 0 && De.length > 0 && (De = N[N.push([]) - 1]), De.push(ue(H)), H.setDate(H.getDate() + 1);
+      return N;
+    });
+    return {
+      // Refs
+      addDayRef: w,
+      // Values
+      computedIsDateDisabled: u,
+      daysOfWeek: z,
+      weeksOfMonth: C,
+      formattedMonthDate: S,
+      shouldShowNextMonthButton: k,
+      shouldShowPreviousMonthButton: b,
+      monthLabelId: s,
+      // Enums
+      CalendarMonthEvent: B,
+      // Functions
+      isSelectedDate: (N) => i.value && Oe(i.value, N) && !e.endDate ? !0 : e.startDate && e.endDate && Te(N, { start: e.startDate, end: e.endDate }),
+      showNextMonth: m,
+      showPreviousMonth: y,
+      dayVariant: (N) => {
+        if (!e.isRange || Oe(e.startDate, e.endDate))
+          return x.SINGLE;
+        if (e.startDate && Oe(e.startDate, N))
+          return x.BEGINNING;
+        if (e.endDate && Oe(e.endDate, N))
+          return x.END;
+        if (e.startDate && e.endDate && Te(N, { start: e.startDate, end: e.endDate }))
+          return x.MIDDLE;
+      },
+      confirmNavigationDate: () => {
+        t(B.INPUT, i);
+      },
+      // Events
+      onDayClicked: (N) => {
+        t(B.INPUT, N);
+      },
+      listeners: {
+        "keydown:arrow-right": D,
+        "keydown:arrow-left": f,
+        "keydown:arrow-up": o,
+        "keydown:arrow-down": c,
+        "keydown:home": v,
+        "keydown:end": I,
+        "keydown:page-up": h,
+        "keydown:shift-page-up": g,
+        "keydown:page-down": Y,
+        "keydown:shift-page-down": F
+      },
+      // Exposed methods
+      focusOnDate: $,
+      moveToNextDay: D,
+      moveToPreviousDay: f,
+      moveToPreviousWeek: o,
+      moveToNextWeek: c,
+      moveToFirstDayOfWeek: v,
+      moveToLastDayOfWeek: I,
+      moveToPreviousMonth: h,
+      moveToPreviousYear: g,
+      moveToNextMonth: Y,
+      moveToNextYear: F,
+      // Translations
+      t: a
+    };
+  }
+}), rn = { class: "b-calendar-month__month-selector" }, sn = { class: "b-calendar-month__previous" }, on = { class: "b-calendar-month__next" }, un = ["aria-labelledby"], cn = { class: "b-calendar-month__week-header" }, ln = ["colspan"];
+function dn(e, t, n, a, r, s) {
+  var D, f;
+  const u = ce("chevron-left-icon"), i = ce("bento-button"), d = ce("bento-typography"), w = ce("chevron-right-icon"), m = ce("calendar-month-day"), y = wt("bento-keyboard-navigation-directive");
+  return Ze((T(), L("div", ze({ class: "b-calendar-month" }, pe(e.listeners, !0)), [
+    A("div", rn, [
+      A("div", sn, [
+        e.shouldShowPreviousMonthButton ? (T(), se(i, {
+          key: 0,
+          variant: "tertiary",
+          onClick: t[0] || (t[0] = (o) => e.moveToPreviousMonth(o, !0))
+        }, {
+          iconLeft: te(() => [
+            X(u, {
+              "svg-title": e.t("previousMonth")
+            }, null, 8, ["svg-title"])
+          ]),
+          _: 1
+        })) : de("", !0)
+      ]),
+      X(d, {
+        id: e.monthLabelId,
+        el: "h2",
+        variant: "title",
+        "aria-live": "polite"
+      }, {
+        default: te(() => [
+          Pe(Le(e.formattedMonthDate), 1)
+        ]),
+        _: 1
+      }, 8, ["id"]),
+      A("div", on, [
+        e.shouldShowNextMonthButton ? (T(), se(i, {
+          key: 0,
+          variant: "tertiary",
+          onClick: t[1] || (t[1] = (o) => e.moveToNextMonth(o, !0))
+        }, {
+          iconLeft: te(() => [
+            X(w, {
+              "svg-title": e.t("nextMonth")
+            }, null, 8, ["svg-title"])
+          ]),
+          _: 1
+        })) : de("", !0)
+      ])
+    ]),
+    A("table", {
+      class: "b-calendar-month__month-container",
+      role: "grid",
+      "aria-labelledby": e.monthLabelId
+    }, [
+      A("thead", null, [
+        A("tr", cn, [
+          (T(!0), L(ne, null, ae(e.daysOfWeek, (o, c) => (T(), L("th", {
+            key: c,
+            class: "b-calendar-month__day-of-week",
+            scope: "col"
+          }, [
+            X(d, {
+              class: "b-calendar-month__day-of-week-font",
+              el: "span",
+              variant: "caption"
+            }, {
+              default: te(() => [
+                Pe(Le(o), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ])
+      ]),
+      A("tbody", null, [
+        (T(!0), L(ne, null, ae(e.weeksOfMonth, (o, c) => (T(), L("tr", { key: c }, [
+          c === 0 && o.length < 7 ? (T(), L("td", {
+            key: 0,
+            colspan: 7 - o.length
+          }, null, 8, ln)) : de("", !0),
+          (T(!0), L(ne, null, ae(o, (v, I) => (T(), se(m, {
+            ref_for: !0,
+            ref: e.addDayRef(v),
+            key: `calendar-day-${I}`,
+            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: [
+              le((h) => e.$emit(e.CalendarMonthEvent.CHANGE_DAY, v), ["up", "native"]),
+              le((h) => e.$emit(e.CalendarMonthEvent.CHANGE_DAY, v), ["down", "native"]),
+              le((h) => e.$emit(e.CalendarMonthEvent.CHANGE_DAY, v), ["left", "native"]),
+              le((h) => e.$emit(e.CalendarMonthEvent.CHANGE_DAY, v), ["right", "native"])
+            ]
+          }, null, 8, ["day", "disabled", "selected", "variant", "onClick", "onMouseover", "onKeyup"]))), 128))
+        ]))), 128)),
+        ((D = e.weeksOfMonth) == null ? void 0 : D.length) < 6 ? (T(!0), L(ne, { key: 0 }, ae(6 - ((f = e.weeksOfMonth) == null ? void 0 : f.length), (o) => (T(), L("tr", {
+          key: `calendar month filler row ${o}`
+        }, t[2] || (t[2] = [
+          A("td", {
+            "aria-hidden": "true",
+            class: "b-calendar-month__empty-cell-filler",
+            colspan: 7
+          }, null, -1)
+        ])))), 128)) : de("", !0)
+      ])
+    ], 8, un)
+  ], 16)), [
+    [y]
+  ]);
+}
+const Xe = /* @__PURE__ */ be(an, [["render", dn], ["__scopeId", "data-v-3dbf5f97"]]);
+function Me(e, t, n) {
+  const [a, r] = Se(
+    n == null ? void 0 : n.in,
+    e,
+    t
+  );
+  return a.getFullYear() === r.getFullYear() && a.getMonth() === r.getMonth();
+}
+var q = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(q || {}), V = /* @__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))(V || {}), We = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(We || {});
+const fn = ["tabindex", "aria-selected"], hn = { class: "b-calendar-year-month__wrapper" }, mn = {}, Dn = /* @__PURE__ */ we({
+  ...mn,
+  __name: "calendar-year-month",
+  props: {
+    month: {},
+    disabled: { type: Boolean, default: !1 },
+    selected: { type: Boolean, default: !1 },
+    variant: { default: q.SINGLE }
+  },
+  emits: ["click", "mouseover"],
+  setup(e, { emit: t }) {
+    const n = e, a = t, r = _(() => {
+      const i = /* @__PURE__ */ new Date();
+      return n.month.getMonth() === i.getMonth() && n.month.getFullYear() === i.getFullYear();
+    }), s = _(() => ({
+      // Variants
+      [`b-calendar-year-month--${V.BEGINNING}`]: n.variant === q.BEGINNING,
+      [`b-calendar-year-month--${V.MIDDLE}`]: n.variant === q.MIDDLE,
+      [`b-calendar-year-month--${V.END}`]: n.variant === q.END,
+      [`b-calendar-year-month--${V.SINGLE}`]: n.variant === q.SINGLE,
+      // Selected
+      [`b-calendar-year-month--${V.UNSELECTED}`]: !n.selected,
+      [`b-calendar-year-month--${V.SELECTED}`]: n.selected,
+      // Current month
+      [`b-calendar-year-month--${V.CURRENT_MONTH}`]: r.value,
+      // Disabled
+      [`b-calendar-year-month--${V.DISABLED}`]: n.disabled
+    })), u = (i, d) => {
+      n.disabled ? (i.preventDefault(), i.stopPropagation()) : a(We.CLICK, d, n.month);
+    };
+    return (i, d) => (T(), L("td", {
+      class: Ce(["b-calendar-year-month", s.value]),
+      tabindex: i.selected ? "0" : "-1",
+      "aria-selected": i.selected ? i.selected : void 0,
+      onClick: d[0] || (d[0] = (w) => u(w, i.month)),
+      onMouseover: d[1] || (d[1] = (w) => a(R(We).MOUSE_OVER)),
+      onKeydown: d[2] || (d[2] = le((w) => u(w, i.month), ["space", "enter"]))
+    }, [
+      A("div", hn, [
+        X(R(it), {
+          class: "b-calendar-year-month__label",
+          date: i.month,
+          format: R(ct).SHORT_MONTH
+        }, null, 8, ["date", "format"])
+      ])
+    ], 42, fn));
+  }
+}), vn = /* @__PURE__ */ be(Dn, [["__scopeId", "data-v-ad9a13f2"]]), Dt = {
+  "en-US": {
+    nextYear: "Next year",
+    previousYear: "Previous year"
+  },
+  "ja-JP": {
+    nextYear: "来年",
+    previousYear: "前年"
+  },
+  "pt-BR": {
+    nextYear: "Ano seguinte",
+    previousYear: "Ano anterior"
+  }
+}, yn = { class: "b-calendar-year__year-selector" }, gn = { class: "b-calendar-year__previous" }, wn = { class: "b-calendar-year__next" }, bn = ["aria-labelledby"], On = {
+  i18n: { messages: Dt }
+}, Mn = /* @__PURE__ */ we({
+  ...On,
+  __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 = at("bento-date-picker-year-label"), r = e, s = n, { t: u } = nt({ messages: Dt }), i = (b) => {
+      var k;
+      return r.min && b < r.min || r.max && b > r.max || ((k = r.isDateDisabled) == null ? void 0 : k.call(r, b));
+    }, d = _(() => ["first", "unique"].includes(r.position)), w = _(() => ["last", "unique"].includes(r.position)), {
+      internalDate: m,
+      // Calendar refs
+      addDayRef: y,
+      // Day navigation
+      moveToPreviousMonth: D,
+      moveToPreviousYear: f,
+      moveToNextMonth: o,
+      moveToNextYear: c,
+      moveToFirstMonthOfYear: v,
+      moveToLastMonthOfYear: I,
+      focusOnDate: h
+    } = lt(
+      {
+        currentSelectedDate: U(r, "startDate"),
+        month: U(r, "year"),
+        isDateDisabled: i
+      },
+      s
+    );
+    t({ focusOnDate: h });
+    const g = _(() => {
+      const b = [];
+      let k = 0;
+      for (let S = 0; S < 3; S++) {
+        const z = [];
+        for (let C = 0; C < 4; C++)
+          z.push(new Date(r.year.getFullYear(), k++, 1));
+        b.push(z);
+      }
+      return b;
+    }), Y = (b) => !r.isRange || Me(r.startDate, r.endDate) ? q.SINGLE : r.startDate && Me(r.startDate, b) ? q.BEGINNING : r.endDate && Me(r.endDate, b) ? q.END : r.startDate && r.endDate && Te(b, { start: r.startDate, end: r.endDate }) ? q.MIDDLE : null, F = (b) => m.value && Me(m.value, b) ? !0 : r.startDate && r.endDate && Te(b, { start: r.startDate, end: r.endDate }), $ = (b) => {
+      s("input", b);
+    }, W = r.isRange ? {} : {
+      "keydown:arrow-right": o,
+      "keydown:arrow-left": D,
+      "keydown:arrow-up": (b) => D(b, !1, 4),
+      "keydown:arrow-down": (b) => o(b, !1, 4),
+      "keydown:home": v,
+      "keydown:end": I,
+      "keydown:page-up": f,
+      "keydown:page-down": c
+    };
+    return (b, k) => Ze((T(), L("div", ze({ class: "b-calendar-year" }, pe(R(W), !0)), [
+      A("div", yn, [
+        A("div", gn, [
+          d.value ? (T(), se($e, {
+            key: 0,
+            variant: "tertiary",
+            onClick: k[0] || (k[0] = (S) => R(f)(S, !0))
+          }, {
+            iconLeft: te(() => [
+              X(R(ut), {
+                "svg-title": R(u)("previousYear")
+              }, null, 8, ["svg-title"])
+            ]),
+            _: 1
+          })) : de("", !0)
+        ]),
+        X(R(tt), {
+          id: R(a),
+          el: "h2",
+          variant: "title",
+          "aria-live": "polite"
+        }, {
+          default: te(() => [
+            Pe(Le(b.year.getFullYear()), 1)
+          ]),
+          _: 1
+        }, 8, ["id"]),
+        A("div", wn, [
+          w.value ? (T(), se($e, {
+            key: 0,
+            variant: "tertiary",
+            onClick: k[1] || (k[1] = (S) => R(c)(S, !0))
+          }, {
+            iconLeft: te(() => [
+              X(R(ot), {
+                "svg-title": R(u)("nextYear")
+              }, null, 8, ["svg-title"])
+            ]),
+            _: 1
+          })) : de("", !0)
+        ])
+      ]),
+      A("table", {
+        class: "b-calendar-year__year-container",
+        role: "grid",
+        "aria-labelledby": R(a)
+      }, [
+        A("tbody", null, [
+          (T(!0), L(ne, null, ae(g.value, (S, z) => (T(), L("tr", { key: z }, [
+            (T(!0), L(ne, null, ae(S, (C, l) => (T(), se(vn, {
+              ref_for: !0,
+              ref: R(y)(C),
+              key: `calendar-month-${l}`,
+              month: C,
+              disabled: i(C),
+              selected: F(C),
+              variant: Y(C),
+              onClick: $,
+              onMouseover: (M) => s("mouseover", C)
+            }, null, 8, ["month", "disabled", "selected", "variant", "onMouseover"]))), 128))
+          ]))), 128))
+        ])
+      ], 8, bn)
+    ], 16)), [
+      [R(rt)]
+    ]);
+  }
+}), Ke = /* @__PURE__ */ be(Mn, [["__scopeId", "data-v-5ec13be4"]]), En = ({ selectedDate: e }, t) => {
+  const n = et({
+    startDate: null,
+    endDate: null
+  });
+  return he(
+    () => e.value,
+    () => {
+      n.startDate = e.value, n.endDate = void 0;
+    },
+    { immediate: !0 }
+  ), {
+    internalValue: n,
+    onDateInput: (r) => {
+      t(Z.INPUT, r);
+    },
+    // Empty function to prevent the listeners from throwing a warning
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onMouseOver: () => {
+    }
+  };
+};
+function Nn(e, t) {
+  return +E(e) < +E(t);
+}
+function kn(e, t) {
+  return +E(e) > +E(t);
+}
+function Tn(e, t, n) {
+  const [a, r] = Se(
+    n == null ? void 0 : n.in,
+    e,
+    t
+  ), s = Je(a, r), u = Math.abs(
+    dt(a, r)
+  );
+  a.setDate(a.getDate() - s * u);
+  const i = +(Je(a, r) === -s), d = s * (u - i);
+  return d === 0 ? 0 : d;
+}
+function Je(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 _e(e, t) {
+  const n = E(e, t == null ? void 0 : t.in), a = n.getMonth(), r = a - a % 3 + 3;
+  return n.setMonth(r, 0), n.setHours(23, 59, 59, 999), n;
+}
+function Ye(e, t) {
+  const n = E(e, t == null ? void 0 : t.in), a = n.getMonth(), r = a - a % 3;
+  return n.setMonth(r, 1), n.setHours(0, 0, 0, 0), n;
+}
+const Sn = (e) => {
+  const t = (m, y, D, f) => {
+    let o = K(m, { weekStartsOn: e }), c = Ee(y || m, { weekStartsOn: e });
+    const v = D && o < D, I = f && c > f;
+    return v && (o = K(D, { weekStartsOn: e })), I && (c = Ee(f, { weekStartsOn: e })), o > c && (v ? c = Ee(o, { weekStartsOn: e }) : o = K(c, { weekStartsOn: e })), { startDate: o, endDate: c };
+  }, n = (m, y, D, f) => {
+    let o = Ne(m), c = Ie(y || m);
+    const v = D && o < D, I = f && c > f;
+    return v && (o = Ne(D)), I && (c = Ie(f)), o > c && (v ? c = Ie(o) : o = Ne(c)), { startDate: o, endDate: c };
+  }, a = (m, y, D, f) => {
+    let o = Ye(m), c = _e(y || m);
+    const v = D instanceof Date && o < D, I = f instanceof Date && c > f;
+    return v && (o = Ye(D)), I && (c = _e(f)), o > c && (v ? c = _e(o) : o = Ye(c)), { startDate: o, endDate: c };
+  };
+  return {
+    adjustDateForWeekly: t,
+    adjustDateForMonthly: n,
+    adjustDateForQuarterly: a,
+    adjustStartDateInputForWeekly: (m, y, D, f) => {
+      const { startDate: o } = t(new Date(m), null, D, f);
+      return y(o);
+    },
+    adjustEndDateInputForWeekly: (m, y, D, f) => {
+      const { endDate: o } = t(new Date(m), null, D, f);
+      return y(o);
+    },
+    adjustStartDateInputForMonthly: (m, y, D, f) => {
+      const { startDate: o } = n(new Date(m), null, D, f);
+      return y(o);
+    },
+    adjustEndDateInputForMonthly: (m, y, D, f) => {
+      const { endDate: o } = n(new Date(m), null, D, f);
+      return y(o);
+    },
+    adjustStartDateInputForQuarterly: (m, y, D, f) => {
+      const { startDate: o } = a(new Date(m), null, D, f);
+      return y(o);
+    },
+    adjustEndDateInputForQuarterly: (m, y, D, f) => {
+      const { endDate: o } = a(new Date(m), null, D, f);
+      return y(o);
+    }
+  };
+}, In = ({ selectedDate: e, isDateDisabled: t, maxRange: n, granularity: a, firstDayOfWeek: r, min: s, max: u }, i) => {
+  const { adjustDateForWeekly: m, adjustDateForMonthly: y, adjustDateForQuarterly: D } = Sn(r), f = et({
+    startDate: null,
+    endDate: null
+  }), o = ee(null);
+  he(
+    () => e.value,
+    () => {
+      let { startDate: h = null, endDate: g = null } = e.value || {};
+      h && (h = ue(h)), g && (g = ue(g)), !(h && t && t(h) || g && t && t(g) || h && g && kn(h, g)) && (f.startDate = h, f.endDate = g);
+    },
+    { immediate: !0, deep: !0 }
+  );
+  const c = (h, g, Y) => {
+    if (f.startDate = h, f.endDate = g, n.value) {
+      const F = Tn(g, h) - n.value;
+      F > 0 && (Y < 1 ? (f.startDate = h, f.endDate = Ae(g, F)) : (f.startDate = ge(h, F), f.endDate = g));
+    }
+    i(Z.START_DATE_SELECTED, f.startDate), i(Z.END_DATE_SELECTED, f.endDate);
+  }, v = (h) => {
+    var g, Y, F, $, W, b;
+    if (!(!o.value || t && t(h)))
+      if (Nn(h, o.value)) {
+        if (((g = a == null ? void 0 : a.value) == null ? void 0 : g.type) === "weekly") {
+          const { startDate: k, endDate: S } = m(h, o.value, s.value, u.value);
+          c(k, S, -1);
+          return;
+        }
+        if (((Y = a == null ? void 0 : a.value) == null ? void 0 : Y.type) === "monthly") {
+          const { startDate: k, endDate: S } = y(h, o.value, s.value, u.value);
+          c(k, S, -1);
+          return;
+        }
+        if (((F = a == null ? void 0 : a.value) == null ? void 0 : F.type) === "quarterly") {
+          const { startDate: k, endDate: S } = D(h, o.value, s.value, u.value);
+          c(k, S, -1);
+          return;
+        }
+        c(h, o.value, -1);
+      } else {
+        if ((($ = a == null ? void 0 : a.value) == null ? void 0 : $.type) === "weekly") {
+          const { startDate: k, endDate: S } = m(o.value, h, s.value, u.value);
+          c(k, S, 1);
+          return;
+        }
+        if (((W = a == null ? void 0 : a.value) == null ? void 0 : W.type) === "monthly") {
+          const { startDate: k, endDate: S } = y(o.value, h, s.value, u.value);
+          c(k, S, 1);
+          return;
+        }
+        if (((b = a == null ? void 0 : a.value) == null ? void 0 : b.type) === "quarterly") {
+          const { startDate: k, endDate: S } = D(o.value, h, s.value, u.value);
+          c(k, S, 1);
+          return;
+        }
+        c(o.value, h, 1);
+      }
+  };
+  return {
+    internalValue: f,
+    onDateInput: (h) => {
+      var g, Y, F;
+      if (o.value)
+        o.value = null, i(Z.INPUT, f);
+      else {
+        let $ = h;
+        if (((g = a == null ? void 0 : a.value) == null ? void 0 : g.type) === "weekly") {
+          const { startDate: W, endDate: b } = m(h);
+          $ = W, c($, b);
+        }
+        if (((Y = a == null ? void 0 : a.value) == null ? void 0 : Y.type) === "monthly") {
+          const { startDate: W, endDate: b } = y(h);
+          $ = W, c($, b);
+        }
+        if (((F = a == null ? void 0 : a.value) == null ? void 0 : F.type) === "quarterly") {
+          const { startDate: W, endDate: b } = D(h);
+          $ = W, c($, b);
+        }
+        o.value = $, v($);
+      }
+    },
+    onMouseOver: v
+  };
+};
+function vt(e, t, n) {
+  return oe(e, t * 12, n);
+}
+function _n(e, t, n) {
+  return vt(e, -t, n);
+}
+const Yn = we({
+  name: "calendar",
+  components: { CalendarMonth: Xe, CalendarYear: Ke },
+  props: {
+    /**
+     * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
+     */
+    firstDayOfWeek: {
+      type: Number,
+      default: re.MONDAY,
+      validator: (e) => Object.values(re).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(Fe).includes(e)
+    }
+  },
+  emit: [Z.INPUT, Z.START_DATE_SELECTED, Z.END_DATE_SELECTED],
+  setup(e, { emit: t }) {
+    const n = ee(null), a = ee();
+    he(
+      () => e.value,
+      () => {
+        var o, c, v;
+        if (e.isRange)
+          a.value = e != null && e.showEndDateOnOpen && ((o = e.value) != null && o.endDate) ? (c = e.value) == null ? void 0 : c.endDate : ((v = e.value) == null ? void 0 : v.startDate) || /* @__PURE__ */ new Date();
+        else {
+          const I = e.defaultDisplayMonth && new Date(e.defaultDisplayMonth).getTime() ? new Date(e.defaultDisplayMonth) : /* @__PURE__ */ new Date();
+          a.value = e.value || I;
+        }
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const r = _(
+      () => e.variant === Fe.MONTH ? Ke : Xe
+    ), s = _(() => ({
+      "b-calendar__range": e.isRange
+    })), { internalValue: u, onDateInput: i, onMouseOver: d } = e.isRange ? In(
+      {
+        selectedDate: U(e, "value"),
+        isDateDisabled: e.isDateDisabled,
+        maxRange: U(e, "maxRange"),
+        granularity: U(e, "granularity"),
+        firstDayOfWeek: e.firstDayOfWeek,
+        min: U(e, "min"),
+        max: U(e, "max")
+      },
+      t
+    ) : En(
+      {
+        selectedDate: U(e, "value"),
+        firstDayOfWeek: e.firstDayOfWeek
+      },
+      t
+    ), w = (o) => e.numberOfMonths === 1 ? fe.UNIQUE : o === 0 ? fe.FIRST : o === e.numberOfMonths - 1 ? fe.LAST : fe.MIDDLE, m = _(() => (o) => {
+      const c = e != null && e.showEndDateOnOpen && e.isRange ? ye(a.value, e.numberOfMonths - 1) : a.value;
+      return oe(c, o);
+    }), y = _(() => (o) => {
+      const c = e != null && e.showEndDateOnOpen ? _n(a.value, e.numberOfMonths - 1) : a.value;
+      return vt(c, o);
+    });
+    return {
+      // Refs
+      calendarRef: n,
+      // Values
+      baseDate: a,
+      calendarComponent: r,
+      conditionalClasses: s,
+      internalValue: u,
+      // Methods
+      calculateOffsetMonth: m,
+      calculateOffsetYear: y,
+      calendarPosition: w,
+      // Events
+      onDateInput: i,
+      onMouseOver: d,
+      calculateNextMonths: (o = 1) => {
+        a.value = oe(a.value, o);
+      },
+      calculatePreviousMonths: (o = 1) => {
+        a.value = ye(a.value, o);
+      }
+    };
+  }
+});
+function Pn(e, t, n, a, r, s) {
+  return T(), L("div", {
+    class: Ce(["b-calendar", e.conditionalClasses])
+  }, [
+    (T(!0), L(ne, null, ae(e.numberOfMonths, (u, i) => (T(), se(bt(e.calendarComponent), {
+      ref_for: !0,
+      ref: e.numberOfMonths === 1 ? "calendarRef" : null,
+      key: `calendar-${i}`,
+      "first-day-of-week": e.firstDayOfWeek,
+      "is-date-disabled": e.isDateDisabled,
+      month: e.calculateOffsetMonth(i),
+      year: e.calculateOffsetYear(i),
+      position: e.calendarPosition(i),
+      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 qn = /* @__PURE__ */ be(Yn, [["render", Pn], ["__scopeId", "data-v-0efc3efc"]]);
+export {
+  re as C,
+  Fe as a,
+  qn as b,
+  Z as c,
+  fe as d,
+  ue as e,
+  Qe as f,
+  oe as g,
+  K as h,
+  Oe as i,
+  ge as j,
+  Ee as k,
+  Ae as l,
+  ye as m,
+  Ye as n,
+  _e as o,
+  Ne as s,
+  Sn as u
+};
+//# sourceMappingURL=calendar.Tm7Cvpwu.js.map