@adyen/bento-vue3 1.84.2 → 1.86.0

package/dist/chunks/date-input.XSJuuCHe.js

@@ -0,0 +1,20 @@
+import { computed as l } from "vue";
+import { C as d } from "./calendar.DzeJoNc2.js";
+const r = d.MONDAY, D = r, p = (e) => ({
+  resolvedFirstDayOfWeek: l(() => e.value ?? D ?? r)
+}), f = /[\d]/, y = /[A-Za-z]{2,}/, g = /^\d{4}$/, u = /^\d{4}-\d{2}$/, F = (e) => {
+  const { selectionStart: t } = e.target, a = f.test(e.key) || y.test(e.key), s = e.key === "-" && (t === 4 || t === 7), { ctrlKey: o, shiftKey: n, altKey: i, metaKey: c } = e;
+  !o && !n && !i && !c && !a && !s && e.preventDefault();
+}, h = (e) => {
+  if (!e)
+    return e;
+  let t = e;
+  const [a, s] = t.slice(-2), o = t.length === 6, n = t.length === 9;
+  return (o && parseInt(s, 10) > 1 && a === "-" || n && parseInt(s, 10) > 3 && a === "-") && (t = `${t.slice(0, t.length - 1)}0${s}`), (g.test(t) || u.test(t)) && (t += "-"), t;
+};
+export {
+  h as f,
+  p as u,
+  F as v
+};
+//# sourceMappingURL=date-input.XSJuuCHe.js.map

