@adyen/bento-vue3 1.46.0 → 1.47.0

package/dist/chunks/{calendar.DlvMzTO4.js → calendar.CKY08nCx.js}

@@ -1,24 +1,24 @@
-import { defineComponent as ye, computed as k, resolveComponent as F, openBlock as b, createElementBlock as L, normalizeClass as pe, withKeys as $e, 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, withCtx as te, createCommentVNode as de, 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.DVGj7WKQ.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.DSnv5X7y.js";
-import { B as He } from "./typography.DNzU41ah.js";
-import { u as qe } from "./i18n.CPGoe9tN.js";
-import { g as Ke } from "./generate-uid.D-HFI38h.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";
 import "./events.FNmSWp_P.js";
 import { a as Qe } from "./keyboard-navigation.C3QMVRKY.js";
-import { C as Xe, a as ze } from "./chevron-left.NvV5m76j.js";
+import { a as Xe, C as ze } from "./chevron-left.CYEK2UTr.js";
 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,11 +403,11 @@ 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: Xe,
-    ChevronRightIcon: ze
+    ChevronLeftIcon: ze,
+    ChevronRightIcon: Xe
   },
   directives: { BentoKeyboardNavigationDirective: Qe },
   props: {
@@ -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.DlvMzTO4.js.map
+//# sourceMappingURL=calendar.CKY08nCx.js.map