@adyen/bento-vue3 1.45.0 → 1.47.0

package/dist/chunks/{calendar.1qqtC8ba.js → calendar.CKY08nCx.js}

@@ -1,8 +1,8 @@
-import { defineComponent as ye, computed as k, resolveComponent as F, createElementBlock as L, openBlock as b, withKeys as $e, normalizeClass as pe, createElementVNode as Y, createVNode as K, ref as V, watch as J, nextTick as We, toRef as B, resolveDirective as Ye, withDirectives as Be, mergeProps as Ce, toHandlers as Fe, createBlock as ne, createCommentVNode as de, withCtx as te, createTextVNode as we, toDisplayString as Ee, Fragment as oe, renderList as re, reactive as Pe } from "vue";
-import { r as w, t as M, a as be, g as je } from "./get-date-locale.BN8xEjY0.js";
-import { t as p, B as Ge, a as Ve, f as Se } from "./date.DeaBl297.js";
+import { defineComponent as ye, computed as k, resolveComponent as F, createElementBlock as $, openBlock as b, withKeys as Ue, normalizeClass as pe, createElementVNode as Y, createVNode as K, ref as x, watch as J, nextTick as We, toRef as B, resolveDirective as Ye, withDirectives as Be, mergeProps as Ce, toHandlers as Fe, createBlock as ne, createCommentVNode as de, withCtx as te, createTextVNode as we, toDisplayString as Ee, Fragment as oe, renderList as re, reactive as Re } from "vue";
+import { r as w, t as N, a as be, g as je } from "./get-date-locale.BN8xEjY0.js";
+import { t as p, B as Ve, a as xe, f as Se } from "./date.DeaBl297.js";
 import { e as ce } from "./index.CrhTVr5J.js";
-import { B as xe } from "./button.Cneb6rPP.js";
+import { B as Ge } from "./button.Cneb6rPP.js";
 import { B as He } from "./typography.DN5eC5ch.js";
 import { u as qe } from "./i18n.WMYWtwxB.js";
 import { g as Ke } from "./generate-uid.NJ8tVoha.js";
@@ -13,12 +13,12 @@ import { _ as ge } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/calendar.css";
 function Z(e, t) {
   w(2, arguments);
-  var n = M(e), a = p(t);
+  var n = N(e), a = p(t);
   return isNaN(a) ? /* @__PURE__ */ new Date(NaN) : (a && n.setDate(n.getDate() + a), n);
 }