package/dist/chunks/date-input.XSJuuCHe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-input.XSJuuCHe.js","sources":["../../../vue2/src/composables/use-first-day-of-week/use-first-day-of-week.ts","../../../vue2/src/utils/ts/date-input.ts"],"sourcesContent":["import { computed, type Ref } from 'vue';\nimport { CalendarMonthFirstDayOfWeek } from '@/internal/calendar/components/calendar-month/calendar-month.types';\n\nconst DEFAULT_FIRST_DAY_OF_WEEK = CalendarMonthFirstDayOfWeek.MONDAY;\n\n/**\n * The global default for the first day of the week.\n *\n * In the future, this value could be resolved from:\n * 1. The Bento Vue plugin options (via provide/inject).\n *    In `packages/vue2/src/install.ts`, we could add a `firstDayOfWeek` option to `BentoVuePlugin`\n *    and provide it globally using `Vue.provide`.\n * 2. Global i18n settings.\n *    Since `vue-i18n` (v8) doesn't natively expose `firstDayOfWeek`, we could extend\n *    the i18n instance or use a custom global property.\n */\nconst FIRST_DAY_OF_WEEK_SET_BY_APP = DEFAULT_FIRST_DAY_OF_WEEK;\n\n/**\n * Resolves the first day of the week based on a hierarchy of configurations:\n * 1. Component-level override (if provided).\n * 2. App override (will be set up later)\n * 3. Default value i.e. Monday\n *\n * @param firstDayOfWeekProp - The component-level prop value.\n * @returns The resolved first day of the week.\n */\nexport const useFirstDayOfWeek = (firstDayOfWeekProp: Ref<CalendarMonthFirstDayOfWeek | undefined>) => {\n    const resolvedFirstDayOfWeek = computed(() => {\n        return firstDayOfWeekProp.value ?? FIRST_DAY_OF_WEEK_SET_BY_APP ?? DEFAULT_FIRST_DAY_OF_WEEK;\n    });\n\n    return {\n        resolvedFirstDayOfWeek,\n    };\n};\n","const validDigitRegex = /[\\d]/;\nconst validWordRegex = /[A-Za-z]{2,}/;\n\nconst yearRegex = /^\\d{4}$/;\nconst monthRegex = /^\\d{4}-\\d{2}$/;\n\nexport const validateDateInput = (event: KeyboardEvent) => {\n    // Get cursor position\n    const { selectionStart } = event.target as HTMLInputElement;\n\n    // Valid if `0-9` or word e.g. `Backspace`\n    const isValidKey = validDigitRegex.test(event.key) || validWordRegex.test(event.key);\n\n    // Valid `-` if after year (4) or month (7)\n    const isValidDash = event.key === '-' && (selectionStart === 4 || selectionStart === 7);\n\n    // Allow commands\n    const { ctrlKey, shiftKey, altKey, metaKey } = event;\n\n    if (!ctrlKey && !shiftKey && !altKey && !metaKey && !isValidKey && !isValidDash) {\n        // Prevent input of invalid characters\n        event.preventDefault();\n    }\n};\n\nexport const formatDateInputValue = (value: string) => {\n    if (!value) {\n        return value;\n    }\n\n    let formattedValue = value;\n\n    const [secondToLastDigit, lastDigit] = formattedValue.slice(-2);\n    // Add `0` before month/day (e.g. 4 -> 04)\n    const isMonth = formattedValue.length === 6;\n    const isDay = formattedValue.length === 9;\n    if (\n        (isMonth && parseInt(lastDigit, 10) > 1 && secondToLastDigit === '-') ||\n        (isDay && parseInt(lastDigit, 10) > 3 && secondToLastDigit === '-')\n    ) {\n        formattedValue = `${formattedValue.slice(0, formattedValue.length - 1)}0${lastDigit}`;\n    }\n\n    // Add `-` after year/month\n    if (yearRegex.test(formattedValue) || monthRegex.test(formattedValue)) {\n        formattedValue += '-';\n    }\n\n    return formattedValue;\n};\n"],"names":["DEFAULT_FIRST_DAY_OF_WEEK","CalendarMonthFirstDayOfWeek","FIRST_DAY_OF_WEEK_SET_BY_APP","useFirstDayOfWeek","firstDayOfWeekProp","computed","validDigitRegex","validWordRegex","yearRegex","monthRegex","validateDateInput","event","selectionStart","isValidKey","isValidDash","ctrlKey","shiftKey","altKey","metaKey","formatDateInputValue","value","formattedValue","secondToLastDigit","lastDigit","isMonth","isDay"],"mappings":";;AAGA,MAAMA,IAA4BC,EAA4B,QAaxDC,IAA+BF,GAWxBG,IAAoB,CAACC,OAKvB;AAAA,EACH,wBAL2BC,EAAS,MAC7BD,EAAmB,SAASF,KAAgCF,CACtE;AAGG,ICjCFM,IAAkB,QAClBC,IAAiB,gBAEjBC,IAAY,WACZC,IAAa,iBAENC,IAAoB,CAACC,MAAyB;AAEvD,QAAM,EAAE,gBAAAC,MAAmBD,EAAM,QAG3BE,IAAaP,EAAgB,KAAKK,EAAM,GAAG,KAAKJ,EAAe,KAAKI,EAAM,GAAG,GAG7EG,IAAcH,EAAM,QAAQ,QAAQC,MAAmB,KAAKA,MAAmB,IAG/E,EAAE,SAAAG,GAAS,UAAAC,GAAU,QAAAC,GAAQ,SAAAC,MAAYP;AAE/C,EAAI,CAACI,KAAW,CAACC,KAAY,CAACC,KAAU,CAACC,KAAW,CAACL,KAAc,CAACC,KAEhEH,EAAM,eAAA;AAEd,GAEaQ,IAAuB,CAACC,MAAkB;AACnD,MAAI,CAACA;AACD,WAAOA;AAGX,MAAIC,IAAiBD;AAErB,QAAM,CAACE,GAAmBC,CAAS,IAAIF,EAAe,MAAM,EAAE,GAExDG,IAAUH,EAAe,WAAW,GACpCI,IAAQJ,EAAe,WAAW;AACxC,UACKG,KAAW,SAASD,GAAW,EAAE,IAAI,KAAKD,MAAsB,OAChEG,KAAS,SAASF,GAAW,EAAE,IAAI,KAAKD,MAAsB,SAE/DD,IAAiB,GAAGA,EAAe,MAAM,GAAGA,EAAe,SAAS,CAAC,CAAC,IAAIE,CAAS,MAInFf,EAAU,KAAKa,CAAc,KAAKZ,EAAW,KAAKY,CAAc,OAChEA,KAAkB,MAGfA;AACX;"}

package/dist/chunks/{date-picker.DGIwFh6T.js → date-picker.CvTSZhMI.js}

@@ -1,17 +1,17 @@
-import { ref as d, computed as u, defineComponent as te, toRef as x, watch as N, withDirectives as le, createElementBlock as oe, openBlock as v, withKeys as P, createBlock as k, createCommentVNode as g, createElementVNode as re, unref as t, createVNode as Y, normalizeClass as ne, withCtx as $, createTextVNode as ie, toDisplayString as se, nextTick as de } from "vue";
-import { g as ue, s as U, e as ce, b as pe } from "./calendar.DKPx_cQU.js";
-import { h as me } from "./button-actions.Crj4QFAd.js";
-import { d as ve, B as fe } from "./typography.6Oo5TOMP.js";
-import { d as De } from "./debounce.DUTu11PS.js";
-import { v as be, f as ye } from "./date-input.BbZqj10S.js";
+import { ref as d, computed as u, defineComponent as le, toRef as F, watch as N, withDirectives as oe, openBlock as m, createElementBlock as re, withKeys as P, createBlock as k, unref as t, createCommentVNode as g, createElementVNode as ne, createVNode as Y, normalizeClass as ie, withCtx as $, createTextVNode as se, toDisplayString as de, nextTick as ue } from "vue";
+import { g as ce, s as U, e as pe, b as ve } from "./calendar.DzeJoNc2.js";
+import { h as me } from "./button-actions.BH-J7dux.js";
+import { d as fe, B as De } from "./typography.B3J6_tYk.js";
+import { D as be } from "./dropdown-default-textbox.B-_dTUVX.js";
+import { d as ye } from "./debounce.DUTu11PS.js";
+import { u as ke, v as ge, f as Ie } from "./date-input.XSJuuCHe.js";
 import { g as I } from "./generate-uid.NJ8tVoha.js";
-import { u as q } from "./index.pdBj0KQU.js";
-import { u as ke } from "./form-field.D_2g7vaP.js";
-import { u as ge } from "./use-form-layout-loading.CWbjZiwP.js";
-import { B as Ie } from "./directive.Cbdox5VL.js";
-import { D as Ce } from "./dropdown-default-textbox.DFtFMu5G.js";
-import { F as Be, E as K } from "./field-label.D7vU2Icm.js";
-import { _ as we } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { u as q } from "./index.B875RXHM.js";
+import { u as Ce } from "./form-field.D_2g7vaP.js";
+import { u as Be } from "./use-form-layout-loading.CWbjZiwP.js";
+import { B as we } from "./directive.rXUeDb8p.js";
+import { F as Ee, E as K } from "./error-message.BYA2_fPV.js";
+import { _ as Oe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/date-picker.css";
 const T = {
   "en-US": {
@@ -35,14 +35,14 @@ const T = {
     selectDateRange: "Selecione um intervalo de datas",
     selectedDateIsNotAvailable: "A data selecionada não está disponível"
   }
-}, Ee = ({
+}, Ae = ({
   datePickerValue: c,
   isDateIncorrect: C,
   isMonthVariant: n,
   placeholder: a
 }) => {
   var D;
-  const { locale: E, t: f } = q({ messages: T }), o = d((D = c.value) == null ? void 0 : D.toDateString());
+  const { locale: O, t: f } = q({ messages: T }), o = d((D = c.value) == null ? void 0 : D.toDateString());
   return {
     // Values
     dateDisplayValue: u(() => {
@@ -51,7 +51,7 @@ const T = {
       if (!c.value)
         return (a == null ? void 0 : a.value) || f("selectDate");
       const r = n != null && n.value ? { month: "long", year: "numeric" } : { day: "numeric", month: "short", year: "numeric" };
-      return ue(E.value, r).format(c.value);
+      return ce(O.value, r).format(c.value);
     }),
     textInputValue: o,
     // Methods
@@ -62,19 +62,19 @@ const T = {
         o.value = "";
         return;
       }
-      const O = n != null && n.value ? U(r) : r;
-      o.value = ce(O);
+      const B = n != null && n.value ? U(r) : r;
+      o.value = pe(B);
     }
   };
-}, Ae = {
+}, Fe = {
   i18n: { messages: T },
   name: "bento-date-picker",
   model: { prop: "modelValue" }
-}, Oe = /* @__PURE__ */ te({
-  ...Ae,
+}, Pe = /* @__PURE__ */ le({
+  ...Fe,
   props: {
     defaultDisplayMonth: { default: null },
-    firstDayOfWeek: { default: 1 },
+    firstDayOfWeek: { default: void 0 },
     isDateDisabled: { default: void 0 },
     min: { default: null },
     max: { default: null },
@@ -93,9 +93,9 @@ const T = {
   },
   emits: ["update:model-value", "input"],
   setup(c, { emit: C }) {
-    const a = c, E = C, { t: f } = q({ messages: T }), o = I("bento-date-picker-container"), A = I("bento-date-picker-label"), h = I("bento-date-picker-description"), D = I("bento-date-picker-error"), r = I("bento-date-picker-date-error"), O = u(() => a.label || f("datePicker", { name: o })), F = d(null), B = d(null), i = d(!1), l = d(!1), R = d(void 0), p = d(a.modelValue), { isReadOnly: L } = ge(x(a, "readonly")), { emitValue: b } = ke(E), W = u(() => ({
-      initialFocus: R.value,
-      additionalContainers: [B.value.$el]
+    const a = c, O = C, { t: f } = q({ messages: T }), o = I("bento-date-picker-container"), A = I("bento-date-picker-label"), h = I("bento-date-picker-description"), D = I("bento-date-picker-error"), r = I("bento-date-picker-date-error"), B = u(() => a.label || f("datePicker", { name: o })), R = d(null), w = d(null), i = d(!1), l = d(!1), S = d(void 0), p = d(a.modelValue), { isReadOnly: L } = Be(F(a, "readonly")), { emitValue: b } = Ce(O), { resolvedFirstDayOfWeek: W } = ke(F(a, "firstDayOfWeek")), j = u(() => ({
+      initialFocus: S.value,
+      additionalContainers: [w.value.$el]
     }));
     N(
       () => a.disabled,
@@ -104,55 +104,55 @@ const T = {
       }
     ), N(
       [() => a.value, () => a.modelValue],
-      ([e, m]) => {
-        e && ve(
+      ([e, v]) => {
+        e && fe(
           'BentoDatePicker "value" property',
           'The use of "value" prop in "BentoDatePicker" is no longer supported. Use the "v-model" or "model-value" property instead.',
           "2.0.0"
-        ), p.value = m ?? e;
+        ), p.value = v ?? e;
       },
       { immediate: !0 }
     );
-    const j = u(() => a.variant === "month"), { dateDisplayValue: z, textInputValue: s, formatTextInputDisplayValue: S } = Ee({
+    const z = u(() => a.variant === "month"), { dateDisplayValue: J, textInputValue: s, formatTextInputDisplayValue: M } = Ae({
       datePickerValue: p,
       isDateIncorrect: i,
-      isMonthVariant: j,
-      placeholder: x(a, "placeholder")
-    }), y = u(() => a.isDateDisabled && s.value && a.isDateDisabled(new Date(s.value)) && !l.value ? f("selectedDateIsNotAvailable") : i.value ? f("provideDateInAFormat") : null), J = u(() => ({
+      isMonthVariant: z,
+      placeholder: F(a, "placeholder")
+    }), y = u(() => a.isDateDisabled && s.value && a.isDateDisabled(new Date(s.value)) && !l.value ? f("selectedDateIsNotAvailable") : i.value ? f("provideDateInAFormat") : null), G = u(() => ({
       "b-date-picker__description--error": a.errorMessage || y.value
-    })), G = u(
+    })), H = u(
       () => `${a.description ? h : ""} ${a.errorMessage ? D : ""} ${y.value ? r : ""}`.trim() || null
-    ), H = (e) => a.min && e <= a.min || a.max && e >= a.max ? !1 : a.isDateDisabled ? !a.isDateDisabled(e) : !0, w = () => {
+    ), Q = (e) => a.min && e <= a.min || a.max && e >= a.max ? !1 : a.isDateDisabled ? !a.isDateDisabled(e) : !0, E = () => {
       l.value = !1;
-    }, M = () => {
-      l.value = !0, S();
-    }, Q = (e) => {
-      i.value = !1, w(), b(e);
-    }, X = async () => {
+    }, V = () => {
+      l.value = !0, M();
+    }, X = (e) => {
+      i.value = !1, E(), b(e);
+    }, Z = async () => {
       i.value && (i.value = !1, s.value = null), b(null);
-    }, Z = (e) => {
-      be(e);
-    }, V = (e) => {
+    }, ee = (e) => {
+      ge(e);
+    }, _ = (e) => {
       if (e.length < 10)
         return;
-      /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(e) && H(new Date(e)) ? (i.value = !1, b(new Date(e))) : e && (i.value = !0, b(null));
-    }, ee = De(V, 1e3), ae = (e) => {
-      s.value = ye(e), l.value ? ee(s.value) : V(s.value);
-    }, _ = async (e) => {
-      var m;
-      l.value || (e.preventDefault(), M(), await de(), p.value || (S(/* @__PURE__ */ new Date()), b(/* @__PURE__ */ new Date())), R.value = ((m = F.value) == null ? void 0 : m.$refs.calendarRef[0].focusOnDate(
+      /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(e) && Q(new Date(e)) ? (i.value = !1, b(new Date(e))) : e && (i.value = !0, b(null));
+    }, ae = ye(_, 1e3), te = (e) => {
+      s.value = Ie(e), l.value ? ae(s.value) : _(s.value);
+    }, x = async (e) => {
+      var v;
+      l.value || (e.preventDefault(), V(), await ue(), p.value || (M(/* @__PURE__ */ new Date()), b(/* @__PURE__ */ new Date())), S.value = ((v = R.value) == null ? void 0 : v.$refs.calendarRef[0].focusOnDate(
         a.variant === "month" ? U(p.value) : p.value,
         !0
       )) ?? void 0);
     };
-    return (e, m) => le((v(), oe("div", {
+    return (e, v) => oe((m(), re("div", {
       class: "b-date-picker",
       onKeydownCapture: [
-        P(_, ["space"]),
-        P(_, ["enter"])
+        P(x, ["space"]),
+        P(x, ["enter"])
       ]
     }, [
-      e.label ? (v(), k(t(Be), {
+      e.label ? (m(), k(t(Ee), {
         key: 0,
         id: t(A),
         label: e.label,
@@ -160,90 +160,91 @@ const T = {
         optional: e.optional,
         required: e.required
       }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : g("", !0),
-      re("div", null, [
-        Y(t(Ce), {
+      ne("div", null, [
+        Y(t(be), {
           ref_key: "inputContainerRef",
-          ref: B,
+          ref: w,
           "always-combobox-is-input": "",
           ariaControls: t(o),
           ariaExpanded: l.value,
           "aria-labelledby": e.label ? t(A) : null,
-          "aria-describedby": G.value,
+          "aria-label": e.label ? null : B.value,
+          "aria-describedby": H.value,
           disabled: e.disabled,
           "dynamic-filtering": "",
           "is-invalid": !!e.errorMessage || !!y.value,
           open: l.value,
           value: t(s),
-          "display-value": t(z),
+          "display-value": t(J),
           "debounce-time": 0,
           readonly: t(L),
-          onInput: ae,
-          onOpen: M,
-          onKeydown: Z,
-          onClear: X,
-          onClose: w
-        }, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "disabled", "is-invalid", "open", "value", "display-value", "readonly"])
+          onInput: te,
+          onOpen: V,
+          onKeydown: ee,
+          onClear: Z,
+          onClose: E
+        }, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-label", "aria-describedby", "disabled", "is-invalid", "open", "value", "display-value", "readonly"])
       ]),
-      y.value ? (v(), k(t(K), {
+      y.value ? (m(), k(t(K), {
         key: 1,
         id: t(r),
         "error-message": y.value,
         class: "b-date-picker__error-message"
       }, null, 8, ["id", "error-message"])) : g("", !0),
-      e.errorMessage ? (v(), k(t(K), {
+      e.errorMessage ? (m(), k(t(K), {
         key: 2,
         id: t(D),
         "error-message": e.errorMessage,
         class: "b-date-picker__error-message"
       }, null, 8, ["id", "error-message"])) : g("", !0),
-      e.description ? (v(), k(t(fe), {
+      e.description ? (m(), k(t(De), {
         key: 3,
-        class: ne(["b-date-picker__description", J.value]),
+        class: ie(["b-date-picker__description", G.value]),
         el: "span"
       }, {
         default: $(() => [
-          ie(se(e.description), 1)
+          se(de(e.description), 1)
         ]),
         _: 1
       }, 8, ["class"])) : g("", !0),
-      B.value ? (v(), k(t(me), {
+      w.value ? (m(), k(t(me), {
         key: 4,
         id: t(o),
         class: "b-date-picker__container",
         role: "dialog",
         open: l.value,
-        "target-element": B.value,
-        "aria-label": O.value,
+        "target-element": w.value,
+        "aria-label": B.value,
         "aria-modal": !0,
         position: "bottom-start",
         "fit-content": "",
         "trap-all": "",
-        "trap-all-options": W.value,
-        onKeydown: P(w, ["esc", "native"])
+        "trap-all-options": j.value,
+        onKeydown: P(E, ["esc", "native"])
       }, {
         default: $(() => [
-          Y(t(pe), {
+          Y(t(ve), {
             ref_key: "calendarContainerRef",
-            ref: F,
+            ref: R,
             "default-display-month": e.defaultDisplayMonth,
-            "first-day-of-week": e.firstDayOfWeek,
+            "first-day-of-week": t(W),
             "is-date-disabled": e.isDateDisabled,
             "number-of-months": 1,
             value: p.value,
             min: e.min,
             max: e.max,
             variant: e.variant,
-            onInput: Q
+            onInput: X
           }, null, 8, ["default-display-month", "first-day-of-week", "is-date-disabled", "value", "min", "max", "variant"])
         ]),
         _: 1
       }, 8, ["id", "open", "target-element", "aria-label", "trap-all-options"])) : g("", !0)
     ], 32)), [
-      [t(Ie), w]
+      [t(we), E]
     ]);
   }
-}), qe = /* @__PURE__ */ we(Oe, [["__scopeId", "data-v-bc2bac33"]]);
+}), We = /* @__PURE__ */ Oe(Pe, [["__scopeId", "data-v-7054283b"]]);
 export {
-  qe as B
+  We as B
 };
-//# sourceMappingURL=date-picker.DGIwFh6T.js.map
+//# sourceMappingURL=date-picker.CvTSZhMI.js.map

package/dist/chunks/date-picker.CvTSZhMI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.CvTSZhMI.js","sources":["../../../vue2/src/components/date-picker/composables/use-date-picker-single-calendar-text.ts","../../../vue2/src/components/date-picker/date-picker.vue"],"sourcesContent":["import { computed, ref } from 'vue';\nimport { useI18n } from '@/utils/ts/i18n';\nimport { type UseDateDisplayText } from './use-date-picker-single-calendar-text.types';\nimport { startOfMonth } from 'date-fns/startOfMonth';\nimport { dateToInputDateString, getDateTimeFormatter } from '@/utils/ts/format-date';\nimport messages from '../messages.json';\n\ntype MessageSchema = (typeof messages)['en-US'];\n\n/**\n * Composable that sets and formats the date to be displayed in the input box of a Single Date Picker\n * @param {Ref<Date>} option.datePickerValue Ref to the datePickerValue set in the DatePicker component\n * @param {Ref<boolean>} option.isDateIncorrect Indicates if the date is correct or not\n * @param {?Ref<boolean>} option.isMonthVariant Indicates if the date picker has variant \"month\"\n */\nexport const useDatePickerSingleCalendarText: UseDateDisplayText<Date> = ({\n    datePickerValue,\n    isDateIncorrect,\n    isMonthVariant,\n    placeholder,\n}) => {\n    const { locale, t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const textInputValue = ref(datePickerValue.value?.toDateString());\n\n    const dateDisplayValue = computed(() => {\n        // Display incorrect date when there's an error with the input\n        if (isDateIncorrect.value) {\n            return textInputValue.value;\n        }\n\n        // Display \"Select a date\" when there's no date selected or input\n        if (!datePickerValue.value) {\n            return placeholder?.value || (t('selectDate') as string);\n        }\n\n        // Display the date in format \"dd MMM, yyyy (25 Jun, 2023)\" or \"MMMM yyyy (June 2023)\"\n        // if there's a valid date selected\n        const dateFormatOptions: Intl.DateTimeFormatOptions = isMonthVariant?.value\n            ? { month: 'long', year: 'numeric' }\n            : { day: 'numeric', month: 'short', year: 'numeric' };\n\n        return getDateTimeFormatter(locale.value, dateFormatOptions).format(datePickerValue.value);\n    });\n\n    /**\n     * Formats the \"dateToFormat\" date value with the yyyy-MM-dd format and sets it as \"formatTextInputDisplayValue\" value\n     * @param {Date} dateToFormat - Date to be assigned and formatted\n     */\n    const formatTextInputDisplayValue = (dateToFormat: Date = datePickerValue.value) => {\n        // If date is incorrect, leave the textInputValue intact\n        if (isDateIncorrect.value) {\n            return;\n        }\n\n        if (!dateToFormat) {\n            textInputValue.value = '';\n            return;\n        }\n\n        const date = isMonthVariant?.value ? startOfMonth(dateToFormat) : dateToFormat;\n        textInputValue.value = dateToInputDateString(date);\n    };\n\n    return {\n        // Values\n        dateDisplayValue,\n        textInputValue,\n\n        // Methods\n        formatTextInputDisplayValue,\n    };\n};\n","<!-- TODO: Remove aria props as these are part of JSX elements /vue/types/jsx.d.ts -->\n<!-- eslint-disable vue/attribute-hyphenation -->\n<template>\n    <div\n        v-bento-click-outside-directive=\"closeDatePicker\"\n        class=\"b-date-picker\"\n        @keydown.space.capture=\"onSpaceBarOrEnter\"\n        @keydown.enter.capture=\"onSpaceBarOrEnter\"\n    >\n        <!-- Label -->\n        <field-label\n            v-if=\"label\"\n            :id=\"labelId\"\n            :label=\"label\"\n            :tooltip-text=\"tooltipText\"\n            :optional=\"optional\"\n            :required=\"required\"\n        />\n\n        <!-- Input -->\n        <div>\n            <dropdown-input-default\n                ref=\"inputContainerRef\"\n                always-combobox-is-input\n                :ariaControls=\"datePickerContainerId\"\n                :ariaExpanded=\"isDatePickerOpen\"\n                :aria-labelledby=\"label ? labelId : null\"\n                :aria-label=\"label ? null : popoverAriaLabel\"\n                :aria-describedby=\"ariaDescribedBy\"\n                :disabled=\"disabled\"\n                dynamic-filtering\n                :is-invalid=\"!!errorMessage || !!dateErrorText\"\n                :open=\"isDatePickerOpen\"\n                :value=\"textInputValue\"\n                :display-value=\"dateDisplayValue\"\n                :debounce-time=\"0\"\n                :readonly=\"isReadOnly\"\n                @input=\"onDateInputChange\"\n                @open=\"openDatePicker\"\n                @keydown=\"onDateKeyDown\"\n                @clear=\"clearDatePickerValue\"\n                @close=\"closeDatePicker\"\n            />\n        </div>\n\n        <!-- Error Messages -->\n        <error-message\n            v-if=\"dateErrorText\"\n            :id=\"dateErrorId\"\n            :error-message=\"dateErrorText\"\n            class=\"b-date-picker__error-message\"\n        />\n        <error-message\n            v-if=\"errorMessage\"\n            :id=\"errorId\"\n            :error-message=\"errorMessage\"\n            class=\"b-date-picker__error-message\"\n        />\n\n        <!-- Description -->\n        <bento-typography\n            v-if=\"description\"\n            class=\"b-date-picker__description\"\n            :class=\"descriptionConditionalClasses\"\n            el=\"span\"\n        >\n            {{ description }}\n        </bento-typography>\n\n        <!-- Calendar container -->\n        <bento-popover\n            v-if=\"inputContainerRef\"\n            :id=\"datePickerContainerId\"\n            class=\"b-date-picker__container\"\n            role=\"dialog\"\n            :open=\"isDatePickerOpen\"\n            :target-element=\"inputContainerRef\"\n            :aria-label=\"popoverAriaLabel\"\n            :aria-modal=\"true\"\n            position=\"bottom-start\"\n            fit-content\n            trap-all\n            :trap-all-options=\"computedTrapAllOptions\"\n            @keydown.esc.native=\"closeDatePicker\"\n        >\n            <calendar\n                ref=\"calendarContainerRef\"\n                :default-display-month=\"defaultDisplayMonth\"\n                :first-day-of-week=\"resolvedFirstDayOfWeek\"\n                :is-date-disabled=\"isDateDisabled\"\n                :number-of-months=\"1\"\n                :value=\"internalModelValue\"\n                :min=\"min\"\n                :max=\"max\"\n                :variant=\"variant\"\n                @input=\"onDateSelected\"\n            />\n        </bento-popover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, nextTick, ref, toRef, watch } from 'vue';\n    import { startOfMonth } from 'date-fns/startOfMonth';\n\n    // Components\n    import { BentoPopover } from '@/components/popover';\n    import { BentoTypography } from '../typography';\n    import { Calendar, type CalendarSingleDateValue, ErrorMessage, FieldLabel } from '@/internal';\n    import { DropdownInputDefault } from '@/components/dropdown/components';\n\n    // Utils\n    import { debounce } from '@/utils/ts/debounce';\n    import { formatDateInputValue, validateDateInput } from '@/utils/ts/date-input';\n    import { generateUid } from '@/core/utils/ts';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useFormFieldEmits } from '@/utils/ts/form-field/form-field';\n    import { deprecate } from '@/utils/ts/deprecate';\n\n    // Composables\n    import { useDatePickerSingleCalendarText } from './composables/use-date-picker-single-calendar-text';\n    import { useFirstDayOfWeek, useFormLayoutFieldLoading } from '@/composables';\n\n    // Directive\n    import { BentoClickOutsideDirective as vBentoClickOutsideDirective } from '@/directives';\n\n    // Types\n    import { type BentoDatePickerEmits, type BentoDatePickerProps } from './date-picker.types';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n    const DEBOUNCE_TIME = 1000;\n\n    const props = withDefaults(defineProps<BentoDatePickerProps>(), {\n        defaultDisplayMonth: null,\n        description: undefined,\n        disabled: false,\n        errorMessage: null,\n        firstDayOfWeek: undefined,\n        isDateDisabled: undefined,\n        label: undefined,\n        max: null,\n        min: null,\n        modelValue: null,\n        optional: false,\n        placeholder: null,\n        readonly: false,\n        required: false,\n        tooltipText: null,\n        value: null,\n        variant: undefined, // Default will be set by @/internal/calendar\n    });\n\n    const emit = defineEmits<BentoDatePickerEmits>();\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const datePickerContainerId = generateUid('bento-date-picker-container');\n    const labelId = generateUid('bento-date-picker-label');\n    const descriptionId = generateUid('bento-date-picker-description');\n    const errorId = generateUid('bento-date-picker-error');\n    const dateErrorId = generateUid('bento-date-picker-date-error');\n    const popoverAriaLabel = computed(() => props.label || t('datePicker', { name: datePickerContainerId }));\n\n    // Refs\n    const calendarContainerRef = ref(null);\n    const inputContainerRef = ref(null);\n\n    // Values\n    const isDateIncorrect = ref(false);\n    const isDatePickerOpen = ref(false);\n    const initialFocusOnDatePickerOpen = ref(undefined);\n    const internalModelValue = ref<CalendarSingleDateValue | null>(props.modelValue); // to be removed when `props.value` is removed\n    const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n    const { emitValue } = useFormFieldEmits<CalendarSingleDateValue>(emit);\n    const { resolvedFirstDayOfWeek } = useFirstDayOfWeek(toRef(props, 'firstDayOfWeek'));\n\n    const computedTrapAllOptions = computed(() => ({\n        initialFocus: initialFocusOnDatePickerOpen.value,\n        additionalContainers: [inputContainerRef.value.$el],\n    }));\n\n    watch(\n        () => props.disabled,\n        disabled => {\n            // Close date picker popover if it's opened when it's disabled\n            if (disabled && isDatePickerOpen.value) {\n                isDatePickerOpen.value = false;\n            }\n        }\n    );\n\n    watch(\n        [() => props.value, () => props.modelValue],\n        ([newValue, newModelValue]) => {\n            if (newValue) {\n                deprecate(\n                    'BentoDatePicker \"value\" property',\n                    `The use of \"value\" prop in \"BentoDatePicker\" is no longer supported. Use the \"v-model\" or \"model-value\" property instead.`,\n                    '2.0.0'\n                );\n            }\n\n            internalModelValue.value = newModelValue ?? newValue;\n        },\n        { immediate: true }\n    );\n\n    const isMonthVariant = computed(() => props.variant === 'month');\n\n    const { dateDisplayValue, textInputValue, formatTextInputDisplayValue } = useDatePickerSingleCalendarText({\n        datePickerValue: internalModelValue,\n        isDateIncorrect,\n        isMonthVariant,\n        placeholder: toRef(props, 'placeholder'),\n    });\n\n    const dateErrorText = computed(() => {\n        if (\n            props.isDateDisabled &&\n            textInputValue.value &&\n            props.isDateDisabled(new Date(textInputValue.value)) &&\n            !isDatePickerOpen.value\n        ) {\n            return t('selectedDateIsNotAvailable');\n        }\n\n        return isDateIncorrect.value ? t('provideDateInAFormat') : null;\n    });\n\n    const descriptionConditionalClasses = computed(() => ({\n        'b-date-picker__description--error': props.errorMessage || dateErrorText.value,\n    }));\n\n    const ariaDescribedBy = computed(\n        () =>\n            `${props.description ? descriptionId : ''} ${props.errorMessage ? errorId : ''} ${\n                dateErrorText.value ? dateErrorId : ''\n            }`.trim() || null\n    );\n\n    const isDateEnabled = (date: Date) => {\n        // Check if date is between min/max bounds, if there are any\n        if ((props.min && date <= props.min) || (props.max && date >= props.max)) {\n            return false;\n        }\n\n        // Check if function is set, otherwise all dates are enabled\n        if (props.isDateDisabled) {\n            return !props.isDateDisabled(date);\n        }\n\n        return true;\n    };\n\n    const closeDatePicker = () => {\n        isDatePickerOpen.value = false;\n    };\n\n    const openDatePicker = () => {\n        isDatePickerOpen.value = true;\n\n        formatTextInputDisplayValue();\n    };\n\n    const onDateSelected = (selectedDate: Date) => {\n        // Reset the error state when a valid date is selected\n        isDateIncorrect.value = false;\n\n        closeDatePicker();\n        emitValue(selectedDate);\n    };\n\n    const clearDatePickerValue = async () => {\n        if (isDateIncorrect.value) {\n            isDateIncorrect.value = false;\n            textInputValue.value = null;\n        }\n        emitValue(null);\n    };\n\n    const onDateKeyDown = (event: KeyboardEvent) => {\n        validateDateInput(event);\n    };\n\n    const validateDate = (stringDate: string) => {\n        // Validate only if the date is complete\n        if (stringDate.length < 10) {\n            return;\n        }\n\n        // Checks for YYYY-MM-DD format\n        const dateRegex = /^\\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/;\n        const isValidDate = dateRegex.test(stringDate) && isDateEnabled(new Date(stringDate));\n        if (isValidDate) {\n            isDateIncorrect.value = false;\n            emitValue(new Date(stringDate));\n        } else if (stringDate) {\n            // Only set to true if the value exists (not null/undefined)\n            isDateIncorrect.value = true;\n            emitValue(null);\n        }\n    };\n\n    const validateDateDebounced = debounce(validateDate, DEBOUNCE_TIME);\n\n    const onDateInputChange = (stringDate: string) => {\n        textInputValue.value = formatDateInputValue(stringDate);\n        // If we are closing the date picker, we should validate (and emit date inputs) immediately so the user doesn't have to wait for the debounce time.\n        if (isDatePickerOpen.value) {\n            validateDateDebounced(textInputValue.value);\n        } else {\n            validateDate(textInputValue.value);\n        }\n    };\n\n    /**\n     * Space bar and Enter keyDown event handler.\n     *\n     * * Opens the date picker dialog on the first keydown.\n     * * Move focus to selected date, i.e., the date displayed in the date input text field. If no date has been selected, places focus on the current date.\n     * @param {KeyboardEvent} event Event being triggered\n     */\n    const onSpaceBarOrEnter = async (event: KeyboardEvent) => {\n        if (isDatePickerOpen.value) {\n            return;\n        }\n        event.preventDefault();\n\n        openDatePicker();\n\n        // Wait for the date picker dialog to open\n        await nextTick();\n\n        // Set current date (today) if no date is selected\n        if (!internalModelValue.value) {\n            // Format the opened date picker date to YYYY-MM-DD\n            formatTextInputDisplayValue(new Date());\n            emitValue(new Date());\n        }\n\n        // Set initial focus\n        initialFocusOnDatePickerOpen.value =\n            calendarContainerRef.value?.$refs.calendarRef[0].focusOnDate(\n                props.variant === 'month' ? startOfMonth(internalModelValue.value) : internalModelValue.value,\n                true\n            ) ?? undefined;\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Date picker selector.\n     *\n     * @example\n     * import { BentoDatePicker } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDatePicker },\n     *     template: `\n     *          <bento-date-picker\n     *              label=\"Label\"\n     *              description=\"Supporting text\"\n     *              required\n     *              optional\n     *              disabled\n     *              @input=\"onDateChanged\"\n     *              v-model=\"selectedDate\"\n     *          />\n     *     `,\n     *      setup() {\n     *          const selectedDate = ref(new Date()); // reactive({ startDate: new Date(), endDate: new Date() })\n     *          return {\n     *              selectedDate,\n     *          }\n     *      }\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-date-picker',\n        model: { prop: 'modelValue' },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./date-picker.scss\" />\n"],"names":["useDatePickerSingleCalendarText","datePickerValue","isDateIncorrect","isMonthVariant","placeholder","locale","t","useI18n","messages","textInputValue","ref","_a","computed","dateFormatOptions","getDateTimeFormatter","dateToFormat","date","startOfMonth","dateToInputDateString","__default__","props","__props","emit","__emit","datePickerContainerId","generateUid","labelId","descriptionId","errorId","dateErrorId","popoverAriaLabel","calendarContainerRef","inputContainerRef","isDatePickerOpen","initialFocusOnDatePickerOpen","internalModelValue","isReadOnly","useFormLayoutFieldLoading","toRef","emitValue","useFormFieldEmits","resolvedFirstDayOfWeek","useFirstDayOfWeek","computedTrapAllOptions","watch","disabled","newValue","newModelValue","deprecate","dateDisplayValue","formatTextInputDisplayValue","dateErrorText","descriptionConditionalClasses","ariaDescribedBy","isDateEnabled","closeDatePicker","openDatePicker","onDateSelected","selectedDate","clearDatePickerValue","onDateKeyDown","event","validateDateInput","validateDate","stringDate","validateDateDebounced","debounce","onDateInputChange","formatDateInputValue","onSpaceBarOrEnter","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAeOA,KAAA,CAAA;AAAA,EAAmE,iBAAAC;AAAA,EACtE,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAEJ,MAAA;;AACI,QAAA,EAAA,QAAAC,GAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAC,EAAA,CAAA,GAEAC,IAAAC,GAAAC,IAAAV,EAAA,UAAA,gBAAAU,EAAA,cAAA;AAyCA,SAAA;AAAA;AAAA,IAAO,kBAvCPC,EAAA,MAAA;AAEI,UAAAV,EAAA;AACI,eAAAO,EAAA;AAIJ,UAAA,CAAAR,EAAA;AACI,gBAAAG,KAAA,gBAAAA,EAAA,UAAAE,EAAA,YAAA;AAKJ,YAAAO,IAAAV,KAAA,QAAAA,EAAA,QAAA,EAAA,OAAA,QAAA,MAAA,UAAA,IAAA,EAAA,KAAA,WAAA,OAAA,SAAA,MAAA,UAAA;AAIA,aAAAW,GAAAT,EAAA,OAAAQ,CAAA,EAAA,OAAAZ,EAAA,KAAA;AAAA,IAAyF,CAAA;AAAA,IAwBzF,gBAAAQ;AAAA;AAAA,IACA,6BAlBJ,CAAAM,IAAAd,EAAA,UAAA;AAEI,UAAAC,EAAA;AACI;AAGJ,UAAA,CAAAa,GAAA;AACI,QAAAN,EAAA,QAAA;AACA;AAAA,MAAA;AAGJ,YAAAO,IAAAb,KAAA,QAAAA,EAAA,QAAAc,EAAAF,CAAA,IAAAA;AACA,MAAAN,EAAA,QAAAS,GAAAF,CAAA;AAAA,IAAiD;AAAA,EASjD;AAER,GCkTIG,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAX,EAAA;AAAA,EACM,MAAA;AAAA,EACX,OAAA,EAAA,MAAA,aAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;AAxPA,UAAAY,IAAAC,GAoBAC,IAAAC,GAEA,EAAA,GAAAjB,EAAA,IAAAC,EAAA,EAAA,UAAAC,EAAA,CAAA,GACAgB,IAAAC,EAAA,6BAAA,GACAC,IAAAD,EAAA,yBAAA,GACAE,IAAAF,EAAA,+BAAA,GACAG,IAAAH,EAAA,yBAAA,GACAI,IAAAJ,EAAA,8BAAA,GACAK,IAAAlB,EAAA,MAAAQ,EAAA,SAAAd,EAAA,cAAA,EAAA,MAAAkB,EAAA,CAAA,CAAA,GAGAO,IAAArB,EAAA,IAAA,GACAsB,IAAAtB,EAAA,IAAA,GAGAR,IAAAQ,EAAA,EAAA,GACAuB,IAAAvB,EAAA,EAAA,GACAwB,IAAAxB,EAAA,MAAA,GACAyB,IAAAzB,EAAAU,EAAA,UAAA,GACA,EAAA,YAAAgB,EAAA,IAAAC,GAAAC,EAAAlB,GAAA,UAAA,CAAA,GACA,EAAA,WAAAmB,EAAA,IAAAC,GAAAlB,CAAA,GACA,EAAA,wBAAAmB,EAAA,IAAAC,GAAAJ,EAAAlB,GAAA,gBAAA,CAAA,GAEAuB,IAAA/B,EAAA,OAAA;AAAA,MAA+C,cAAAsB,EAAA;AAAA,MACA,sBAAA,CAAAF,EAAA,MAAA,GAAA;AAAA,IACO,EAAA;AAGtD,IAAAY;AAAA,MAAA,MAAAxB,EAAA;AAAA,MACgB,CAAAyB,MAAA;AAGR,QAAAA,KAAAZ,EAAA,UACIA,EAAA,QAAA;AAAA,MACJ;AAAA,IACJ,GAGJW;AAAA,MAAA,CAAA,MAAAxB,EAAA,OAAA,MAAAA,EAAA,UAAA;AAAA,MAC8C,CAAA,CAAA0B,GAAAC,CAAA,MAAA;AAEtC,QAAAD,KACIE;AAAA,UAAA;AAAA,UACI;AAAA,UACA;AAAA,QACA,GAIRb,EAAA,QAAAY,KAAAD;AAAA,MAA4C;AAAA,MAChD,EAAA,WAAA,GAAA;AAAA,IACkB;AAGtB,UAAA3C,IAAAS,EAAA,MAAAQ,EAAA,YAAA,OAAA,GAEA,EAAA,kBAAA6B,GAAA,gBAAAxC,GAAA,6BAAAyC,EAAA,IAAAlD,GAAA;AAAA,MAA0G,iBAAAmC;AAAA,MACrF,iBAAAjC;AAAA,MACjB,gBAAAC;AAAA,MACA,aAAAmC,EAAAlB,GAAA,aAAA;AAAA,IACuC,CAAA,GAG3C+B,IAAAvC,EAAA,MACIQ,EAAA,kBAAAX,EAAA,SAAAW,EAAA,eAAA,IAAA,KAAAX,EAAA,KAAA,CAAA,KAAA,CAAAwB,EAAA,QAMI3B,EAAA,4BAAA,IAGJJ,EAAA,QAAAI,EAAA,sBAAA,IAAA,IAA2D,GAG/D8C,IAAAxC,EAAA,OAAA;AAAA,MAAsD,qCAAAQ,EAAA,gBAAA+B,EAAA;AAAA,IACuB,EAAA,GAG7EE,IAAAzC;AAAA,MAAwB,MAAA,GAAAQ,EAAA,cAAAO,IAAA,EAAA,IAAAP,EAAA,eAAAQ,IAAA,EAAA,IAAAuB,EAAA,QAAAtB,IAAA,EAAA,GAAA,KAAA,KAAA;AAAA,IAIH,GAGrByB,IAAA,CAAAtC,MAEII,EAAA,OAAAJ,KAAAI,EAAA,OAAAA,EAAA,OAAAJ,KAAAI,EAAA,MACI,KAIJA,EAAA,iBACI,CAAAA,EAAA,eAAAJ,CAAA,IAGJ,IAGJuC,IAAA,MAAA;AACI,MAAAtB,EAAA,QAAA;AAAA,IAAyB,GAG7BuB,IAAA,MAAA;AACI,MAAAvB,EAAA,QAAA,IAEAiB,EAAA;AAAA,IAA4B,GAGhCO,IAAA,CAAAC,MAAA;AAEI,MAAAxD,EAAA,QAAA,IAEAqD,EAAA,GACAhB,EAAAmB,CAAA;AAAA,IAAsB,GAG1BC,IAAA,YAAA;AACI,MAAAzD,EAAA,UACIA,EAAA,QAAA,IACAO,EAAA,QAAA,OAEJ8B,EAAA,IAAA;AAAA,IAAc,GAGlBqB,KAAA,CAAAC,MAAA;AACI,MAAAC,GAAAD,CAAA;AAAA,IAAuB,GAG3BE,IAAA,CAAAC,MAAA;AAEI,UAAAA,EAAA,SAAA;AACI;AAMJ,MAFA,qDACA,KAAAA,CAAA,KAAAV,EAAA,IAAA,KAAAU,CAAA,CAAA,KAEI9D,EAAA,QAAA,IACAqC,EAAA,IAAA,KAAAyB,CAAA,CAAA,KAA8BA,MAG9B9D,EAAA,QAAA,IACAqC,EAAA,IAAA;AAAA,IACJ,GAGJ0B,KAAAC,GAAAH,GAAA,GAAA,GAEAI,KAAA,CAAAH,MAAA;AACI,MAAAvD,EAAA,QAAA2D,GAAAJ,CAAA,GAEA/B,EAAA,QACIgC,GAAAxD,EAAA,KAAA,IAEAsD,EAAAtD,EAAA,KAAA;AAAA,IACJ,GAUJ4D,IAAA,OAAAR,MAAA;;AACI,MAAA5B,EAAA,UAGA4B,EAAA,eAAA,GAEAL,EAAA,GAGA,MAAAc,GAAA,GAGAnC,EAAA,UAEIe,EAAA,oBAAA,KAAA,CAAA,GACAX,EAAA,oBAAA,KAAA,CAAA,IAIJL,EAAA,UAAAvB,IAAAoB,EAAA,UAAA,gBAAApB,EAAA,MAAA,YAAA,GAAA;AAAA,QACqDS,EAAA,YAAA,UAAAH,EAAAkB,EAAA,KAAA,IAAAA,EAAA;AAAA,QAC2C;AAAA,YACxF;AAAA,IACC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/date-picker.types.Ckt7zxGy.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.types.Ckt7zxGy.js","sources":["../../../vue2/src/components/date-picker/date-picker.types.ts"],"sourcesContent":["import type { FormField, FormFieldEmits } from '../../types/form-field';\nimport {\n    CalendarFirstDayOfWeek as BentoDatePickerFirstDayOfWeek,\n    type CalendarIsDateDisabled as BentoDatePickerIsDateDisabled,\n    type CalendarSingleDateValue as BentoDatePickerValue,\n    CalendarVariant as BentoDatePickerVariant,\n} from '@/internal';\n\nexport {\n    BentoDatePickerFirstDayOfWeek,\n    type BentoDatePickerIsDateDisabled,\n    type BentoDatePickerValue,\n    BentoDatePickerVariant,\n};\n\n/**\n * @deprecated since version 2.0. This enum is deprecated. Use the event name as a string literal instead.\n */\nexport enum BentoDatePickerEvent {\n    INPUT = 'input',\n}\n\nexport type BentoDatePickerEmits = FormFieldEmits<BentoDatePickerValue>;\n\nexport interface BentoDatePickerProps extends FormField {\n    /**\n     * Default start date for the calendar pane.\n     * Expected format: YYYY-MM-DD\n     * @default null\n     */\n    defaultDisplayMonth?: string | null;\n\n    /**\n     * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday\n     * @default 1\n     */\n    firstDayOfWeek?: BentoDatePickerFirstDayOfWeek;\n\n    /**\n     * Indicate if a date should be disabled or not\n     */\n    isDateDisabled?: BentoDatePickerIsDateDisabled;\n\n    /**\n     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable\n     * @default null\n     */\n    min?: Date | null;\n\n    /**\n     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable\n     * @default null\n     */\n    max?: Date | null;\n\n    /**\n     * Selected date\n     *\n     * @default null\n     */\n    modelValue?: BentoDatePickerValue | null;\n\n    /**\n     * Selected date\n     *\n     * @deprecated for usage with properties since version 2.0. Use `v-model` or `model-value` instead.\n     *\n     * @default null\n     */\n    value?: BentoDatePickerValue | null;\n\n    /**\n     * The type of calendar to display. Defaults to showing days.\n     */\n    variant?: `${BentoDatePickerVariant}`;\n}\n"],"names":["BentoDatePickerEvent"],"mappings":"AAkBY,IAAAA,sBAAAA,OACRA,EAAA,QAAQ,SADAA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"date-picker.types.Ckt7zxGy.js","sources":["../../../vue2/src/components/date-picker/date-picker.types.ts"],"sourcesContent":["import type { FormField, FormFieldEmits } from '../../types/form-field';\nimport {\n    CalendarFirstDayOfWeek as BentoDatePickerFirstDayOfWeek,\n    type CalendarIsDateDisabled as BentoDatePickerIsDateDisabled,\n    type CalendarSingleDateValue as BentoDatePickerValue,\n    CalendarVariant as BentoDatePickerVariant,\n} from '@/internal';\n\nexport {\n    BentoDatePickerFirstDayOfWeek,\n    type BentoDatePickerIsDateDisabled,\n    type BentoDatePickerValue,\n    BentoDatePickerVariant,\n};\n\n/**\n * @deprecated since version 2.0. This enum is deprecated. Use the event name as a string literal instead.\n */\nexport enum BentoDatePickerEvent {\n    INPUT = 'input',\n}\n\nexport type BentoDatePickerEmits = FormFieldEmits<BentoDatePickerValue>;\n\nexport interface BentoDatePickerProps extends FormField {\n    /**\n     * Default start date for the calendar pane.\n     * Expected format: YYYY-MM-DD\n     * @default null\n     */\n    defaultDisplayMonth?: string | null;\n\n    /**\n     * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday\n     * @default undefined\n     */\n    firstDayOfWeek?: BentoDatePickerFirstDayOfWeek;\n\n    /**\n     * Indicate if a date should be disabled or not\n     */\n    isDateDisabled?: BentoDatePickerIsDateDisabled;\n\n    /**\n     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable\n     * @default null\n     */\n    min?: Date | null;\n\n    /**\n     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable\n     * @default null\n     */\n    max?: Date | null;\n\n    /**\n     * Selected date\n     *\n     * @default null\n     */\n    modelValue?: BentoDatePickerValue | null;\n\n    /**\n     * Selected date\n     *\n     * @deprecated for usage with properties since version 2.0. Use `v-model` or `model-value` instead.\n     *\n     * @default null\n     */\n    value?: BentoDatePickerValue | null;\n\n    /**\n     * The type of calendar to display. Defaults to showing days.\n     */\n    variant?: `${BentoDatePickerVariant}`;\n}\n"],"names":["BentoDatePickerEvent"],"mappings":"AAkBO,IAAKA,sBAAAA,OACRA,EAAA,QAAQ,SADAA,IAAAA,KAAA,CAAA,CAAA;"}