@adyen/bento-vue3 1.96.1 → 1.97.0

package/dist/chunks/calendar.6NKd6IMo.js

@@ -0,0 +1,1272 @@
+import { defineComponent as ue, provide as Ge, computed as O, openBlock as _, createBlock as H, unref as M, resolveComponent as vt, createElementBlock as Y, withKeys as te, normalizeClass as Pe, createElementVNode as k, createVNode as C, withCtx as z, createTextVNode as Ye, toDisplayString as Me, ref as J, watch as re, nextTick as yt, toRef as x, withDirectives as Ve, mergeProps as ze, toHandlers as Je, createCommentVNode as ne, Fragment as X, renderList as Z, reactive as Xe, resolveDynamicComponent as ht } from "vue";
+import { B as Ie } from "./button.DWF7FSIw.js";
+import { B as Fe } from "./typography.B3J6_tYk.js";
+import { u as we } from "./index.B875RXHM.js";
+import { g as Ze } from "./generate-uid.DBWe4g6T.js";
+import { a as et } from "./keyboard-navigation.DWmhelVv.js";
+import { c as gt } from "./index.oOAkh64h.js";
+import { t as w, c as se, n as fe, k as Ue, w as pt, g as tt } from "./en-US.BR6y7foR.js";
+import { d as je, a as Ne, b as Mt } from "./differenceInMonths.yz4Dfe-b.js";
+import { s as Ee } from "./startOfWeek.muMEhS7U.js";
+import { C as nt, a as at } from "./chevron-left.C_vPW7OR.js";
+import { h as Nt, i as Et, B as bt } from "./dropdown.C97ShfXZ.js";
+import { _ as De } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { B as St, a as _t } from "./date.R2Wz6o7J.js";
+import "../assets/calendar.css";
+var oe = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(oe || {}), ae = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(ae || {}), K = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(K || {}), Re = /* @__PURE__ */ ((e) => (e.DAY = "day", e.MONTH = "month", e))(Re || {});
+function le(e, t, n) {
+  const a = w(e, n?.in);
+  return isNaN(t) ? se(n?.in || e, NaN) : (t && a.setDate(a.getDate() + t), a);
+}
+function q(e, t, n) {
+  const a = w(e, n?.in);
+  if (isNaN(t)) return se(n?.in || e, NaN);
+  if (!t)
+    return a;
+  const r = a.getDate(), s = se(n?.in || e, a.getTime());
+  s.setMonth(a.getMonth() + t + 1, 0);
+  const i = s.getDate();
+  return r >= i ? s : (a.setFullYear(
+    s.getFullYear(),
+    s.getMonth(),
+    r
+  ), a);
+}
+function ee(e, t) {
+  const n = w(e, t?.in);
+  return n.setHours(0, 0, 0, 0), n;
+}
+function It(e, t, n) {
+  const [a, r] = fe(
+    n?.in,
+    e,
+    t
+  ), s = ee(a), i = ee(r), l = +s - Ue(s), d = +i - Ue(i);
+  return Math.round((l - d) / pt);
+}
+function rt(e, t, n) {
+  return q(e, t * 3, n);
+}
+function ot(e, t, n) {
+  return le(e, t * 7, n);
+}
+function xe(e, t, n) {
+  return q(e, t * 12, n);
+}
+function ge(e, t, n) {
+  const [a, r] = fe(
+    n?.in,
+    e,
+    t
+  );
+  return +ee(a) == +ee(r);
+}
+function We(e, t) {
+  const n = w(e, t?.in);
+  return Math.trunc(n.getMonth() / 3) + 1;
+}
+function Ot(e, t, n) {
+  const [a, r] = fe(
+    n?.in,
+    e,
+    t
+  ), s = a.getFullYear() - r.getFullYear(), i = We(a) - We(r);
+  return s * 4 + i;
+}
+function st(e, t, n) {
+  const [a, r] = fe(
+    n?.in,
+    e,
+    t
+  ), s = He(a, r), i = Math.abs(
+    It(a, r)
+  );
+  a.setDate(a.getDate() - s * i);
+  const l = +(He(a, r) === -s), d = s * (i - l);
+  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 be(e, t) {
+  const n = w(e, t?.in), a = n.getMonth(), r = a - a % 3;
+  return n.setMonth(r, 1), n.setHours(0, 0, 0, 0), n;
+}
+function ce(e, t) {
+  const n = w(e, t?.in);
+  return n.setDate(1), n.setHours(0, 0, 0, 0), n;
+}
+function Ke(e, t) {
+  const n = w(e, t?.in);
+  return n.setFullYear(n.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
+}
+function Se(e, t) {
+  const n = tt(), a = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, r = w(e, t?.in), s = r.getDay(), i = (s < a ? -7 : 0) + 6 - (s - a);
+  return r.setDate(r.getDate() + i), r.setHours(23, 59, 59, 999), r;
+}
+function _e(e, t) {
+  const n = w(e, t?.in), a = n.getMonth(), r = a - a % 3 + 3;
+  return n.setMonth(r, 0), n.setHours(23, 59, 59, 999), n;
+}
+function wt(e, t) {
+  const n = w(e, t?.in), a = n.getFullYear(), r = n.getMonth(), s = se(n, 0);
+  return s.setFullYear(a, r + 1, 0), s.setHours(0, 0, 0, 0), s.getDate();
+}
+function Tt(e, t) {
+  return +w(e) > +w(t);
+}
+function kt(e, t) {
+  return +w(e) < +w(t);
+}
+function Yt(e, t, n) {
+  const a = tt(), r = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? a.weekStartsOn ?? a.locale?.options?.weekStartsOn ?? 0, s = w(e, n?.in), i = s.getDay(), d = (t % 7 + 7) % 7, y = 7 - r, f = t < 0 || t > 6 ? t - (i + y) % 7 : (d + y) % 7 - (i + y) % 7;
+  return le(s, f, n);
+}
+function pe(e, t, n) {
+  const [a, r] = fe(
+    n?.in,
+    e,
+    t
+  );
+  return a.getFullYear() === r.getFullYear() && a.getMonth() === r.getMonth();
+}
+function Oe(e, t, n) {
+  const a = +w(e, n?.in), [r, s] = [
+    +w(t.start, n?.in),
+    +w(t.end, n?.in)
+  ].sort((i, l) => i - l);
+  return a >= r && a <= s;
+}
+function Le(e, t, n) {
+  return le(e, -t, n);
+}
+function Ft(e, t, n) {
+  const a = w(e, n?.in), r = a.getFullYear(), s = a.getDate(), i = se(e, 0);
+  i.setFullYear(r, t, 15), i.setHours(0, 0, 0, 0);
+  const l = wt(i);
+  return a.setMonth(t, Math.min(s, l)), a;
+}
+function Rt(e, t, n) {
+  let a = w(e, n?.in);
+  return isNaN(+a) ? se(e, NaN) : (t.year != null && a.setFullYear(t.year), t.month != null && (a = Ft(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 de(e, t, n) {
+  return q(e, -t, n);
+}
+function Lt(e, t, n) {
+  return rt(e, -t, n);
+}
+function $t(e, t, n) {
+  return ot(e, -t, n);
+}
+function lt(e, t, n) {
+  return xe(e, -t, n);
+}
+const ut = {
+  "de-DE": { selectYear: "Jahr auswählen" },
+  "en-GB": { selectYear: "Select year" },
+  "en-US": { selectYear: "Select year" },
+  "es-ES": { selectYear: "Seleccionar año" },
+  "es-MX": { selectYear: "Selecciona el año" },
+  "fr-FR": { selectYear: "Sélectionner l'année" },
+  "it-IT": { selectYear: "Seleziona anno" },
+  "ja-JP": { selectYear: "年を選択" },
+  "pt-BR": { selectYear: "Selecionar ano" },
+  "zh-CN": { selectYear: "选择年份" }
+}, At = {
+  i18n: { messages: ut },
+  name: "calendar-year-selector"
+}, it = /* @__PURE__ */ ue({
+  ...At,
+  props: {
+    currentYear: {},
+    yearRange: { default: void 0 },
+    max: { default: void 0 },
+    min: { default: void 0 }
+  },
+  emits: ["update:year"],
+  setup(e, { emit: t }) {
+    const a = e, r = t, { t: s } = we({ messages: ut });
+    Ge(Nt, !0), Ge(Et, !0);
+    const i = O(() => {
+      const d = (/* @__PURE__ */ new Date()).getFullYear();
+      let y = a.yearRange?.minYear ?? d - 100, f = a.yearRange?.maxYear ?? d + 100;
+      a.min && a.min.getFullYear() > y && (y = a.min.getFullYear()), a.max && a.max.getFullYear() < f && (f = a.max.getFullYear());
+      const h = Math.max(0, f - y + 1);
+      return new Array(h).fill(0).map((m, D) => {
+        const o = y + D;
+        return { label: String(o), value: o };
+      });
+    }), l = (d) => {
+      r("update:year", d);
+    };
+    return (d, y) => (_(), H(bt, {
+      items: i.value,
+      "aria-label": M(s)("selectYear"),
+      "model-value": d.currentYear,
+      "onUpdate:modelValue": l
+    }, null, 8, ["items", "aria-label", "model-value"]));
+  }
+});
+var B = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(B || {}), j = /* @__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))(j || {}), ie = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(ie || {});
+const Bt = {
+  /**
+   * 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: B.SINGLE,
+    validator: (e) => Object.values(B).includes(e)
+  }
+}, ke = /* @__PURE__ */ new Map();
+function $e(e, t) {
+  const n = t ? JSON.stringify(Object.entries(t).sort()) : "no-options", a = e?.trim() || "en-US", r = `${a}::${n}`;
+  if (ke.has(r))
+    return ke.get(r);
+  const s = new Intl.DateTimeFormat(a, t);
+  return ke.set(r, s), s;
+}
+const Rn = (e) => {
+  if (!e)
+    return "";
+  const t = (n) => n.toString().padStart(2, "0");
+  return [t(e.getHours()), t(e.getMinutes()), t(e.getSeconds())].join(":");
+}, Ln = (e) => {
+  if (!e || isNaN(e.getTime()))
+    return "";
+  const t = e.getFullYear(), n = (e.getMonth() + 1).toString().padStart(2, "0"), a = e.getDate().toString().padStart(2, "0");
+  return `${t}-${n}-${a}`;
+}, $n = (e) => {
+  if (!e || isNaN(e.getTime()))
+    return "";
+  const t = e.getFullYear(), n = (e.getMonth() + 1).toString().padStart(2, "0");
+  return `${t}-${n}`;
+}, An = (e, t = "date") => {
+  if (!e)
+    return /* @__PURE__ */ new Date(NaN);
+  const [n, a, r] = e.split("-").map(Number);
+  return new Date(n, a - 1, t === "month" ? 1 : r);
+}, Bn = (e) => {
+  if (!e)
+    return /* @__PURE__ */ new Date(NaN);
+  const [t, n] = e.split("-").map(Number);
+  return new Date(t, n - 1, 1);
+}, Pt = ue({
+  name: "calendar-month-day",
+  components: { BentoTypography: Fe },
+  inheritAttrs: !0,
+  props: Bt,
+  emits: [ie.CLICK, ie.MOUSE_OVER],
+  setup(e, { emit: t }) {
+    const { locale: n } = we(void 0), a = O(() => {
+      const l = /* @__PURE__ */ new Date();
+      return e.day.getDate() === l.getDate() && e.day.getMonth() === l.getMonth() && e.day.getFullYear() === l.getFullYear();
+    }), r = O(() => $e(n.value, { day: "numeric" }).formatToParts(e.day).find((f) => f.type === "day")?.value ?? "");
+    return {
+      // Values
+      conditionalClasses: O(() => ({
+        // Variants
+        [`b-calendar-month-day--${j.BEGINNING}`]: e.variant === B.BEGINNING,
+        [`b-calendar-month-day--${j.MIDDLE}`]: e.variant === B.MIDDLE,
+        [`b-calendar-month-day--${j.END}`]: e.variant === B.END,
+        [`b-calendar-month-day--${j.SINGLE}`]: e.variant === B.SINGLE,
+        // Selected
+        [`b-calendar-month-day--${j.UNSELECTED}`]: !e.selected,
+        [`b-calendar-month-day--${j.SELECTED}`]: e.selected,
+        // Current Day
+        [`b-calendar-month-day--${j.CURRENT_DAY}`]: a.value,
+        // Disabled
+        [`b-calendar-month-day--${j.DISABLED}`]: e.disabled
+      })),
+      isCurrentDay: a,
+      formattedDate: r,
+      // Enums
+      CalendarMonthDayEvent: ie,
+      // Events
+      onClick: (l, d) => {
+        e.disabled ? (l.preventDefault(), l.stopPropagation()) : t(ie.CLICK, d, e.day);
+      }
+    };
+  }
+}), xt = ["tabindex", "aria-selected", "aria-disabled", "aria-current", "data-date"], Ct = { class: "b-calendar-month-day__wrapper" };
+function Gt(e, t, n, a, r, s) {
+  const i = vt("bento-typography");
+  return _(), Y("td", {
+    class: Pe(["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] = (l) => e.onClick(l, e.day)),
+    onMouseover: t[1] || (t[1] = (l) => e.$emit(e.CalendarMonthDayEvent.MOUSE_OVER)),
+    onKeydown: t[2] || (t[2] = te((l) => e.onClick(l, e.day), ["space", "enter"]))
+  }, [
+    k("div", Ct, [
+      C(i, {
+        class: "b-calendar-month-day__label",
+        el: "span",
+        variant: "body",
+        strong: ""
+      }, {
+        default: z(() => [
+          Ye(Me(e.formattedDate), 1)
+        ]),
+        _: 1
+      })
+    ])
+  ], 42, xt);
+}
+const Ut = /* @__PURE__ */ De(Pt, [["render", Gt], ["__scopeId", "data-v-e6d7eb12"]]), ct = ({ currentSelectedDate: e, month: t, isDateDisabled: n, firstDayOfWeek: a }, r) => {
+  const s = J(new Date(t.value));
+  re(
+    t,
+    () => {
+      s.value = t.value;
+    },
+    { immediate: !0 }
+  );
+  const i = J(new Date(e.value));
+  re(e, () => {
+    i.value = new Date(e.value);
+  });
+  const l = gt(), d = J(i.value);
+  re(l, (u) => {
+    const E = u.getAttribute("data-date");
+    d.value = E ? new Date(E) : i.value;
+  });
+  const y = J({}), f = (u) => (E) => {
+    y.value[u.toDateString()] = E;
+  }, h = () => {
+    y.value = {};
+  }, m = (u = 1) => {
+    s.value = q(s.value, u), r("nextMonth", u), h();
+  }, D = (u = 1) => {
+    s.value = de(s.value, u), r("previousMonth", u), h();
+  }, o = (u, E) => {
+    const I = !!y.value[u?.toDateString()];
+    return !u || !I ? null : E ? y.value[u.toDateString()].$el : (y.value[u.toDateString()].$el.focus(), null);
+  }, c = (u) => {
+    u && (u.preventDefault(), u.stopImmediatePropagation(), u.stopPropagation());
+  }, b = ({ nextDate: u, isIncreasingDays: E, amountOfMonths: I, isCalendarButtonsNav: V }) => {
+    if (!V && n && n(u))
+      return;
+    u.getMonth() === i.value.getMonth() && u.getFullYear() === i.value.getFullYear() ? (i.value = u, o(u)) : (E ? m(I) : D(I), yt(() => {
+      const Te = u.getMonth() === s.value.getMonth() && u.getFullYear() === s.value.getFullYear();
+      n && n(u) || !Te || V || (i.value = u, o(u));
+    }));
+  };
+  return {
+    // Calendar days ref
+    calendarRef: y,
+    addDayRef: f,
+    /**
+     *  Month navigation
+     */
+    showNextMonth: m,
+    showPreviousMonth: D,
+    /**
+     * Focus method
+     */
+    focusOnDate: o,
+    /**
+     *  Day navigation
+     */
+    // ArrowRight
+    moveToNextDay: (u) => {
+      c(u), b({ nextDate: le(d.value, 1), isIncreasingDays: !0 });
+    },
+    // ArrowLeft
+    moveToPreviousDay: (u) => {
+      c(u), b({ nextDate: Le(d.value, 1), isIncreasingDays: !1 });
+    },
+    // ArrowUp
+    moveToPreviousWeek: (u) => {
+      c(u), b({ nextDate: Le(d.value, 7), isIncreasingDays: !1 });
+    },
+    // ArrowDown
+    moveToNextWeek: (u) => {
+      c(u), b({ nextDate: le(d.value, 7), isIncreasingDays: !0 });
+    },
+    // Home
+    moveToFirstDayOfWeek: (u) => {
+      c(u), b({
+        nextDate: Ee(d.value, { weekStartsOn: a }),
+        isIncreasingDays: !1
+      });
+    },
+    moveToFirstMonthOfYear: (u) => {
+      c(u);
+      const E = je(i.value, Ke(i.value));
+      b({
+        nextDate: Ke(i.value),
+        isIncreasingDays: !1,
+        amountOfMonths: E
+      });
+    },
+    // End
+    moveToLastDayOfWeek: (u) => {
+      c(u), b({
+        nextDate: Se(d.value, { weekStartsOn: a }),
+        isIncreasingDays: !0
+      });
+    },
+    moveToLastMonthOfYear: (u) => {
+      c(u);
+      const E = Rt(i.value, { month: 11, date: 1 }), I = je(E, i.value);
+      b({
+        nextDate: E,
+        isIncreasingDays: !0,
+        amountOfMonths: I
+      });
+    },
+    // PageUp
+    moveToPreviousMonth: (u, E = !1, I = 1) => {
+      c(u), b({
+        nextDate: de(d.value, I),
+        isIncreasingDays: !1,
+        amountOfMonths: I,
+        isCalendarButtonsNav: E
+      });
+    },
+    // Shift+PageUp
+    moveToPreviousYear: (u, E = !1, I = 1) => {
+      c(u), b({
+        nextDate: lt(d.value, I),
+        isIncreasingDays: !1,
+        amountOfMonths: I * 12,
+        isCalendarButtonsNav: E
+      });
+    },
+    // PageDown
+    moveToNextMonth: (u, E = !1, I = 1) => {
+      c(u);
+      const V = I;
+      b({
+        nextDate: q(d.value, V),
+        isIncreasingDays: !0,
+        amountOfMonths: V,
+        isCalendarButtonsNav: E
+      });
+    },
+    // Shift-PageDown
+    moveToNextYear: (u, E = !1, I = 1) => {
+      c(u), b({
+        nextDate: xe(d.value, I),
+        isIncreasingDays: !0,
+        amountOfMonths: I * 12,
+        isCalendarButtonsNav: E
+      });
+    },
+    // Values
+    internalDate: i,
+    baseDate: s
+  };
+}, dt = {
+  "de-DE": { nextMonth: "Nächster Monat", previousMonth: "Voriger Monat" },
+  "en-GB": { nextMonth: "Next month", previousMonth: "Previous month" },
+  "en-US": { nextMonth: "Next month", previousMonth: "Previous month" },
+  "es-ES": { nextMonth: "Mes siguiente", previousMonth: "Mes anterior" },
+  "es-MX": { nextMonth: "El próximo mes", previousMonth: "Mes anterior" },
+  "fr-FR": { nextMonth: "Mois suivant", previousMonth: "Mois précédent" },
+  "it-IT": { nextMonth: "Mese prossimo", previousMonth: "Mese precedente" },
+  "ja-JP": { nextMonth: "翌月", previousMonth: "前月" },
+  "pt-BR": { nextMonth: "Próximo mês", previousMonth: "Mês anterior" },
+  "zh-CN": { nextMonth: "下个月", previousMonth: "上个月" }
+}, jt = { class: "b-calendar-month__month-selector" }, Wt = { class: "b-calendar-month__previous" }, Ht = { class: "b-calendar-month__month-year-container" }, Kt = { class: "b-calendar-month__visually-hidden" }, qt = { class: "b-calendar-month__next" }, Qt = ["aria-labelledby"], Vt = { class: "b-calendar-month__week-header" }, zt = ["colspan"], Jt = {
+  i18n: { messages: dt },
+  name: "calendar-month"
+}, Xt = /* @__PURE__ */ ue({
+  ...Jt,
+  props: {
+    endDate: { default: null },
+    firstDayOfWeek: { default: oe.MONDAY },
+    isDateDisabled: { type: Function, default: void 0 },
+    isRange: { type: Boolean, default: !1 },
+    max: { default: null },
+    min: { default: null },
+    month: {},
+    position: { default: "unique" },
+    startDate: { default: void 0 },
+    yearRange: { default: void 0 }
+  },
+  emits: ["input", "changeDay", "nextMonth", "previousMonth", "mouseover"],
+  setup(e, { expose: t, emit: n }) {
+    const a = n, r = e, { locale: s, t: i } = we({ messages: dt }), l = Ze("bento-date-picker-month-label"), d = O(
+      () => (p) => r.min && p < r.min || r.max && p > r.max || r.isDateDisabled?.(p)
+    ), {
+      internalDate: y,
+      baseDate: f,
+      // Calendar refs
+      addDayRef: h,
+      // Day navigation
+      moveToNextDay: m,
+      moveToPreviousDay: D,
+      moveToPreviousWeek: o,
+      moveToNextWeek: c,
+      moveToFirstDayOfWeek: b,
+      moveToLastDayOfWeek: $,
+      moveToPreviousMonth: g,
+      moveToPreviousYear: v,
+      moveToNextMonth: S,
+      moveToNextYear: L,
+      focusOnDate: me,
+      showNextMonth: ve,
+      showPreviousMonth: ye
+    } = ct(
+      {
+        currentSelectedDate: x(r, "startDate"),
+        month: x(r, "month"),
+        isDateDisabled: d.value,
+        firstDayOfWeek: r.firstDayOfWeek
+      },
+      a
+    ), N = O(
+      () => Object.values(oe).includes(r.firstDayOfWeek) ? r.firstDayOfWeek : oe.MONDAY
+    ), A = O(() => ["first", "unique"].includes(r.position)), F = O(() => ["last", "unique"].includes(r.position)), Q = O(
+      () => $e(s.value, { month: "long" }).format(f.value)
+    ), u = (p) => {
+      const R = f.value.getFullYear(), U = (p - R) * 12;
+      U > 0 ? ve(U) : U < 0 && ye(Math.abs(U));
+    }, E = O(
+      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((p, R) => {
+        const T = Yt(p, N.value + R);
+        return $e(s.value, { weekday: "short" }).format(T);
+      })
+    ), I = O(() => {
+      const p = [], R = ce(r.month);
+      let T = p[p.push([]) - 1];
+      for (; R.getMonth() === r.month.getMonth(); )
+        R.getDay() - N.value === 0 && T.length > 0 && (T = p[p.push([]) - 1]), T.push(ee(R)), R.setDate(R.getDate() + 1);
+      return p;
+    }), V = (p) => {
+      a("input", p);
+    }, Ce = (p) => {
+      if (!r.isRange || ge(r.startDate, r.endDate))
+        return B.SINGLE;
+      if (r.startDate && ge(r.startDate, p))
+        return B.BEGINNING;
+      if (r.endDate && ge(r.endDate, p))
+        return B.END;
+      if (r.startDate && r.endDate && Oe(p, { start: r.startDate, end: r.endDate }))
+        return B.MIDDLE;
+    }, Te = (p) => y.value && ge(y.value, p) && !r.endDate ? !0 : r.startDate && r.endDate && Oe(p, { start: r.startDate, end: r.endDate }), Dt = {
+      "keydown:arrow-right": m,
+      "keydown:arrow-left": D,
+      "keydown:arrow-up": o,
+      "keydown:arrow-down": c,
+      "keydown:home": b,
+      "keydown:end": $,
+      "keydown:page-up": g,
+      "keydown:shift-page-up": v,
+      "keydown:page-down": S,
+      "keydown:shift-page-down": L
+    };
+    return t({
+      focusOnDate: me
+    }), (p, R) => Ve((_(), Y("div", ze({ class: "b-calendar-month" }, Je(Dt, !0)), [
+      k("div", jt, [
+        k("div", Wt, [
+          A.value ? (_(), H(Ie, {
+            key: 0,
+            variant: "tertiary",
+            onClick: R[0] || (R[0] = (T) => M(g)(T, !0))
+          }, {
+            iconLeft: z(() => [
+              C(M(nt), {
+                "svg-title": M(i)("previousMonth")
+              }, null, 8, ["svg-title"])
+            ]),
+            _: 1
+          })) : ne("", !0)
+        ]),
+        k("div", Ht, [
+          C(M(Fe), {
+            id: M(l),
+            el: "h2",
+            variant: "title",
+            "aria-live": "polite"
+          }, {
+            default: z(() => [
+              Ye(Me(Q.value) + " ", 1),
+              k("span", Kt, Me(M(f).getFullYear()), 1)
+            ]),
+            _: 1
+          }, 8, ["id"]),
+          C(M(it), {
+            "current-year": M(f).getFullYear(),
+            "year-range": p.yearRange,
+            min: p.min,
+            max: p.max,
+            "onUpdate:year": u
+          }, null, 8, ["current-year", "year-range", "min", "max"])
+        ]),
+        k("div", qt, [
+          F.value ? (_(), H(Ie, {
+            key: 0,
+            variant: "tertiary",
+            onClick: R[1] || (R[1] = (T) => M(S)(T, !0))
+          }, {
+            iconLeft: z(() => [
+              C(M(at), {
+                "svg-title": M(i)("nextMonth")
+              }, null, 8, ["svg-title"])
+            ]),
+            _: 1
+          })) : ne("", !0)
+        ])
+      ]),
+      k("table", {
+        class: "b-calendar-month__month-container",
+        role: "grid",
+        "aria-labelledby": M(l)
+      }, [
+        k("thead", null, [
+          k("tr", Vt, [
+            (_(!0), Y(X, null, Z(E.value, (T, U) => (_(), Y("th", {
+              key: U,
+              class: "b-calendar-month__day-of-week",
+              scope: "col"
+            }, [
+              C(M(Fe), {
+                class: "b-calendar-month__day-of-week-font",
+                el: "span",
+                variant: "caption"
+              }, {
+                default: z(() => [
+                  Ye(Me(T), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ]))), 128))
+          ])
+        ]),
+        k("tbody", null, [
+          (_(!0), Y(X, null, Z(I.value, (T, U) => (_(), Y("tr", { key: U }, [
+            U === 0 && T.length < 7 ? (_(), Y("td", {
+              key: 0,
+              colspan: 7 - T.length
+            }, null, 8, zt)) : ne("", !0),
+            (_(!0), Y(X, null, Z(T, (P, mt) => (_(), H(M(Ut), {
+              ref_for: !0,
+              ref: M(h)(P),
+              key: `calendar-day-${mt}`,
+              day: P,
+              disabled: d.value(P),
+              selected: Te(P),
+              variant: Ce(P),
+              onClick: V,
+              onMouseover: (he) => p.$emit("mouseover", P),
+              onKeyup: [
+                te((he) => p.$emit("changeDay", P), ["up", "native"]),
+                te((he) => p.$emit("changeDay", P), ["down", "native"]),
+                te((he) => p.$emit("changeDay", P), ["left", "native"]),
+                te((he) => p.$emit("changeDay", P), ["right", "native"])
+              ]
+            }, null, 8, ["day", "disabled", "selected", "variant", "onMouseover", "onKeyup"]))), 128))
+          ]))), 128)),
+          I.value?.length < 6 ? (_(!0), Y(X, { key: 0 }, Z(6 - I.value?.length, (T) => (_(), Y("tr", {
+            key: `calendar month filler row ${T}`
+          }, R[2] || (R[2] = [
+            k("td", {
+              "aria-hidden": "true",
+              class: "b-calendar-month__empty-cell-filler",
+              colspan: 7
+            }, null, -1)
+          ])))), 128)) : ne("", !0)
+        ])
+      ], 8, Qt)
+    ], 16)), [
+      [M(et)]
+    ]);
+  }
+}), qe = /* @__PURE__ */ De(Xt, [["__scopeId", "data-v-26305dd8"]]);
+var G = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(G || {}), W = /* @__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))(W || {}), Ae = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(Ae || {});
+const Zt = ["tabindex", "aria-selected"], en = { class: "b-calendar-year-month__wrapper" }, tn = {}, nn = /* @__PURE__ */ ue({
+  ...tn,
+  __name: "calendar-year-month",
+  props: {
+    month: {},
+    disabled: { type: Boolean, default: !1 },
+    selected: { type: Boolean, default: !1 },
+    variant: { default: G.SINGLE }
+  },
+  emits: ["click", "mouseover"],
+  setup(e, { emit: t }) {
+    const n = e, a = t, r = O(() => {
+      const l = /* @__PURE__ */ new Date();
+      return n.month.getMonth() === l.getMonth() && n.month.getFullYear() === l.getFullYear();
+    }), s = O(() => ({
+      // Variants
+      [`b-calendar-year-month--${W.BEGINNING}`]: n.variant === G.BEGINNING,
+      [`b-calendar-year-month--${W.MIDDLE}`]: n.variant === G.MIDDLE,
+      [`b-calendar-year-month--${W.END}`]: n.variant === G.END,
+      [`b-calendar-year-month--${W.SINGLE}`]: n.variant === G.SINGLE,
+      // Selected
+      [`b-calendar-year-month--${W.UNSELECTED}`]: !n.selected,
+      [`b-calendar-year-month--${W.SELECTED}`]: n.selected,
+      // Current month
+      [`b-calendar-year-month--${W.CURRENT_MONTH}`]: r.value,
+      // Disabled
+      [`b-calendar-year-month--${W.DISABLED}`]: n.disabled
+    })), i = (l, d) => {
+      n.disabled ? (l.preventDefault(), l.stopPropagation()) : a(Ae.CLICK, d, n.month);
+    };
+    return (l, d) => (_(), Y("td", {
+      class: Pe(["b-calendar-year-month", s.value]),
+      tabindex: l.selected ? "0" : "-1",
+      "aria-selected": l.selected ? l.selected : void 0,
+      onClick: d[0] || (d[0] = (y) => i(y, l.month)),
+      onMouseover: d[1] || (d[1] = (y) => a(M(Ae).MOUSE_OVER)),
+      onKeydown: d[2] || (d[2] = te((y) => i(y, l.month), ["space", "enter"]))
+    }, [
+      k("div", en, [
+        C(M(St), {
+          class: "b-calendar-year-month__label",
+          date: l.month,
+          format: M(_t).SHORT_MONTH
+        }, null, 8, ["date", "format"])
+      ])
+    ], 42, Zt));
+  }
+}), an = /* @__PURE__ */ De(nn, [["__scopeId", "data-v-ad9a13f2"]]), ft = {
+  "de-DE": { nextYear: "Nächstes Jahr", previousYear: "Vorjahr" },
+  "en-GB": { nextYear: "Next year", previousYear: "Previous year" },
+  "en-US": { nextYear: "Next year", previousYear: "Previous year" },
+  "es-ES": { nextYear: "Año siguiente", previousYear: "Año anterior" },
+  "es-MX": { nextYear: "Año siguiente", previousYear: "Año anterior" },
+  "fr-FR": { nextYear: "Année suivante", previousYear: "Année précédente" },
+  "it-IT": { nextYear: "Il prossimo anno", previousYear: "Anno precedente" },
+  "ja-JP": { nextYear: "来年", previousYear: "前年" },
+  "pt-BR": { nextYear: "No próximo ano", previousYear: "Ano anterior" },
+  "zh-CN": { nextYear: "明年", previousYear: "上年度" }
+}, rn = { class: "b-calendar-year__year-selector" }, on = { class: "b-calendar-year__previous" }, sn = { class: "b-calendar-year__year-label-container" }, ln = { class: "b-calendar-year__next" }, un = ["aria-labelledby"], cn = {
+  i18n: { messages: ft }
+}, dn = /* @__PURE__ */ ue({
+  ...cn,
+  __name: "calendar-year",
+  props: {
+    endDate: { default: null },
+    isDateDisabled: { type: Function, default: void 0 },
+    isRange: { type: Boolean, default: !1 },
+    min: { default: null },
+    max: { default: null },
+    yearRange: { default: void 0 },
+    position: { default: ae.UNIQUE },
+    startDate: { default: null },
+    year: {}
+  },
+  emits: ["input", "changeDay", "nextMonth", "previousMonth", "mouseover"],
+  setup(e, { expose: t, emit: n }) {
+    const a = Ze("bento-date-picker-year-label"), r = e, s = n, { t: i } = we({ messages: ft }), l = (N) => r.min && N < r.min || r.max && N > r.max || r.isDateDisabled?.(N), d = O(
+      () => ["first", "unique"].includes(r.position)
+    ), y = O(
+      () => ["last", "unique"].includes(r.position)
+    ), {
+      internalDate: f,
+      // Calendar refs
+      addDayRef: h,
+      // Day navigation
+      moveToPreviousMonth: m,
+      moveToPreviousYear: D,
+      moveToNextMonth: o,
+      moveToNextYear: c,
+      moveToFirstMonthOfYear: b,
+      moveToLastMonthOfYear: $,
+      focusOnDate: g
+    } = ct(
+      {
+        currentSelectedDate: x(r, "startDate"),
+        month: x(r, "year"),
+        isDateDisabled: l
+      },
+      s
+    ), v = (N) => {
+      const A = r.year.getFullYear(), F = N - A;
+      F > 0 ? c(null, !0, F) : F < 0 && D(null, !0, Math.abs(F));
+    }, S = O(() => {
+      const N = [];
+      let A = 0;
+      for (let F = 0; F < 3; F++) {
+        const Q = [];
+        for (let u = 0; u < 4; u++)
+          Q.push(new Date(r.year.getFullYear(), A++, 1));
+        N.push(Q);
+      }
+      return N;
+    }), L = (N) => !r.isRange || pe(r.startDate, r.endDate) ? G.SINGLE : r.startDate && pe(r.startDate, N) ? G.BEGINNING : r.endDate && pe(r.endDate, N) ? G.END : r.startDate && r.endDate && Oe(N, { start: r.startDate, end: r.endDate }) ? G.MIDDLE : null, me = (N) => f.value && pe(f.value, N) ? !0 : r.startDate && r.endDate && Oe(N, { start: r.startDate, end: r.endDate }), ve = (N) => {
+      s("input", N);
+    }, ye = r.isRange ? {} : {
+      "keydown:arrow-right": o,
+      "keydown:arrow-left": m,
+      "keydown:arrow-up": (N) => m(N, !1, 4),
+      "keydown:arrow-down": (N) => o(N, !1, 4),
+      "keydown:home": b,
+      "keydown:end": $,
+      "keydown:page-up": D,
+      "keydown:page-down": c
+    };
+    return t({ focusOnDate: g }), (N, A) => Ve((_(), Y("div", ze({ class: "b-calendar-year" }, Je(M(ye), !0)), [
+      k("div", rn, [
+        k("div", on, [
+          d.value ? (_(), H(Ie, {
+            key: 0,
+            variant: "tertiary",
+            onClick: A[0] || (A[0] = (F) => M(D)(F, !0, 1))
+          }, {
+            iconLeft: z(() => [
+              C(M(nt), {
+                "svg-title": M(i)("previousYear")
+              }, null, 8, ["svg-title"])
+            ]),
+            _: 1
+          })) : ne("", !0)
+        ]),
+        k("div", sn, [
+          C(M(it), {
+            "current-year": N.year.getFullYear(),
+            "year-range": N.yearRange,
+            min: N.min,
+            max: N.max,
+            "onUpdate:year": v
+          }, null, 8, ["current-year", "year-range", "min", "max"])
+        ]),
+        k("div", ln, [
+          y.value ? (_(), H(Ie, {
+            key: 0,
+            variant: "tertiary",
+            onClick: A[1] || (A[1] = (F) => M(c)(F, !0))
+          }, {
+            iconLeft: z(() => [
+              C(M(at), {
+                "svg-title": M(i)("nextYear")
+              }, null, 8, ["svg-title"])
+            ]),
+            _: 1
+          })) : ne("", !0)
+        ])
+      ]),
+      k("table", {
+        class: "b-calendar-year__year-container",
+        role: "grid",
+        "aria-labelledby": M(a)
+      }, [
+        k("tbody", null, [
+          (_(!0), Y(X, null, Z(S.value, (F, Q) => (_(), Y("tr", { key: Q }, [
+            (_(!0), Y(X, null, Z(F, (u, E) => (_(), H(an, {
+              ref_for: !0,
+              ref: M(h)(u),
+              key: `calendar-month-${E}`,
+              month: u,
+              disabled: l(u),
+              selected: me(u),
+              variant: L(u),
+              onClick: ve,
+              onMouseover: (I) => s("mouseover", u)
+            }, null, 8, ["month", "disabled", "selected", "variant", "onMouseover"]))), 128))
+          ]))), 128))
+        ])
+      ], 8, un)
+    ], 16)), [
+      [M(et)]
+    ]);
+  }
+}), Qe = /* @__PURE__ */ De(dn, [["__scopeId", "data-v-8b3aab4e"]]), fn = ({ selectedDate: e }, t) => {
+  const n = Xe({
+    startDate: null,
+    endDate: null
+  });
+  return re(
+    () => e.value,
+    () => {
+      n.startDate = e.value, n.endDate = void 0;
+    },
+    { immediate: !0 }
+  ), {
+    internalValue: n,
+    onDateInput: (r) => {
+      t(K.INPUT, r);
+    },
+    // Empty function to prevent the listeners from throwing a warning
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onMouseOver: () => {
+    }
+  };
+}, Dn = (e) => {
+  const t = (f, h, m, D) => {
+    let o = Ee(f, { weekStartsOn: e }), c = Se(h || f, { weekStartsOn: e });
+    const b = m && o < m, $ = D && c > D;
+    return b && (o = Ee(m, { weekStartsOn: e })), $ && (c = Se(D, { weekStartsOn: e })), o > c && (b ? c = Se(o, { weekStartsOn: e }) : o = Ee(c, { weekStartsOn: e })), { startDate: o, endDate: c };
+  }, n = (f, h, m, D) => {
+    let o = ce(f), c = Ne(h || f);
+    const b = m && o < m, $ = D && c > D;
+    return b && (o = ce(m)), $ && (c = Ne(D)), o > c && (b ? c = Ne(o) : o = ce(c)), { startDate: o, endDate: c };
+  }, a = (f, h, m, D) => {
+    let o = be(f), c = _e(h || f);
+    const b = m instanceof Date && o < m, $ = D instanceof Date && c > D;
+    return b && (o = be(m)), $ && (c = _e(D)), o > c && (b ? c = _e(o) : o = be(c)), { startDate: o, endDate: c };
+  };
+  return {
+    adjustDateForWeekly: t,
+    adjustDateForMonthly: n,
+    adjustDateForQuarterly: a,
+    adjustStartDateInputForWeekly: (f, h, m, D) => {
+      const { startDate: o } = t(new Date(f), null, m, D);
+      return h(o);
+    },
+    adjustEndDateInputForWeekly: (f, h, m, D) => {
+      const { endDate: o } = t(new Date(f), null, m, D);
+      return h(o);
+    },
+    adjustStartDateInputForMonthly: (f, h, m, D) => {
+      const { startDate: o } = n(new Date(f), null, m, D);
+      return h(o);
+    },
+    adjustEndDateInputForMonthly: (f, h, m, D) => {
+      const { endDate: o } = n(new Date(f), null, m, D);
+      return h(o);
+    },
+    adjustStartDateInputForQuarterly: (f, h, m, D) => {
+      const { startDate: o } = a(new Date(f), null, m, D);
+      return h(o);
+    },
+    adjustEndDateInputForQuarterly: (f, h, m, D) => {
+      const { endDate: o } = a(new Date(f), null, m, D);
+      return h(o);
+    }
+  };
+}, Be = {
+  getCount: (e, t) => st(e, t),
+  sub: Le,
+  add: le
+}, mn = {
+  daily: Be,
+  weekly: {
+    getCount: (e, t) => Math.round((st(e, t) + 1) / 7),
+    sub: $t,
+    add: ot
+  },
+  monthly: {
+    getCount: (e, t) => Mt(e, t) + 1,
+    sub: de,
+    add: q,
+    snapStart: ce,
+    snapEnd: Ne
+  },
+  quarterly: {
+    getCount: (e, t) => Ot(e, t) + 1,
+    sub: Lt,
+    add: rt,
+    snapStart: be,
+    snapEnd: _e
+  }
+}, vn = (e, t, n, a, r) => {
+  const s = a?.maxRange || r;
+  if (!s)
+    return null;
+  const l = (a?.type ? mn[a.type] : Be) || Be, d = l.getCount(t, e);
+  if (d > s) {
+    const y = d - s, f = l.snapEnd ? l.snapEnd(l.sub(t, y)) : l.sub(t, y), h = l.snapStart ? l.snapStart(l.add(e, y)) : l.add(e, y);
+    return n < 1 ? { startDate: e, endDate: f } : { startDate: h, endDate: t };
+  }
+  return null;
+}, yn = ({ selectedDate: e, isDateDisabled: t, maxRange: n, granularity: a, firstDayOfWeek: r, min: s, max: i }, l) => {
+  const { adjustDateForWeekly: f, adjustDateForMonthly: h, adjustDateForQuarterly: m } = Dn(r), D = Xe({
+    startDate: null,
+    endDate: null
+  }), o = J(null);
+  re(
+    () => e.value,
+    () => {
+      let { startDate: g = null, endDate: v = null } = e.value || {};
+      g && (g = ee(g)), v && (v = ee(v)), !(g && t && t(g) || v && t && t(v) || g && v && Tt(g, v)) && (D.startDate = g, D.endDate = v);
+    },
+    { immediate: !0, deep: !0 }
+  );
+  const c = (g, v, S) => {
+    D.startDate = g, D.endDate = v;
+    const L = vn(g, v, S, a.value, n.value);
+    L && (D.startDate = L.startDate, D.endDate = L.endDate), l(K.START_DATE_SELECTED, D.startDate), l(K.END_DATE_SELECTED, D.endDate);
+  }, b = (g) => {
+    if (!(!o.value || t && t(g)))
+      if (kt(g, o.value)) {
+        if (a?.value?.type === "weekly") {
+          const { startDate: v, endDate: S } = f(g, o.value, s.value, i.value);
+          c(v, S, -1);
+          return;
+        }
+        if (a?.value?.type === "monthly") {
+          const { startDate: v, endDate: S } = h(g, o.value, s.value, i.value);
+          c(v, S, -1);
+          return;
+        }
+        if (a?.value?.type === "quarterly") {
+          const { startDate: v, endDate: S } = m(g, o.value, s.value, i.value);
+          c(v, S, -1);
+          return;
+        }
+        c(g, o.value, -1);
+      } else {
+        if (a?.value?.type === "weekly") {
+          const { startDate: v, endDate: S } = f(o.value, g, s.value, i.value);
+          c(v, S, 1);
+          return;
+        }
+        if (a?.value?.type === "monthly") {
+          const { startDate: v, endDate: S } = h(o.value, g, s.value, i.value);
+          c(v, S, 1);
+          return;
+        }
+        if (a?.value?.type === "quarterly") {
+          const { startDate: v, endDate: S } = m(o.value, g, s.value, i.value);
+          c(v, S, 1);
+          return;
+        }
+        c(o.value, g, 1);
+      }
+  };
+  return {
+    internalValue: D,
+    onDateInput: (g) => {
+      if (o.value)
+        o.value = null, l(K.INPUT, D);
+      else {
+        let v = g;
+        if (a?.value?.type === "weekly") {
+          const { startDate: S, endDate: L } = f(g);
+          v = S, c(v, L);
+        }
+        if (a?.value?.type === "monthly") {
+          const { startDate: S, endDate: L } = h(g);
+          v = S, c(v, L);
+        }
+        if (a?.value?.type === "quarterly") {
+          const { startDate: S, endDate: L } = m(g);
+          v = S, c(v, L);
+        }
+        o.value = v, b(v);
+      }
+    },
+    onMouseOver: b
+  };
+}, hn = ue({
+  name: "calendar",
+  components: { CalendarMonth: qe, CalendarYear: Qe },
+  props: {
+    /**
+     * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
+     */
+    firstDayOfWeek: {
+      type: Number,
+      default: oe.MONDAY,
+      validator: (e) => Object.values(oe).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)
+    },
+    /**
+     * Range of years to be selectable from the year dropdown
+     */
+    yearRange: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * The type of calendar to display. Defaults to showing days.
+     */
+    variant: {
+      type: String,
+      default: "day",
+      validator: (e) => Object.values(Re).includes(e)
+    }
+  },
+  emit: [K.INPUT, K.START_DATE_SELECTED, K.END_DATE_SELECTED],
+  setup(e, { emit: t }) {
+    const n = J(null), a = J();
+    re(
+      () => e.value,
+      () => {
+        if (e.isRange)
+          a.value = e?.showEndDateOnOpen && e.value?.endDate ? e.value?.endDate : e.value?.startDate || /* @__PURE__ */ new Date();
+        else {
+          const o = e.defaultDisplayMonth && new Date(e.defaultDisplayMonth).getTime() ? new Date(e.defaultDisplayMonth) : /* @__PURE__ */ new Date();
+          a.value = e.value || o;
+        }
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const r = O(
+      () => e.variant === Re.MONTH ? Qe : qe
+    ), s = O(() => ({
+      "b-calendar__range": e.isRange
+    })), { internalValue: i, onDateInput: l, onMouseOver: d } = e.isRange ? yn(
+      {
+        selectedDate: x(e, "value"),
+        isDateDisabled: e.isDateDisabled,
+        maxRange: x(e, "maxRange"),
+        granularity: x(e, "granularity"),
+        firstDayOfWeek: e.firstDayOfWeek,
+        min: x(e, "min"),
+        max: x(e, "max")
+      },
+      t
+    ) : fn(
+      {
+        selectedDate: x(e, "value"),
+        firstDayOfWeek: e.firstDayOfWeek
+      },
+      t
+    ), y = (o) => e.numberOfMonths === 1 ? ae.UNIQUE : o === 0 ? ae.FIRST : o === e.numberOfMonths - 1 ? ae.LAST : ae.MIDDLE, f = O(() => (o) => {
+      const c = e?.showEndDateOnOpen && e.isRange ? de(a.value, e.numberOfMonths - 1) : a.value;
+      return q(c, o);
+    }), h = O(() => (o) => {
+      const c = e?.showEndDateOnOpen ? lt(a.value, e.numberOfMonths - 1) : a.value;
+      return xe(c, o);
+    });
+    return {
+      // Refs
+      calendarRef: n,
+      // Values
+      baseDate: a,
+      calendarComponent: r,
+      conditionalClasses: s,
+      internalValue: i,
+      // Methods
+      calculateOffsetMonth: f,
+      calculateOffsetYear: h,
+      calendarPosition: y,
+      // Events
+      onDateInput: l,
+      onMouseOver: d,
+      calculateNextMonths: (o = 1) => {
+        a.value = q(a.value, o);
+      },
+      calculatePreviousMonths: (o = 1) => {
+        a.value = de(a.value, o);
+      }
+    };
+  }
+});
+function gn(e, t, n, a, r, s) {
+  return _(), Y("div", {
+    class: Pe(["b-calendar", e.conditionalClasses])
+  }, [
+    (_(!0), Y(X, null, Z(e.numberOfMonths, (i, l) => (_(), H(ht(e.calendarComponent), {
+      ref_for: !0,
+      ref: e.numberOfMonths === 1 ? "calendarRef" : null,
+      key: `calendar-${l}`,
+      "first-day-of-week": e.firstDayOfWeek,
+      "is-date-disabled": e.isDateDisabled,
+      month: e.calculateOffsetMonth(l),
+      year: e.calculateOffsetYear(l),
+      position: e.calendarPosition(l),
+      min: e.min,
+      max: e.max,
+      "is-range": e.isRange,
+      "start-date": e.internalValue.startDate,
+      "end-date": e.internalValue.endDate,
+      granularity: e.granularity,
+      "year-range": e.yearRange,
+      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", "year-range", "onInput", "onMouseover", "onChangeDay", "onNextMonth", "onPreviousMonth"]))), 128))
+  ], 2);
+}
+const Pn = /* @__PURE__ */ De(hn, [["render", gn], ["__scopeId", "data-v-9b867347"]]);
+export {
+  Ke as A,
+  oe as C,
+  Re as a,
+  Pn as b,
+  K as c,
+  ae as d,
+  Rn as e,
+  ce as f,
+  $e as g,
+  $n as h,
+  Ln as i,
+  be as j,
+  ge as k,
+  le as l,
+  Se as m,
+  Le as n,
+  q as o,
+  An as p,
+  de as q,
+  rt as r,
+  ee as s,
+  _e as t,
+  Lt as u,
+  Dn as v,
+  Bn as w,
+  We as x,
+  Yt as y,
+  It as z
+};
+//# sourceMappingURL=calendar.6NKd6IMo.js.map