@adyen/bento-vue2 1.57.1 → 1.58.0

package/dist/chunks/calendar.C7onA58P.js

@@ -0,0 +1,1166 @@
+import { defineComponent as te, computed as w, ref as W, watch as K, nextTick as $e, toRef as F, reactive as Te } from "vue";
+import { r as k, t as N, a as be, g as We } from "./get-date-locale.BN8xEjY0.js";
+import { t as M, B as pe, a as xe, f as Ne } from "./date.dYFFEunA.js";
+import { d as ke, a as ie } from "./index.BDuTpjD8.js";
+import { B as Le } from "./button.BuD-IsW5.js";
+import { B as Re } from "./typography.J1v_SPG3.js";
+import { n as ae } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { C as Ye, a as Ae } from "./chevron-left.DOMTgGel.js";
+import { g as Ce } from "./generate-uid.NJ8tVoha.js";
+import { u as Pe } from "./i18n.BQkEbtPM.js";
+import { h as He } from "./index.oJzeCMPe.js";
+import { g as qe } from "./_commonjsHelpers.C6fGbg64.js";
+import { a as Fe } from "./keyboard-navigation.pB8weElW.js";
+import "../assets/calendar.css";
+function ee(e, t) {
+  k(2, arguments);
+  var n = N(e), a = M(t);
+  return isNaN(a) ? /* @__PURE__ */ new Date(NaN) : (a && n.setDate(n.getDate() + a), n);
+}
+function q(e, t) {
+  k(2, arguments);
+  var n = N(e), a = M(t);
+  if (isNaN(a))
+    return /* @__PURE__ */ new Date(NaN);
+  if (!a)
+    return n;
+  var r = n.getDate(), o = new Date(n.getTime());
+  o.setMonth(n.getMonth() + a + 1, 0);
+  var s = o.getDate();
+  return r >= s ? o : (n.setFullYear(o.getFullYear(), o.getMonth(), r), n);
+}
+function oe(e, t) {
+  k(1, arguments);
+  var n = t || {}, a = n.locale, r = a && a.options && a.options.weekStartsOn, o = r == null ? 0 : M(r), s = n.weekStartsOn == null ? o : M(n.weekStartsOn);
+  if (!(s >= 0 && s <= 6))
+    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
+  var u = N(e), y = u.getDay(), g = (y < s ? 7 : 0) + y - s;
+  return u.setDate(u.getDate() - g), u.setHours(0, 0, 0, 0), u;
+}
+function V(e) {
+  k(1, arguments);
+  var t = N(e);
+  return t.setHours(0, 0, 0, 0), t;
+}
+var Ve = 864e5;
+function Qe(e, t) {
+  k(2, arguments);
+  var n = V(e), a = V(t), r = n.getTime() - be(n), o = a.getTime() - be(a);
+  return Math.round((r - o) / Ve);
+}
+function Be(e, t) {
+  k(2, arguments);
+  var n = M(t);
+  return q(e, n * 12);
+}
+function ne(e, t) {
+  k(2, arguments);
+  var n = V(e), a = V(t);
+  return n.getTime() === a.getTime();
+}
+function Oe(e, t) {
+  var n = e.getFullYear() - t.getFullYear() || e.getMonth() - t.getMonth() || e.getDate() - t.getDate() || e.getHours() - t.getHours() || e.getMinutes() - t.getMinutes() || e.getSeconds() - t.getSeconds() || e.getMilliseconds() - t.getMilliseconds();
+  return n < 0 ? -1 : n > 0 ? 1 : n;
+}
+function Ke(e, t) {
+  k(2, arguments);
+  var n = N(e), a = N(t), r = Oe(n, a), o = Math.abs(Qe(n, a));
+  n.setDate(n.getDate() - r * o);
+  var s = +(Oe(n, a) === -r), u = r * (o - s);
+  return u === 0 ? 0 : u;
+}
+function ce(e) {
+  k(1, arguments);
+  var t = N(e), n = t.getMonth(), a = n - n % 3;
+  return t.setMonth(a, 1), t.setHours(0, 0, 0, 0), t;
+}
+function se(e) {
+  k(1, arguments);
+  var t = N(e);
+  return t.setDate(1), t.setHours(0, 0, 0, 0), t;
+}
+function Me(e) {
+  k(1, arguments);
+  var t = N(e), n = /* @__PURE__ */ new Date(0);
+  return n.setFullYear(t.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
+}
+function ue(e, t) {
+  k(1, arguments);
+  var n = t || {}, a = n.locale, r = a && a.options && a.options.weekStartsOn, o = r == null ? 0 : M(r), s = n.weekStartsOn == null ? o : M(n.weekStartsOn);
+  if (!(s >= 0 && s <= 6))
+    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
+  var u = N(e), y = u.getDay(), g = (y < s ? -7 : 0) + 6 - (y - s);
+  return u.setDate(u.getDate() + g), u.setHours(23, 59, 59, 999), u;
+}
+function de(e) {
+  k(1, arguments);
+  var t = N(e), n = t.getMonth(), a = n - n % 3 + 3;
+  return t.setMonth(a, 0), t.setHours(23, 59, 59, 999), t;
+}
+function Xe(e) {
+  k(1, arguments);
+  var t = N(e), n = t.getFullYear(), a = t.getMonth(), r = /* @__PURE__ */ new Date(0);
+  return r.setFullYear(n, a + 1, 0), r.setHours(0, 0, 0, 0), r.getDate();
+}
+function ze(e, t) {
+  k(2, arguments);
+  var n = M(t);
+  return ee(e, -n);
+}
+function Z(e, t) {
+  k(2, arguments);
+  var n = M(t);
+  return q(e, -n);
+}
+function Je(e, t) {
+  k(2, arguments);
+  var n = N(e), a = N(t);
+  return n.getTime() > a.getTime();
+}
+function Ze(e, t) {
+  k(2, arguments);
+  var n = N(e), a = N(t);
+  return n.getTime() < a.getTime();
+}
+function re(e, t) {
+  k(2, arguments);
+  var n = N(e), a = N(t);
+  return n.getFullYear() === a.getFullYear() && n.getMonth() === a.getMonth();
+}
+function le(e, t) {
+  k(2, arguments);
+  var n = N(e).getTime(), a = N(t.start).getTime(), r = N(t.end).getTime();
+  if (!(a <= r))
+    throw new RangeError("Invalid interval");
+  return n >= a && n <= r;
+}
+function et(e, t) {
+  k(2, arguments);
+  var n = N(e), a = M(t), r = n.getFullYear(), o = n.getDate(), s = /* @__PURE__ */ new Date(0);
+  s.setFullYear(r, a, 15), s.setHours(0, 0, 0, 0);
+  var u = Xe(s);
+  return n.setMonth(a, Math.min(o, u)), n;
+}
+function tt(e, t) {
+  if (k(2, arguments), typeof t != "object" || t === null)
+    throw new RangeError("values parameter must be an object");
+  var n = N(e);
+  return isNaN(n.getTime()) ? /* @__PURE__ */ new Date(NaN) : (t.year != null && n.setFullYear(t.year), t.month != null && (n = et(n, t.month)), t.date != null && n.setDate(M(t.date)), t.hours != null && n.setHours(M(t.hours)), t.minutes != null && n.setMinutes(M(t.minutes)), t.seconds != null && n.setSeconds(M(t.seconds)), t.milliseconds != null && n.setMilliseconds(M(t.milliseconds)), n);
+}
+function at(e, t, n) {
+  k(2, arguments);
+  var a = {}, r = a.locale, o = r && r.options && r.options.weekStartsOn, s = o == null ? 0 : M(o), u = a.weekStartsOn == null ? s : M(a.weekStartsOn);
+  if (!(u >= 0 && u <= 6))
+    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
+  var y = N(e), g = M(t), f = y.getDay(), m = g % 7, v = (m + 7) % 7, d = 7 - u, l = g < 0 || g > 6 ? g - (f + d) % 7 : (v + d) % 7 - (f + d) % 7;
+  return ee(y, l);
+}
+function nt(e, t) {
+  k(2, arguments);
+  var n = M(t);
+  return Be(e, -n);
+}
+var C = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(C || {}), G = /* @__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))(G || {}), J = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(J || {});
+const rt = {
+  /**
+   * 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: C.SINGLE,
+    validator: (e) => Object.values(C).includes(e)
+  }
+}, ot = te({
+  name: "calendar-month-day",
+  components: { BentoDate: pe },
+  inheritAttrs: !0,
+  props: rt,
+  emits: [J.CLICK, J.MOUSE_OVER],
+  setup(e, { emit: t }) {
+    const n = w(() => {
+      const o = /* @__PURE__ */ new Date();
+      return e.day.getDate() === o.getDate() && e.day.getMonth() === o.getMonth() && e.day.getFullYear() === o.getFullYear();
+    });
+    return {
+      // Values
+      conditionalClasses: w(() => ({
+        // Variants
+        [`b-calendar-month-day--${G.BEGINNING}`]: e.variant === C.BEGINNING,
+        [`b-calendar-month-day--${G.MIDDLE}`]: e.variant === C.MIDDLE,
+        [`b-calendar-month-day--${G.END}`]: e.variant === C.END,
+        [`b-calendar-month-day--${G.SINGLE}`]: e.variant === C.SINGLE,
+        // Selected
+        [`b-calendar-month-day--${G.UNSELECTED}`]: !e.selected,
+        [`b-calendar-month-day--${G.SELECTED}`]: e.selected,
+        // Current Day
+        [`b-calendar-month-day--${G.CURRENT_DAY}`]: n.value,
+        // Disabled
+        [`b-calendar-month-day--${G.DISABLED}`]: e.disabled
+      })),
+      // Enums
+      BentoDateFormat: xe,
+      CalendarMonthDayEvent: J,
+      // Events
+      onClick: (o, s) => {
+        e.disabled ? (o.preventDefault(), o.stopPropagation()) : t(J.CLICK, s, e.day);
+      }
+    };
+  }
+});
+var st = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("td", { staticClass: "b-calendar-month-day", class: t.conditionalClasses, attrs: { tabindex: t.selected ? "0" : "-1", "aria-selected": t.selected ? t.selected : void 0, "aria-disabled": t.disabled, "data-date": t.day.toDateString() }, on: { click: (a) => t.onClick(a, t.day), mouseover: function(a) {
+    return t.$emit(t.CalendarMonthDayEvent.MOUSE_OVER);
+  }, keydown: function(a) {
+    return !a.type.indexOf("key") && t._k(a.keyCode, "space", 32, a.key, [" ", "Spacebar"]) && t._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : ((r) => t.onClick(r, t.day)).apply(null, arguments);
+  } } }, [n("div", { staticClass: "b-calendar-month-day__wrapper" }, [n("bento-date", { staticClass: "b-calendar-month-day__label", attrs: { date: t.day, format: t.BentoDateFormat.DAY_OF_MONTH } })], 1)]);
+}, ut = [], lt = /* @__PURE__ */ ae(
+  ot,
+  st,
+  ut,
+  !1,
+  null,
+  "83a5b036"
+);
+const it = lt.exports;
+var A = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.MOUSE_OVER = "mouseover", e.CHANGE_DAY = "changeDay", e.NEXT_MONTH = "nextMonth", e.PREVIOUS_MONTH = "previousMonth", e))(A || {}), H = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(H || {}), $ = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))($ || {}), Q = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(Q || {}), fe = /* @__PURE__ */ ((e) => (e.DAY = "day", e.MONTH = "month", e))(fe || {}), ve = { exports: {} }, De = { exports: {} };
+(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.default = n;
+  function n(a) {
+    if (a === null || a === !0 || a === !1)
+      return NaN;
+    var r = Number(a);
+    return isNaN(r) ? r : r < 0 ? Math.ceil(r) : Math.floor(r);
+  }
+  e.exports = t.default;
+})(De, De.exports);
+var Ue = De.exports, me = { exports: {} }, ye = { exports: {} }, he = { exports: {} };
+(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.default = n;
+  function n(a, r) {
+    if (r.length < a)
+      throw new TypeError(a + " argument" + (a > 1 ? "s" : "") + " required, but only " + r.length + " present");
+  }
+  e.exports = t.default;
+})(he, he.exports);
+var ge = he.exports;
+(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.default = r;
+  var n = a(ge);
+  function a(o) {
+    return o && o.__esModule ? o : { default: o };
+  }
+  function r(o) {
+    (0, n.default)(1, arguments);
+    var s = Object.prototype.toString.call(o);
+    return o instanceof Date || typeof o == "object" && s === "[object Date]" ? new Date(o.getTime()) : typeof o == "number" || s === "[object Number]" ? new Date(o) : ((typeof o == "string" || s === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://git.io/fjule"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
+  }
+  e.exports = t.default;
+})(ye, ye.exports);
+var ct = ye.exports;
+(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.default = s;
+  var n = o(Ue), a = o(ct), r = o(ge);
+  function o(u) {
+    return u && u.__esModule ? u : { default: u };
+  }
+  function s(u, y) {
+    (0, r.default)(2, arguments);
+    var g = (0, a.default)(u), f = (0, n.default)(y);
+    return isNaN(f) ? /* @__PURE__ */ new Date(NaN) : (f && g.setDate(g.getDate() + f), g);
+  }
+  e.exports = t.default;
+})(me, me.exports);
+var dt = me.exports;
+(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.default = s;
+  var n = o(Ue), a = o(dt), r = o(ge);
+  function o(u) {
+    return u && u.__esModule ? u : { default: u };
+  }
+  function s(u, y) {
+    (0, r.default)(2, arguments);
+    var g = (0, n.default)(y);
+    return (0, a.default)(u, -g);
+  }
+  e.exports = t.default;
+})(ve, ve.exports);
+var ft = ve.exports;
+const we = /* @__PURE__ */ qe(ft), Ge = ({ currentSelectedDate: e, month: t, isDateDisabled: n, firstDayOfWeek: a }, r) => {
+  const o = W(new Date(t.value));
+  K(
+    t,
+    () => {
+      o.value = t.value;
+    },
+    { immediate: !0 }
+  );
+  const s = W(new Date(e.value));
+  K(e, () => {
+    s.value = new Date(e.value);
+  });
+  const u = He(), y = W(s.value);
+  K(u, (c) => {
+    const E = c.getAttribute("data-date");
+    y.value = E ? new Date(E) : s.value;
+  });
+  const g = W({}), f = (c) => (E) => {
+    g.value[c.toDateString()] = E;
+  }, m = () => {
+    g.value = {};
+  }, v = (c = 1) => {
+    o.value = q(o.value, c), r(A.NEXT_MONTH, c), m();
+  }, d = (c = 1) => {
+    o.value = Z(o.value, c), r(A.PREVIOUS_MONTH, c), m();
+  }, l = (c) => {
+    const E = !!g.value[c == null ? void 0 : c.toDateString()];
+    c && E && g.value[c.toDateString()].$el.focus();
+  }, i = (c) => {
+    c.preventDefault(), c.stopImmediatePropagation(), c.stopPropagation();
+  }, h = ({ nextDate: c, isIncreasingDays: E, amountOfMonths: R, isCalendarButtonsNav: U }) => {
+    if (!U && n && n(c))
+      return;
+    c.getMonth() === s.value.getMonth() && c.getFullYear() === s.value.getFullYear() ? (s.value = c, l(c)) : (E ? v(R) : d(R), $e(() => {
+      const O = c.getMonth() === o.value.getMonth() && c.getFullYear() === o.value.getFullYear();
+      n && n(c) || !O || U || (s.value = c, l(c));
+    }));
+  };
+  return {
+    // Calendar days ref
+    calendarRef: g,
+    addDayRef: f,
+    /**
+     *  Month navigation
+     */
+    showNextMonth: v,
+    showPreviousMonth: d,
+    /**
+     * Focus method
+     */
+    focusOnDate: l,
+    /**
+     *  Day navigation
+     */
+    // ArrowRight
+    moveToNextDay: (c) => {
+      i(c), h({ nextDate: ee(y.value, 1), isIncreasingDays: !0 });
+    },
+    // ArrowLeft
+    moveToPreviousDay: (c) => {
+      i(c), h({ nextDate: we(y.value, 1), isIncreasingDays: !1 });
+    },
+    // ArrowUp
+    moveToPreviousWeek: (c) => {
+      i(c), h({ nextDate: we(y.value, 7), isIncreasingDays: !1 });
+    },
+    // ArrowDown
+    moveToNextWeek: (c) => {
+      i(c), h({ nextDate: ee(y.value, 7), isIncreasingDays: !0 });
+    },
+    // Home
+    moveToFirstDayOfWeek: (c) => {
+      i(c), h({
+        nextDate: oe(y.value, { weekStartsOn: a }),
+        isIncreasingDays: !1
+      });
+    },
+    moveToFirstMonthOfYear: (c) => {
+      i(c);
+      const E = ke(s.value, Me(s.value));
+      h({
+        nextDate: Me(s.value),
+        isIncreasingDays: !1,
+        amountOfMonths: E
+      });
+    },
+    // End
+    moveToLastDayOfWeek: (c) => {
+      i(c), h({
+        nextDate: ue(y.value, { weekStartsOn: a }),
+        isIncreasingDays: !0
+      });
+    },
+    moveToLastMonthOfYear: (c) => {
+      i(c);
+      const E = tt(s.value, { month: 11, date: 1 }), R = ke(E, s.value);
+      h({
+        nextDate: E,
+        isIncreasingDays: !0,
+        amountOfMonths: R
+      });
+    },
+    // PageUp
+    moveToPreviousMonth: (c, E = !1, R = 1) => {
+      i(c);
+      const U = R;
+      h({
+        nextDate: Z(y.value, U),
+        isIncreasingDays: !1,
+        amountOfMonths: U,
+        isCalendarButtonsNav: E
+      });
+    },
+    // Shift+PageUp
+    moveToPreviousYear: (c, E = !1) => {
+      i(c);
+      const R = 12;
+      h({
+        nextDate: Z(y.value, R),
+        isIncreasingDays: !1,
+        amountOfMonths: R,
+        isCalendarButtonsNav: E
+      });
+    },
+    // PageDown
+    moveToNextMonth: (c, E = !1, R = 1) => {
+      i(c);
+      const U = R;
+      h({
+        nextDate: q(y.value, U),
+        isIncreasingDays: !0,
+        amountOfMonths: U,
+        isCalendarButtonsNav: E
+      });
+    },
+    // Shift-PageDown
+    moveToNextYear: (c, E = !1) => {
+      i(c);
+      const R = 12;
+      h({
+        nextDate: q(y.value, R),
+        isIncreasingDays: !0,
+        amountOfMonths: R,
+        isCalendarButtonsNav: E
+      });
+    },
+    // Values
+    internalDate: s,
+    baseDate: o
+  };
+}, vt = {
+  "en-US": {
+    nextMonth: "Next month",
+    previousMonth: "Previous month"
+  }
+}, Dt = te({
+  i18n: { messages: vt },
+  name: "calendar-month",
+  components: {
+    BentoButton: Le,
+    BentoTypography: Re,
+    CalendarMonthDay: it,
+    ChevronLeftIcon: Ae,
+    ChevronRightIcon: Ye
+  },
+  directives: { BentoKeyboardNavigationDirective: Fe },
+  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: H.MONDAY,
+      validator: (e) => Object.values(H).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(Q).includes(e)
+    },
+    /**
+     * start of the selected range
+     */
+    startDate: { type: Date, default: null }
+    // can be undefined, eslint complains without default
+  },
+  emits: [
+    A.CHANGE_DAY,
+    A.INPUT,
+    A.NEXT_MONTH,
+    A.PREVIOUS_MONTH,
+    A.MOUSE_OVER
+  ],
+  setup(e, { emit: t }) {
+    const { locale: n, t: a } = Pe(), r = We(), o = Ce("bento-date-picker-month-label"), s = w(
+      () => (O) => {
+        var P;
+        return e.min && O < e.min || e.max && O > e.max || ((P = e.isDateDisabled) == null ? void 0 : P.call(e, O));
+      }
+    ), {
+      internalDate: u,
+      baseDate: y,
+      // Calendar refs
+      addDayRef: g,
+      // Month navigation
+      showNextMonth: f,
+      showPreviousMonth: m,
+      // Day navigation
+      moveToNextDay: v,
+      moveToPreviousDay: d,
+      moveToPreviousWeek: l,
+      moveToNextWeek: i,
+      moveToFirstDayOfWeek: h,
+      moveToLastDayOfWeek: x,
+      moveToPreviousMonth: D,
+      moveToPreviousYear: b,
+      moveToNextMonth: Y,
+      moveToNextYear: L,
+      focusOnDate: T
+    } = Ge(
+      {
+        currentSelectedDate: F(e, "startDate"),
+        month: F(e, "month"),
+        isDateDisabled: s.value,
+        firstDayOfWeek: e.firstDayOfWeek
+      },
+      t
+    ), _ = w(
+      () => Object.values(H).includes(e.firstDayOfWeek) ? e.firstDayOfWeek : H.MONDAY
+    ), p = w(() => ["first", "unique"].includes(e.position)), S = w(() => ["last", "unique"].includes(e.position)), I = w(
+      () => Ne(y.value, "MMMM yyyy", {
+        locale: r[n.value.substring(0, 2)] || r.enUS
+      })
+    ), X = w(
+      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((O, P) => {
+        const z = at(O, _.value + P);
+        return Ne(z, "EEE", {
+          locale: r[n.value.substring(0, 2)] || r.enUS
+        });
+      })
+    ), Ee = w(() => {
+      const O = [], P = se(e.month);
+      let z = O[O.push([]) - 1];
+      for (; P.getMonth() === e.month.getMonth(); )
+        P.getDay() - _.value === 0 && z.length > 0 && (z = O[O.push([]) - 1]), z.push(V(P)), P.setDate(P.getDate() + 1);
+      return O;
+    });
+    return {
+      // Refs
+      addDayRef: g,
+      // Values
+      computedIsDateDisabled: s,
+      daysOfWeek: X,
+      weeksOfMonth: Ee,
+      formattedMonthDate: I,
+      shouldShowNextMonthButton: S,
+      shouldShowPreviousMonthButton: p,
+      monthLabelId: o,
+      // Enums
+      CalendarMonthEvent: A,
+      // Functions
+      isSelectedDate: (O) => u.value && ne(u.value, O) && !e.endDate ? !0 : e.startDate && e.endDate && le(O, { start: e.startDate, end: e.endDate }),
+      showNextMonth: f,
+      showPreviousMonth: m,
+      dayVariant: (O) => {
+        if (!e.isRange || ne(e.startDate, e.endDate))
+          return C.SINGLE;
+        if (e.startDate && ne(e.startDate, O))
+          return C.BEGINNING;
+        if (e.endDate && ne(e.endDate, O))
+          return C.END;
+        if (e.startDate && e.endDate && le(O, { start: e.startDate, end: e.endDate }))
+          return C.MIDDLE;
+      },
+      confirmNavigationDate: () => {
+        t(A.INPUT, u);
+      },
+      // Events
+      onDayClicked: (O) => {
+        t(A.INPUT, O);
+      },
+      listeners: {
+        "keydown:arrow-right": v,
+        "keydown:arrow-left": d,
+        "keydown:arrow-up": l,
+        "keydown:arrow-down": i,
+        "keydown:home": h,
+        "keydown:end": x,
+        "keydown:page-up": D,
+        "keydown:shift-page-up": b,
+        "keydown:page-down": Y,
+        "keydown:shift-page-down": L
+      },
+      // Exposed methods
+      focusOnDate: T,
+      moveToNextDay: v,
+      moveToPreviousDay: d,
+      moveToPreviousWeek: l,
+      moveToNextWeek: i,
+      moveToFirstDayOfWeek: h,
+      moveToLastDayOfWeek: x,
+      moveToPreviousMonth: D,
+      moveToPreviousYear: b,
+      moveToNextMonth: Y,
+      moveToNextYear: L,
+      // Translations
+      t: a
+    };
+  }
+});
+var mt = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", t._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-calendar-month" }, t.listeners), [n("div", { staticClass: "b-calendar-month__month-selector" }, [n("div", { staticClass: "b-calendar-month__previous" }, [t.shouldShowPreviousMonthButton ? n("bento-button", { attrs: { variant: "tertiary" }, on: { click: function(a) {
+    return t.moveToPreviousMonth(a, !0);
+  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
+    return [n("chevron-left-icon", { attrs: { "svg-title": t.t("previousMonth") } })];
+  }, proxy: !0 }], null, !1, 1806090420) }) : t._e()], 1), n("bento-typography", { attrs: { id: t.monthLabelId, el: "h2", variant: "title", "aria-live": "polite" } }, [t._v(" " + t._s(t.formattedMonthDate) + " ")]), n("div", { staticClass: "b-calendar-month__next" }, [t.shouldShowNextMonthButton ? n("bento-button", { attrs: { variant: "tertiary" }, on: { click: function(a) {
+    return t.moveToNextMonth(a, !0);
+  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
+    return [n("chevron-right-icon", { attrs: { "svg-title": t.t("nextMonth") } })];
+  }, proxy: !0 }], null, !1, 1041540377) }) : t._e()], 1)], 1), n("table", { staticClass: "b-calendar-month__month-container", attrs: { role: "grid", "aria-labelledby": t.monthLabelId } }, [n("thead", [n("tr", { staticClass: "b-calendar-month__week-header" }, t._l(t.daysOfWeek, function(a, r) {
+    return n("th", { key: r, staticClass: "b-calendar-month__day-of-week" }, [n("bento-typography", { staticClass: "b-calendar-month__day-of-week-font", attrs: { el: "span", variant: "caption" } }, [t._v(" " + t._s(a) + " ")])], 1);
+  }), 0)]), n("tbody", t._l(t.weeksOfMonth, function(a, r) {
+    return n("tr", { key: r }, [r === 0 && a.length < 7 ? n("td", { attrs: { colspan: 7 - a.length } }) : t._e(), t._l(a, function(o, s) {
+      return n("calendar-month-day", { key: `calendar-day-${s}`, ref: t.addDayRef(o), refInFor: !0, attrs: { day: o, disabled: t.computedIsDateDisabled(o), selected: t.isSelectedDate(o), variant: t.dayVariant(o) }, on: { click: t.onDayClicked, mouseover: function(u) {
+        return t.$emit(t.CalendarMonthEvent.MOUSE_OVER, o);
+      } }, nativeOn: { keyup: [function(u) {
+        return !u.type.indexOf("key") && t._k(u.keyCode, "up", 38, u.key, ["Up", "ArrowUp"]) ? null : t.$emit(t.CalendarMonthEvent.CHANGE_DAY, o);
+      }, function(u) {
+        return !u.type.indexOf("key") && t._k(u.keyCode, "down", 40, u.key, ["Down", "ArrowDown"]) ? null : t.$emit(t.CalendarMonthEvent.CHANGE_DAY, o);
+      }, function(u) {
+        return !u.type.indexOf("key") && t._k(u.keyCode, "left", 37, u.key, ["Left", "ArrowLeft"]) || "button" in u && u.button !== 0 ? null : t.$emit(t.CalendarMonthEvent.CHANGE_DAY, o);
+      }, function(u) {
+        return !u.type.indexOf("key") && t._k(u.keyCode, "right", 39, u.key, ["Right", "ArrowRight"]) || "button" in u && u.button !== 2 ? null : t.$emit(t.CalendarMonthEvent.CHANGE_DAY, o);
+      }] } });
+    })], 2);
+  }), 0)])]);
+}, yt = [], ht = /* @__PURE__ */ ae(
+  Dt,
+  mt,
+  yt,
+  !1,
+  null,
+  "a0054d45"
+);
+const Se = ht.exports;
+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_MONTH = "current-month", e.DISABLED = "disabled", e))(j || {}), _e = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(_e || {});
+const _t = {}, gt = /* @__PURE__ */ te({
+  ..._t,
+  __name: "calendar-year-month",
+  props: {
+    month: null,
+    disabled: { type: Boolean, default: !1 },
+    selected: { type: Boolean, default: !1 },
+    variant: { default: B.SINGLE }
+  },
+  emits: ["click", "mouseover"],
+  setup(e, { emit: t }) {
+    const n = e, a = w(() => {
+      const s = /* @__PURE__ */ new Date();
+      return n.month.getMonth() === s.getMonth() && n.month.getFullYear() === s.getFullYear();
+    }), r = w(() => ({
+      // Variants
+      [`b-calendar-year-month--${j.BEGINNING}`]: n.variant === B.BEGINNING,
+      [`b-calendar-year-month--${j.MIDDLE}`]: n.variant === B.MIDDLE,
+      [`b-calendar-year-month--${j.END}`]: n.variant === B.END,
+      [`b-calendar-year-month--${j.SINGLE}`]: n.variant === B.SINGLE,
+      // Selected
+      [`b-calendar-year-month--${j.UNSELECTED}`]: !n.selected,
+      [`b-calendar-year-month--${j.SELECTED}`]: n.selected,
+      // Current month
+      [`b-calendar-year-month--${j.CURRENT_MONTH}`]: a.value,
+      // Disabled
+      [`b-calendar-year-month--${j.DISABLED}`]: n.disabled
+    }));
+    return { __sfc: !0, props: n, emit: t, isCurrentMonth: a, conditionalClasses: r, onClick: (s, u) => {
+      n.disabled ? (s.preventDefault(), s.stopPropagation()) : t(_e.CLICK, u, n.month);
+    }, BentoDate: pe, BentoDateFormat: xe, CalendarYearMonthEvent: _e };
+  }
+});
+var Et = function() {
+  var t = this, n = t._self._c, a = t._self._setupProxy;
+  return n("td", { staticClass: "b-calendar-year-month", class: a.conditionalClasses, attrs: { tabindex: t.selected ? "0" : "-1", "aria-selected": t.selected ? t.selected : void 0 }, on: { click: (r) => a.onClick(r, t.month), mouseover: function(r) {
+    return a.emit(a.CalendarYearMonthEvent.MOUSE_OVER);
+  }, keydown: function(r) {
+    return !r.type.indexOf("key") && t._k(r.keyCode, "space", 32, r.key, [" ", "Spacebar"]) && t._k(r.keyCode, "enter", 13, r.key, "Enter") ? null : ((o) => a.onClick(o, t.month)).apply(null, arguments);
+  } } }, [n("div", { staticClass: "b-calendar-year-month__wrapper" }, [n(a.BentoDate, { staticClass: "b-calendar-year-month__label", attrs: { date: t.month, format: a.BentoDateFormat.SHORT_MONTH } })], 1)]);
+}, bt = [], Nt = /* @__PURE__ */ ae(
+  gt,
+  Et,
+  bt,
+  !1,
+  null,
+  "9d0ea56b"
+);
+const kt = Nt.exports, Ot = {
+  "en-US": {
+    nextYear: "Next year",
+    previousYear: "Previous year"
+  },
+  "ja-JP": {
+    nextYear: "来年",
+    previousYear: "前年"
+  },
+  "pt-BR": {
+    nextYear: "Ano seguinte",
+    previousYear: "Ano anterior"
+  }
+}, Mt = {
+  i18n: { messages: Ot }
+}, wt = /* @__PURE__ */ te({
+  ...Mt,
+  __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: null
+  },
+  emits: ["input", "mouseover", "nextMonth", "previousMonth"],
+  setup(e, { expose: t, emit: n }) {
+    const a = e, r = Ce("bento-date-picker-year-label"), { t: o } = Pe(), s = (_) => {
+      var p;
+      return a.min && _ < a.min || a.max && _ > a.max || ((p = a.isDateDisabled) == null ? void 0 : p.call(a, _));
+    }, u = w(() => ["first", "unique"].includes(a.position)), y = w(() => ["last", "unique"].includes(a.position)), {
+      internalDate: g,
+      // Calendar refs
+      addDayRef: f,
+      // Day navigation
+      moveToPreviousMonth: m,
+      moveToPreviousYear: v,
+      moveToNextMonth: d,
+      moveToNextYear: l,
+      moveToFirstMonthOfYear: i,
+      moveToLastMonthOfYear: h,
+      focusOnDate: x
+    } = Ge(
+      {
+        currentSelectedDate: F(a, "startDate"),
+        month: F(a, "year"),
+        isDateDisabled: s
+      },
+      n
+    );
+    t({ focusOnDate: x });
+    const D = w(() => {
+      const _ = [];
+      let p = 0;
+      for (let S = 0; S < 3; S++) {
+        const I = [];
+        for (let X = 0; X < 4; X++)
+          I.push(new Date(a.year.getFullYear(), p++, 1));
+        _.push(I);
+      }
+      return _;
+    }), b = (_) => !a.isRange || re(a.startDate, a.endDate) ? B.SINGLE : a.startDate && re(a.startDate, _) ? B.BEGINNING : a.endDate && re(a.endDate, _) ? B.END : a.startDate && a.endDate && le(_, { start: a.startDate, end: a.endDate }) ? B.MIDDLE : null, Y = (_) => g.value && re(g.value, _) ? !0 : a.startDate && a.endDate && le(_, { start: a.startDate, end: a.endDate }), L = (_) => {
+      n("input", _);
+    }, T = a.isRange ? {} : {
+      "keydown:arrow-right": d,
+      "keydown:arrow-left": m,
+      "keydown:arrow-up": (_) => m(_, !1, 4),
+      "keydown:arrow-down": (_) => d(_, !1, 4),
+      "keydown:home": i,
+      "keydown:end": h,
+      "keydown:page-up": v,
+      "keydown:page-down": l
+    };
+    return { __sfc: !0, yearLabelId: r, props: a, emit: n, t: o, isDateDisabled: s, shouldShowPreviousYearButton: u, shouldShowNextYearButton: y, internalDate: g, addDayRef: f, moveToPreviousMonth: m, moveToPreviousYear: v, moveToNextMonth: d, moveToNextYear: l, moveToFirstMonthOfYear: i, moveToLastMonthOfYear: h, focusOnDate: x, monthRows: D, monthVariant: b, isSelectedDate: Y, onMonthClicked: L, listeners: T, BentoButton: Le, BentoTypography: Re, CalendarYearMonth: kt, ChevronLeftIcon: Ae, ChevronRightIcon: Ye, vBentoKeyboardNavigationDirective: Fe };
+  }
+});
+var St = function() {
+  var t = this, n = t._self._c, a = t._self._setupProxy;
+  return n("div", t._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-calendar-year" }, a.listeners), [n("div", { staticClass: "b-calendar-year__year-selector" }, [n("div", { staticClass: "b-calendar-year__previous" }, [a.shouldShowPreviousYearButton ? n(a.BentoButton, { attrs: { variant: "tertiary" }, on: { click: function(r) {
+    return a.moveToPreviousYear(r, !0);
+  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
+    return [n(a.ChevronLeftIcon, { attrs: { "svg-title": a.t("previousYear") } })];
+  }, proxy: !0 }], null, !1, 3347270443) }) : t._e()], 1), n(a.BentoTypography, { attrs: { id: a.yearLabelId, el: "h2", variant: "title", "aria-live": "polite" } }, [t._v(" " + t._s(t.year.getFullYear()) + " ")]), n("div", { staticClass: "b-calendar-year__next" }, [a.shouldShowNextYearButton ? n(a.BentoButton, { attrs: { variant: "tertiary" }, on: { click: function(r) {
+    return a.moveToNextYear(r, !0);
+  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
+    return [n(a.ChevronRightIcon, { attrs: { "svg-title": a.t("nextYear") } })];
+  }, proxy: !0 }], null, !1, 3324005926) }) : t._e()], 1)], 1), n("table", { staticClass: "b-calendar-year__year-container", attrs: { role: "grid", "aria-labelledby": a.yearLabelId } }, [n("tbody", t._l(a.monthRows, function(r, o) {
+    return n("tr", { key: o }, t._l(r, function(s, u) {
+      return n(a.CalendarYearMonth, { key: `calendar-month-${u}`, ref: a.addDayRef(s), refInFor: !0, attrs: { month: s, disabled: a.isDateDisabled(s), selected: a.isSelectedDate(s), variant: a.monthVariant(s) }, on: { click: a.onMonthClicked, mouseover: function(y) {
+        return a.emit("mouseover", s);
+      } } });
+    }), 1);
+  }), 0)])]);
+}, It = [], Tt = /* @__PURE__ */ ae(
+  wt,
+  St,
+  It,
+  !1,
+  null,
+  "88d584a6"
+);
+const Ie = Tt.exports, pt = ({ selectedDate: e }, t) => {
+  const n = Te({
+    startDate: null,
+    endDate: null
+  });
+  return K(
+    () => e.value,
+    () => {
+      n.startDate = e.value, n.endDate = void 0;
+    },
+    { immediate: !0 }
+  ), {
+    internalValue: n,
+    onDateInput: (r) => {
+      t($.INPUT, r);
+    },
+    // Empty function to prevent the listeners from throwing a warning
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onMouseOver: () => {
+    }
+  };
+}, xt = (e) => {
+  const t = (f, m, v, d) => {
+    let l = oe(f, { weekStartsOn: e }), i = ue(m || f, { weekStartsOn: e });
+    const h = v && l < v, x = d && i > d;
+    return h && (l = oe(v, { weekStartsOn: e })), x && (i = ue(d, { weekStartsOn: e })), l > i && (h ? i = ue(l, { weekStartsOn: e }) : l = oe(i, { weekStartsOn: e })), { startDate: l, endDate: i };
+  }, n = (f, m, v, d) => {
+    let l = se(f), i = ie(m || f);
+    const h = l < v, x = i > d;
+    return h && (l = se(v)), x && (i = ie(d)), l > i && (h ? i = ie(l) : l = se(i)), { startDate: l, endDate: i };
+  }, a = (f, m, v, d) => {
+    let l = ce(f), i = de(m || f);
+    const h = v instanceof Date && l < v, x = d instanceof Date && i > d;
+    return h && (l = ce(v)), x && (i = de(d)), l > i && (h ? i = de(l) : l = ce(i)), { startDate: l, endDate: i };
+  };
+  return {
+    adjustDateForWeekly: t,
+    adjustDateForMonthly: n,
+    adjustDateForQuarterly: a,
+    adjustStartDateInputForWeekly: (f, m, v, d) => {
+      const { startDate: l } = t(new Date(f), null, v, d);
+      return m(l);
+    },
+    adjustEndDateInputForWeekly: (f, m, v, d) => {
+      const { endDate: l } = t(new Date(f), null, v, d);
+      return m(l);
+    },
+    adjustStartDateInputForMonthly: (f, m, v, d) => {
+      const { startDate: l } = n(new Date(f), null, v, d);
+      return m(l);
+    },
+    adjustEndDateInputForMonthly: (f, m, v, d) => {
+      const { endDate: l } = n(new Date(f), null, v, d);
+      return m(l);
+    },
+    adjustStartDateInputForQuarterly: (f, m, v, d) => {
+      const { startDate: l } = a(new Date(f), null, v, d);
+      return m(l);
+    },
+    adjustEndDateInputForQuarterly: (f, m, v, d) => {
+      const { endDate: l } = a(new Date(f), null, v, d);
+      return m(l);
+    }
+  };
+}, Lt = ({ selectedDate: e, isDateDisabled: t, maxRange: n, granularity: a, firstDayOfWeek: r, min: o, max: s }, u) => {
+  const { adjustDateForWeekly: f, adjustDateForMonthly: m, adjustDateForQuarterly: v } = xt(r), d = Te({
+    startDate: null,
+    endDate: null
+  }), l = W(null);
+  K(
+    () => e.value,
+    () => {
+      let { startDate: D = null, endDate: b = null } = e.value || {};
+      D && (D = V(D)), b && (b = V(b)), !(D && t && t(D) || b && t && t(b) || D && b && Je(D, b)) && (d.startDate = D, d.endDate = b);
+    },
+    { immediate: !0, deep: !0 }
+  );
+  const i = (D, b, Y) => {
+    if (d.startDate = D, d.endDate = b, n.value) {
+      const L = Ke(b, D) - n.value;
+      L > 0 && (Y < 1 ? (d.startDate = D, d.endDate = ze(b, L)) : (d.startDate = ee(D, L), d.endDate = b));
+    }
+    u($.START_DATE_SELECTED, d.startDate), u($.END_DATE_SELECTED, d.endDate);
+  }, h = (D) => {
+    var b, Y, L, T, _, p;
+    if (!(!l.value || t && t(D)))
+      if (Ze(D, l.value)) {
+        if (((b = a == null ? void 0 : a.value) == null ? void 0 : b.type) === "weekly") {
+          const { startDate: S, endDate: I } = f(D, l.value, o.value, s.value);
+          i(S, I, -1);
+          return;
+        }
+        if (((Y = a == null ? void 0 : a.value) == null ? void 0 : Y.type) === "monthly") {
+          const { startDate: S, endDate: I } = m(D, l.value, o.value, s.value);
+          i(S, I, -1);
+          return;
+        }
+        if (((L = a == null ? void 0 : a.value) == null ? void 0 : L.type) === "quarterly") {
+          const { startDate: S, endDate: I } = v(D, l.value, o.value, s.value);
+          i(S, I, -1);
+          return;
+        }
+        i(D, l.value, -1);
+      } else {
+        if (((T = a == null ? void 0 : a.value) == null ? void 0 : T.type) === "weekly") {
+          const { startDate: S, endDate: I } = f(l.value, D, o.value, s.value);
+          i(S, I, 1);
+          return;
+        }
+        if (((_ = a == null ? void 0 : a.value) == null ? void 0 : _.type) === "monthly") {
+          const { startDate: S, endDate: I } = m(l.value, D, o.value, s.value);
+          i(S, I, 1);
+          return;
+        }
+        if (((p = a == null ? void 0 : a.value) == null ? void 0 : p.type) === "quarterly") {
+          const { startDate: S, endDate: I } = v(l.value, D, o.value, s.value);
+          i(S, I, 1);
+          return;
+        }
+        i(l.value, D, 1);
+      }
+  };
+  return {
+    internalValue: d,
+    onDateInput: (D) => {
+      var b, Y, L;
+      if (l.value)
+        l.value = null, u($.INPUT, d);
+      else {
+        let T = D;
+        if (((b = a == null ? void 0 : a.value) == null ? void 0 : b.type) === "weekly") {
+          const { startDate: _, endDate: p } = f(D);
+          T = _, i(T, p);
+        }
+        if (((Y = a == null ? void 0 : a.value) == null ? void 0 : Y.type) === "monthly") {
+          const { startDate: _, endDate: p } = m(D);
+          T = _, i(T, p);
+        }
+        if (((L = a == null ? void 0 : a.value) == null ? void 0 : L.type) === "quarterly") {
+          const { startDate: _, endDate: p } = v(D);
+          T = _, i(T, p);
+        }
+        l.value = T, h(T);
+      }
+    },
+    onMouseOver: h
+  };
+}, Rt = te({
+  name: "calendar",
+  components: { CalendarMonth: Se, CalendarYear: Ie },
+  props: {
+    /**
+     * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
+     */
+    firstDayOfWeek: {
+      type: Number,
+      default: H.MONDAY,
+      validator: (e) => Object.values(H).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: [$.INPUT, $.START_DATE_SELECTED, $.END_DATE_SELECTED],
+  setup(e, { emit: t }) {
+    const n = W(null), a = W();
+    K(
+      () => e.value,
+      () => {
+        var l, i, h;
+        if (e.isRange)
+          a.value = e != null && e.showEndDateOnOpen && ((l = e.value) != null && l.endDate) ? (i = e.value) == null ? void 0 : i.endDate : ((h = e.value) == null ? void 0 : h.startDate) || /* @__PURE__ */ new Date();
+        else {
+          const x = e.defaultDisplayMonth && new Date(e.defaultDisplayMonth).getTime() ? new Date(e.defaultDisplayMonth) : /* @__PURE__ */ new Date();
+          a.value = e.value || x;
+        }
+      },
+      { immediate: !0 }
+    );
+    const r = w(
+      () => e.variant === fe.MONTH ? Ie : Se
+    ), o = w(() => ({
+      "b-calendar__range": e.isRange
+    })), {
+      internalValue: s,
+      onDateInput: u,
+      onMouseOver: y
+    } = e.isRange ? Lt(
+      {
+        selectedDate: F(e, "value"),
+        isDateDisabled: e.isDateDisabled,
+        maxRange: F(e, "maxRange"),
+        granularity: F(e, "granularity"),
+        firstDayOfWeek: e.firstDayOfWeek,
+        min: F(e, "min"),
+        max: F(e, "max")
+      },
+      t
+    ) : pt(
+      {
+        selectedDate: F(e, "value"),
+        firstDayOfWeek: e.firstDayOfWeek
+      },
+      t
+    ), g = (l) => e.numberOfMonths === 1 ? Q.UNIQUE : l === 0 ? Q.FIRST : l === e.numberOfMonths - 1 ? Q.LAST : Q.MIDDLE, f = w(() => (l) => {
+      const i = e != null && e.showEndDateOnOpen && e.isRange ? Z(a.value, e.numberOfMonths - 1) : a.value;
+      return q(i, l);
+    }), m = w(() => (l) => {
+      const i = e != null && e.showEndDateOnOpen ? nt(a.value, e.numberOfMonths - 1) : a.value;
+      return Be(i, l);
+    });
+    return {
+      // Refs
+      calendarRef: n,
+      // Values
+      baseDate: a,
+      calendarComponent: r,
+      conditionalClasses: o,
+      internalValue: s,
+      // Methods
+      calculateOffsetMonth: f,
+      calculateOffsetYear: m,
+      calendarPosition: g,
+      // Events
+      onDateInput: u,
+      onMouseOver: y,
+      calculateNextMonths: (l = 1) => {
+        a.value = q(a.value, l);
+      },
+      calculatePreviousMonths: (l = 1) => {
+        a.value = Z(a.value, l);
+      }
+    };
+  }
+});
+var Yt = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", { staticClass: "b-calendar", class: t.conditionalClasses }, t._l(t.numberOfMonths, function(a, r) {
+    return n(t.calendarComponent, { key: `calendar-${r}`, ref: t.numberOfMonths === 1 ? "calendarRef" : null, refInFor: !0, tag: "component", attrs: { "first-day-of-week": t.firstDayOfWeek, "is-date-disabled": t.isDateDisabled, month: t.calculateOffsetMonth(r), year: t.calculateOffsetYear(r), position: t.calendarPosition(r), min: t.min, max: t.max, "is-range": t.isRange, "start-date": t.internalValue.startDate, "end-date": t.internalValue.endDate, granularity: t.granularity }, on: { input: t.onDateInput, mouseover: t.onMouseOver, changeDay: t.onMouseOver, nextMonth: t.calculateNextMonths, previousMonth: t.calculatePreviousMonths } });
+  }), 1);
+}, At = [], Ct = /* @__PURE__ */ ae(
+  Rt,
+  Yt,
+  At,
+  !1,
+  null,
+  "c4a9f725"
+);
+const Xt = Ct.exports;
+export {
+  H as C,
+  Xt as a,
+  $ as b,
+  Q as c,
+  fe as d,
+  q as e,
+  ce as f,
+  V as g,
+  oe as h,
+  ne as i,
+  ee as j,
+  ue as k,
+  ze as l,
+  Z as m,
+  de as n,
+  se as s,
+  xt as u
+};
+//# sourceMappingURL=calendar.C7onA58P.js.map