-function x(e, t) {
+function G(e, t) {
   w(2, arguments);
-  var n = M(e), a = p(t);
+  var n = N(e), a = p(t);
   if (isNaN(a))
     return /* @__PURE__ */ new Date(NaN);
   if (!a)
@@ -33,12 +33,12 @@ function se(e, t) {
   var n = t || {}, a = n.locale, l = a && a.options && a.options.weekStartsOn, r = l == null ? 0 : p(l), s = n.weekStartsOn == null ? r : p(n.weekStartsOn);
   if (!(s >= 0 && s <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var o = M(e), v = o.getDay(), c = (v < s ? 7 : 0) + v - s;
+  var o = N(e), v = o.getDay(), c = (v < s ? 7 : 0) + v - s;
   return o.setDate(o.getDate() - c), o.setHours(0, 0, 0, 0), o;
 }
 function j(e) {
   w(1, arguments);
-  var t = M(e);
+  var t = N(e);
   return t.setHours(0, 0, 0, 0), t;
 }
 var Je = 864e5;
@@ -58,14 +58,14 @@ function Te(e, t) {
 }
 function et(e, t) {
   w(2, arguments);
-  var n = M(e), a = M(t), l = Te(n, a), r = Math.abs(Ze(n, a));
+  var n = N(e), a = N(t), l = Te(n, a), r = Math.abs(Ze(n, a));
   n.setDate(n.getDate() - l * r);
   var s = +(Te(n, a) === -l), o = l * (r - s);
   return o === 0 ? 0 : o;
 }
 function ue(e) {
   w(1, arguments);
-  var t = M(e);
+  var t = N(e);
   return t.setDate(1), t.setHours(0, 0, 0, 0), t;
 }
 function le(e, t) {
@@ -73,7 +73,7 @@ function le(e, t) {
   var n = t || {}, a = n.locale, l = a && a.options && a.options.weekStartsOn, r = l == null ? 0 : p(l), s = n.weekStartsOn == null ? r : p(n.weekStartsOn);
   if (!(s >= 0 && s <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var o = M(e), v = o.getDay(), c = (v < s ? -7 : 0) + 6 - (v - s);
+  var o = N(e), v = o.getDay(), c = (v < s ? -7 : 0) + 6 - (v - s);
   return o.setDate(o.getDate() + c), o.setHours(23, 59, 59, 999), o;
 }
 function tt(e, t) {
@@ -84,21 +84,21 @@ function tt(e, t) {
 function z(e, t) {
   w(2, arguments);
   var n = p(t);
-  return x(e, -n);
+  return G(e, -n);
 }
 function at(e, t) {
   w(2, arguments);
-  var n = M(e), a = M(t);
+  var n = N(e), a = N(t);
   return n.getTime() > a.getTime();
 }
 function nt(e, t) {
   w(2, arguments);
-  var n = M(e), a = M(t);
+  var n = N(e), a = N(t);
   return n.getTime() < a.getTime();
 }
 function ke(e, t) {
   w(2, arguments);
-  var n = M(e).getTime(), a = M(t.start).getTime(), l = M(t.end).getTime();
+  var n = N(e).getTime(), a = N(t.start).getTime(), l = N(t.end).getTime();
   if (!(a <= l))
     throw new RangeError("Invalid interval");
   return n >= a && n <= l;
@@ -108,10 +108,10 @@ function ot(e, t, n) {
   var a = {}, l = a.locale, r = l && l.options && l.options.weekStartsOn, s = r == null ? 0 : p(r), o = a.weekStartsOn == null ? s : p(a.weekStartsOn);
   if (!(o >= 0 && o <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var v = M(e), c = p(t), m = v.getDay(), D = c % 7, u = (D + 7) % 7, d = 7 - o, f = c < 0 || c > 6 ? c - (m + d) % 7 : (u + d) % 7 - (m + d) % 7;
+  var v = N(e), c = p(t), m = v.getDay(), D = c % 7, u = (D + 7) % 7, d = 7 - o, f = c < 0 || c > 6 ? c - (m + d) % 7 : (u + d) % 7 - (m + d) % 7;
   return Z(v, f);
 }
-var _ = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(_ || {}), $ = /* @__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 = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(Q || {});
+var _ = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(_ || {}), W = /* @__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))(W || {}), Q = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(Q || {});
 const rt = {
   /**
    * Date to be displayed as the calendar day. From 1st to 31st (or end of the month defined in the date)
@@ -136,7 +136,7 @@ const rt = {
   }
 }, st = ye({
   name: "calendar-month-day",
-  components: { BentoDate: Ge },
+  components: { BentoDate: Ve },
   inheritAttrs: !0,
   props: rt,
   emits: [Q.CLICK, Q.MOUSE_OVER],
@@ -149,20 +149,20 @@ const rt = {
       // Values
       conditionalClasses: k(() => ({
         // Variants
-        [`b-calendar-month-day--${$.BEGINNING}`]: e.variant === _.BEGINNING,
-        [`b-calendar-month-day--${$.MIDDLE}`]: e.variant === _.MIDDLE,
-        [`b-calendar-month-day--${$.END}`]: e.variant === _.END,
-        [`b-calendar-month-day--${$.SINGLE}`]: e.variant === _.SINGLE,
+        [`b-calendar-month-day--${W.BEGINNING}`]: e.variant === _.BEGINNING,
+        [`b-calendar-month-day--${W.MIDDLE}`]: e.variant === _.MIDDLE,
+        [`b-calendar-month-day--${W.END}`]: e.variant === _.END,
+        [`b-calendar-month-day--${W.SINGLE}`]: e.variant === _.SINGLE,
         // Selected
-        [`b-calendar-month-day--${$.UNSELECTED}`]: !e.selected,
-        [`b-calendar-month-day--${$.SELECTED}`]: e.selected,
+        [`b-calendar-month-day--${W.UNSELECTED}`]: !e.selected,
+        [`b-calendar-month-day--${W.SELECTED}`]: e.selected,
         // Current Day
-        [`b-calendar-month-day--${$.CURRENT_DAY}`]: n.value,
+        [`b-calendar-month-day--${W.CURRENT_DAY}`]: n.value,
         // Disabled
-        [`b-calendar-month-day--${$.DISABLED}`]: e.disabled
+        [`b-calendar-month-day--${W.DISABLED}`]: e.disabled
       })),
       // Enums
-      BentoDateFormat: Ve,
+      BentoDateFormat: xe,
       CalendarMonthDayEvent: Q,
       // Events
       onClick: (r, s) => {
@@ -173,13 +173,13 @@ const rt = {
 }), ut = ["tabindex", "aria-selected"], lt = { class: "b-calendar-month-day__wrapper" };
 function it(e, t, n, a, l, r) {
   const s = F("bento-date");
-  return b(), L("td", {
+  return b(), $("td", {
     class: pe(["b-calendar-month-day", e.conditionalClasses]),
     tabindex: e.selected ? "0" : "-1",
     "aria-selected": e.selected ? e.selected : void 0,
     onClick: t[0] || (t[0] = (o) => e.onClick(o, e.day)),
     onMouseover: t[1] || (t[1] = (o) => e.$emit(e.CalendarMonthDayEvent.MOUSE_OVER)),
-    onKeydown: t[2] || (t[2] = $e((o) => e.onClick(o, e.day), ["space", "enter"]))
+    onKeydown: t[2] || (t[2] = Ue((o) => e.onClick(o, e.day), ["space", "enter"]))
   }, [
     Y("div", lt, [
       K(s, {
@@ -208,7 +208,7 @@ var ve = { exports: {} }, fe = { exports: {} };
   }
   e.exports = t.default;
 })(fe, fe.exports);
-var Re = fe.exports, De = { exports: {} }, me = { exports: {} }, he = { exports: {} };
+var Pe = fe.exports, De = { exports: {} }, me = { exports: {} }, he = { exports: {} };
 (function(e, t) {
   Object.defineProperty(t, "__esModule", {
     value: !0
@@ -240,7 +240,7 @@ var vt = me.exports;
   Object.defineProperty(t, "__esModule", {
     value: !0
   }), t.default = s;
-  var n = r(Re), a = r(vt), l = r(Oe);
+  var n = r(Pe), a = r(vt), l = r(Oe);
   function r(o) {
     return o && o.__esModule ? o : { default: o };
   }
@@ -256,7 +256,7 @@ var ft = De.exports;
   Object.defineProperty(t, "__esModule", {
     value: !0
   }), t.default = s;
-  var n = r(Re), a = r(ft), l = r(Oe);
+  var n = r(Pe), a = r(ft), l = r(Oe);
   function r(o) {
     return o && o.__esModule ? o : { default: o };
   }
@@ -269,7 +269,7 @@ var ft = De.exports;
 })(ve, ve.exports);
 var Dt = ve.exports;
 const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isDateDisabled: n, firstDayOfWeek: a }, l) => {
-  const r = V(new Date(t.value));
+  const r = x(new Date(t.value));
   J(
     t,
     () => {
@@ -277,16 +277,16 @@ const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isD
     },
     { immediate: !0 }
   );
-  const s = V(new Date(e.value));
+  const s = x(new Date(e.value));
   J(e, () => {
     s.value = new Date(e.value);
   });
-  const o = V({}), v = (i) => (g) => {
+  const o = x({}), v = (i) => (g) => {
     o.value[i.toDateString()] = g;
   }, c = () => {
     o.value = {};
   }, m = (i = 1) => {
-    r.value = x(r.value, i), l(U.NEXT_MONTH, i), c();
+    r.value = G(r.value, i), l(U.NEXT_MONTH, i), c();
   }, D = (i = 1) => {
     r.value = z(r.value, i), l(U.PREVIOUS_MONTH, i), c();
   }, u = (i) => {
@@ -294,10 +294,10 @@ const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isD
     i && g && o.value[i.toDateString()].$el.focus();
   }, d = (i) => {
     i.preventDefault(), i.stopImmediatePropagation(), i.stopPropagation();
-  }, f = ({ nextDate: i, isIncreasingDays: g, amountOfMonths: R, isCalendarButtonsNav: ee }) => {
+  }, f = ({ nextDate: i, isIncreasingDays: g, amountOfMonths: A, isCalendarButtonsNav: ee }) => {
     if (!ee && n && n(i))
       return;
-    i.getMonth() === s.value.getMonth() && i.getFullYear() === s.value.getFullYear() ? (s.value = i, u(i)) : (g ? m(R) : D(R), We(() => {
+    i.getMonth() === s.value.getMonth() && i.getFullYear() === s.value.getFullYear() ? (s.value = i, u(i)) : (g ? m(A) : D(A), We(() => {
       const ie = i.getMonth() === r.value.getMonth() && i.getFullYear() === r.value.getFullYear();
       n && n(i) || !ie || ee || (s.value = i, u(i));
     }));
@@ -351,11 +351,11 @@ const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isD
     // PageUp
     moveToPreviousMonth: (i, g = !1) => {
       d(i);
-      const R = 1;
+      const A = 1;
       f({
-        nextDate: z(s.value, R),
+        nextDate: z(s.value, A),
         isIncreasingDays: !1,
-        amountOfMonths: R,
+        amountOfMonths: A,
         isCalendarButtonsNav: g
       });
     },
@@ -372,11 +372,11 @@ const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isD
     // PageDown
     moveToNextMonth: (i, g = !1) => {
       d(i);
-      const R = 1;
+      const A = 1;
       f({
-        nextDate: x(s.value, R),
+        nextDate: G(s.value, A),
         isIncreasingDays: !0,
-        amountOfMonths: R,
+        amountOfMonths: A,
         isCalendarButtonsNav: g
       });
     },
@@ -385,7 +385,7 @@ const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isD
       d(i);
       const g = 12;
       f({
-        nextDate: x(s.value, g),
+        nextDate: G(s.value, g),
         isIncreasingDays: !0,
         amountOfMonths: g
       });
@@ -403,7 +403,7 @@ const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isD
   i18n: { messages: _e },
   name: "calendar-month",
   components: {
-    BentoButton: xe,
+    BentoButton: Ge,
     BentoTypography: He,
     CalendarMonthDay: dt,
     ChevronLeftIcon: ze,
@@ -468,8 +468,8 @@ const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isD
   setup(e, { emit: t }) {
     const { locale: n, t: a } = qe({ messages: _e }), l = je(), r = Ke("bento-date-picker-month-label"), s = k(
       () => (O) => {
-        var A;
-        return e.min && O < e.min || e.max && O > e.max || ((A = e.isDateDisabled) == null ? void 0 : A.call(e, O));
+        var L;
+        return e.min && O < e.min || e.max && O > e.max || ((L = e.isDateDisabled) == null ? void 0 : L.call(e, O));
       }
     ), {
       internalDate: o,
@@ -483,12 +483,12 @@ const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isD
       moveToNextDay: u,
       moveToPreviousDay: d,
       moveToPreviousWeek: f,
-      moveToNextWeek: W,
+      moveToNextWeek: R,
       moveToFirstDayOfWeek: H,
       moveToLastDayOfWeek: h,
       moveToPreviousMonth: y,
       moveToPreviousYear: S,
-      moveToNextMonth: N,
+      moveToNextMonth: M,
       moveToNextYear: P,
       focusOnDate: E
     } = mt(
@@ -501,7 +501,7 @@ const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isD
       t
     ), T = k(
       () => Object.values(X).includes(e.firstDayOfWeek) ? e.firstDayOfWeek : X.MONDAY
-    ), Ne = k(
+    ), Me = k(
       () => [I.FIRST, I.UNIQUE].includes(e.position)
     ), i = k(
       () => [I.LAST, I.UNIQUE].includes(e.position)
@@ -509,20 +509,20 @@ const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isD
       () => Se(v.value, "MMMM yyyy", {
         locale: l[n.value.substring(0, 2)] || l.enUS
       })
-    ), R = k(
-      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((O, A) => {
-        const q = ot(O, T.value + A);
+    ), A = k(
+      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((O, L) => {
+        const q = ot(O, T.value + L);
         return Se(q, "EEE", {
           locale: l[n.value.substring(0, 2)] || l.enUS
         });
       })
     ), ee = k(() => {
-      const O = [], A = ue(e.month);
+      const O = [], L = ue(e.month);
       let q = O[O.push([]) - 1];
-      for (; A.getMonth() === e.month.getMonth(); )
-        A.getDay() - T.value === 0 && q.length > 0 && (q = O[O.push([]) - 1]), q.push(j(A)), A.setDate(A.getDate() + 1);
+      for (; L.getMonth() === e.month.getMonth(); )
+        L.getDay() - T.value === 0 && q.length > 0 && (q = O[O.push([]) - 1]), q.push(j(L)), L.setDate(L.getDate() + 1);
       return O;
-    }), Me = (O) => {
+    }), Ne = (O) => {
       t(U.INPUT, O);
     }, ie = (O) => {
       if (!e.isRange || ae(e.startDate, e.endDate))
@@ -535,16 +535,16 @@ const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isD
         return _.MIDDLE;
     }, Ae = (O) => o.value && ae(o.value, O) ? !0 : e.startDate && e.endDate && ke(O, { start: e.startDate, end: e.endDate }), Le = () => {
       t(U.INPUT, o);
-    }, Ue = e.isRange ? {} : {
+    }, $e = e.isRange ? {} : {
       "keydown:arrow-right": u,
       "keydown:arrow-left": d,
       "keydown:arrow-up": f,
-      "keydown:arrow-down": W,
+      "keydown:arrow-down": R,
       "keydown:home": H,
       "keydown:end": h,
       "keydown:page-up": y,
       "keydown:shift-page-up": S,
-      "keydown:page-down": N,
+      "keydown:page-down": M,
       "keydown:shift-page-down": P
     };
     return {
@@ -552,11 +552,11 @@ const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isD
       addDayRef: c,
       // Values
       computedIsDateDisabled: s,
-      daysOfWeek: R,
+      daysOfWeek: A,
       weeksOfMonth: ee,
       formattedMonthDate: g,
       shouldShowNextMonthButton: i,
-      shouldShowPreviousMonthButton: Ne,
+      shouldShowPreviousMonthButton: Me,
       monthLabelId: r,
       // Enums
       CalendarMonthEvent: U,
@@ -567,28 +567,28 @@ const Ie = /* @__PURE__ */ ct(Dt), mt = ({ currentSelectedDate: e, month: t, isD
       dayVariant: ie,
       confirmNavigationDate: Le,
       // Events
-      onDayClicked: Me,
-      listeners: Ue,
+      onDayClicked: Ne,
+      listeners: $e,
       // Exposed methods
       focusOnDate: E,
       moveToNextDay: u,
       moveToPreviousDay: d,
       moveToPreviousWeek: f,
-      moveToNextWeek: W,
+      moveToNextWeek: R,
       moveToFirstDayOfWeek: H,
       moveToLastDayOfWeek: h,
       moveToPreviousMonth: y,
       moveToPreviousYear: S,
-      moveToNextMonth: N,
+      moveToNextMonth: M,
       moveToNextYear: P,
       // Translations
       t: a
     };
   }
-}), yt = { class: "b-calendar-month__month-selector" }, gt = { class: "b-calendar-month__previous" }, Ot = { class: "b-calendar-month__next" }, Nt = ["aria-labelledby"], Mt = { class: "b-calendar-month__week-header" }, wt = ["colspan"];
+}), yt = { class: "b-calendar-month__month-selector" }, gt = { class: "b-calendar-month__previous" }, Ot = { class: "b-calendar-month__next" }, Mt = ["aria-labelledby"], Nt = { class: "b-calendar-month__week-header" }, wt = ["colspan"];
 function Et(e, t, n, a, l, r) {
   const s = F("chevron-left-icon"), o = F("bento-button"), v = F("bento-typography"), c = F("chevron-right-icon"), m = F("calendar-month-day"), D = Ye("bento-keyboard-navigation-directive");
-  return Be((b(), L("div", Ce({ class: "b-calendar-month" }, Fe(e.listeners, !0)), [
+  return Be((b(), $("div", Ce({ class: "b-calendar-month" }, Fe(e.listeners, !0)), [
     Y("div", yt, [
       Y("div", gt, [
         e.shouldShowPreviousMonthButton ? (b(), ne(o, {
@@ -636,8 +636,8 @@ function Et(e, t, n, a, l, r) {
       "aria-labelledby": e.monthLabelId
     }, [
       Y("thead", null, [
-        Y("tr", Mt, [
-          (b(!0), L(oe, null, re(e.daysOfWeek, (u, d) => (b(), L("th", {
+        Y("tr", Nt, [
+          (b(!0), $(oe, null, re(e.daysOfWeek, (u, d) => (b(), $("th", {
             key: d,
             class: "b-calendar-month__day-of-week"
           }, [
@@ -655,15 +655,15 @@ function Et(e, t, n, a, l, r) {
         ])
       ]),
       Y("tbody", null, [
-        (b(!0), L(oe, null, re(e.weeksOfMonth, (u, d) => (b(), L("tr", { key: d }, [
-          d === 0 && u.length < 7 ? (b(), L("td", {
+        (b(!0), $(oe, null, re(e.weeksOfMonth, (u, d) => (b(), $("tr", { key: d }, [
+          d === 0 && u.length < 7 ? (b(), $("td", {
             key: 0,
             colspan: 7 - u.length
           }, null, 8, wt)) : de("", !0),
-          (b(!0), L(oe, null, re(u, (f, W) => (b(), ne(m, {
+          (b(!0), $(oe, null, re(u, (f, R) => (b(), ne(m, {
             ref_for: !0,
             ref: e.addDayRef(f),
-            key: `calendar-day-${W}`,
+            key: `calendar-day-${R}`,
             day: f,
             disabled: e.computedIsDateDisabled(f),
             selected: e.isSelectedDate(f),
@@ -673,15 +673,15 @@ function Et(e, t, n, a, l, r) {
           }, null, 8, ["day", "disabled", "selected", "variant", "onClick", "onMouseover"]))), 128))
         ]))), 128))
       ])
-    ], 8, Nt)
+    ], 8, Mt)
   ], 16)), [
     [D]
   ]);
 }
-const G = /* @__PURE__ */ ge(ht, [["render", Et], ["__scopeId", "data-v-c994447c"]]);
+const V = /* @__PURE__ */ ge(ht, [["render", Et], ["__scopeId", "data-v-c994447c"]]);
 var C = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(C || {});
 const bt = ({ selectedDate: e }, t) => {
-  const n = Pe({
+  const n = Re({
     startDate: null,
     endDate: null
   });
@@ -732,10 +732,10 @@ const bt = ({ selectedDate: e }, t) => {
     }
   };
 }, Tt = ({ selectedDate: e, isDateDisabled: t, maxRange: n, granularity: a, firstDayOfWeek: l, min: r, max: s }, o) => {
-  const { adjustDateForWeekly: m, adjustDateForMonthly: D } = St(l), u = Pe({
+  const { adjustDateForWeekly: m, adjustDateForMonthly: D } = St(l), u = Re({
     startDate: null,
     endDate: null
-  }), d = V(null);
+  }), d = x(null);
   J(
     () => e.value,
     () => {
@@ -746,12 +746,12 @@ const bt = ({ selectedDate: e }, t) => {
   );
   const f = (h, y, S) => {
     if (u.startDate = h, u.endDate = y, n.value) {
-      const N = et(y, h) - n.value;
-      N > 0 && (S < 1 ? (u.startDate = h, u.endDate = tt(y, N)) : (u.startDate = Z(h, N), u.endDate = y));
+      const M = et(y, h) - n.value;
+      M > 0 && (S < 1 ? (u.startDate = h, u.endDate = tt(y, M)) : (u.startDate = Z(h, M), u.endDate = y));
     }
     o(C.START_DATE_SELECTED, u.startDate), o(C.END_DATE_SELECTED, u.endDate);
-  }, W = (h) => {
-    var y, S, N, P;
+  }, R = (h) => {
+    var y, S, M, P;
     if (!(!d.value || t && t(h)))
       if (nt(h, d.value)) {
         if (((y = a == null ? void 0 : a.value) == null ? void 0 : y.type) === "weekly") {
@@ -766,7 +766,7 @@ const bt = ({ selectedDate: e }, t) => {
         }
         f(h, d.value, -1);
       } else {
-        if (((N = a == null ? void 0 : a.value) == null ? void 0 : N.type) === "weekly") {
+        if (((M = a == null ? void 0 : a.value) == null ? void 0 : M.type) === "weekly") {
           const { startDate: E, endDate: T } = m(d.value, h, r.value, s.value);
           f(E, T, 1);
           return;
@@ -786,28 +786,28 @@ const bt = ({ selectedDate: e }, t) => {
       if (d.value)
         d.value = null, o(C.INPUT, u);
       else {
-        let N = h;
+        let M = h;
         if (((y = a == null ? void 0 : a.value) == null ? void 0 : y.type) === "weekly") {
           const { startDate: P, endDate: E } = m(h);
-          N = P, f(N, E);
+          M = P, f(M, E);
         }
         if (((S = a == null ? void 0 : a.value) == null ? void 0 : S.type) === "monthly") {
           const { startDate: P, endDate: E } = D(h);
-          N = P, f(N, E);
+          M = P, f(M, E);
         }
-        d.value = N, W(N);
+        d.value = M, R(M);
       }
     },
-    onMouseOver: W
+    onMouseOver: R
   };
 }, kt = ye({
   name: "calendar",
-  components: { CalendarMonth: G },
+  components: { CalendarMonth: V },
   props: {
     /**
      * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: G.props.firstDayOfWeek,
+    firstDayOfWeek: V.props.firstDayOfWeek,
     /**
      * The selected granularity configuration
      */
@@ -818,11 +818,11 @@ const bt = ({ selectedDate: e }, t) => {
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: G.props.isDateDisabled,
+    isDateDisabled: V.props.isDateDisabled,
     /**
      * Enables the Date Range calendar
      */
-    isRange: G.props.isRange,
+    isRange: V.props.isRange,
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
@@ -830,11 +830,11 @@ const bt = ({ selectedDate: e }, t) => {
     /**
      * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
      */
-    min: G.props.min,
+    min: V.props.min,
     /**
      * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
      */
-    max: G.props.max,
+    max: V.props.max,
     /**
      * Number of months rendered on pane
      */
@@ -851,16 +851,29 @@ const bt = ({ selectedDate: e }, t) => {
      * Selected date. Can be a single Date or a CalendarRangeDate
      * instance that contains startDate and endDate attributes.
      */
-    value: { type: [Date, Object], default: void 0 }
+    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)
+    }
   },
   emit: [C.INPUT, C.START_DATE_SELECTED, C.END_DATE_SELECTED],
   setup(e, { emit: t }) {
-    const n = V(null), a = V();
+    const n = x(null), a = x();
     J(
       () => e.value,
       () => {
         var u, d, f;
-        e.isRange ? a.value = e != null && e.showEndDateOnOpen && ((u = e.value) != null && u.endDate) ? (d = e.value) == null ? void 0 : d.endDate : ((f = e.value) == null ? void 0 : f.startDate) || /* @__PURE__ */ new Date() : a.value = e.value || /* @__PURE__ */ new Date();
+        if (e.isRange)
+          a.value = e != null && e.showEndDateOnOpen && ((u = e.value) != null && u.endDate) ? (d = e.value) == null ? void 0 : d.endDate : ((f = e.value) == null ? void 0 : f.startDate) || /* @__PURE__ */ new Date();
+        else {
+          const R = e.defaultDisplayMonth && new Date(e.defaultDisplayMonth).getTime() ? new Date(e.defaultDisplayMonth) : /* @__PURE__ */ new Date();
+          a.value = e.value || R;
+        }
       },
       { immediate: !0 }
     );
@@ -889,7 +902,7 @@ const bt = ({ selectedDate: e }, t) => {
       t
     ), v = (u) => e.numberOfMonths === 1 ? I.UNIQUE : u === 0 ? I.FIRST : u === e.numberOfMonths - 1 ? I.LAST : I.MIDDLE, c = k(() => (u) => {
       const d = e != null && e.showEndDateOnOpen && e.isRange ? z(a.value, e.numberOfMonths - 1) : a.value;
-      return x(d, u);
+      return G(d, u);
     });
     return {
       // Refs
@@ -905,7 +918,7 @@ const bt = ({ selectedDate: e }, t) => {
       onDateInput: s,
       onMouseOver: o,
       calculateNextMonths: (u = 1) => {
-        a.value = x(a.value, u);
+        a.value = G(a.value, u);
       },
       calculatePreviousMonths: (u = 1) => {
         a.value = z(a.value, u);
@@ -915,10 +928,10 @@ const bt = ({ selectedDate: e }, t) => {
 });
 function It(e, t, n, a, l, r) {
   const s = F("calendar-month");
-  return b(), L("div", {
+  return b(), $("div", {
     class: pe(["b-calendar", e.conditionalClasses])
   }, [
-    (b(!0), L(oe, null, re(e.numberOfMonths, (o, v) => (b(), ne(s, {
+    (b(!0), $(oe, null, re(e.numberOfMonths, (o, v) => (b(), ne(s, {
       ref_for: !0,
       ref: e.numberOfMonths === 1 ? "calendarRef" : null,
       key: `calendar-${v}`,
@@ -939,7 +952,7 @@ function It(e, t, n, a, l, r) {
     }, null, 8, ["first-day-of-week", "is-date-disabled", "month", "position", "min", "max", "is-range", "start-date", "end-date", "granularity", "onInput", "onMouseover", "onNextMonth", "onPreviousMonth"]))), 128))
   ], 2);
 }
-const Ft = /* @__PURE__ */ ge(kt, [["render", It], ["__scopeId", "data-v-72d1937c"]]);
+const Ft = /* @__PURE__ */ ge(kt, [["render", It], ["__scopeId", "data-v-fe667acc"]]);
 export {
   X as C,
   Ft as a,
@@ -949,10 +962,10 @@ export {
   le as e,
   tt as f,
   ue as g,
-  x as h,
+  G as h,
   ae as i,
   z as j,
   j as s,
   St as u
 };
-//# sourceMappingURL=calendar.1qqtC8ba.js.map
+//# sourceMappingURL=calendar.CKY08nCx.js.map