@dialpad/dialtone 9.126.5 → 9.127.0

package/dist/vue3/lib/datepicker/datepicker.js

@@ -1,105 +1,101 @@
-import { ref as $, computed as z, watch as K, onMounted as E, openBlock as g, createBlock as I, unref as e, withCtx as y, createVNode as d, createElementVNode as x, toDisplayString as q, nextTick as Y, createElementBlock as L, Fragment as P, renderList as A, normalizeClass as O, createTextVNode as U, getCurrentInstance as V } from "vue";
-import { returnFirstEl as v, warnIfUnmounted as G } from "../../common/utils/index.js";
-import { DtIconChevronsLeft as H, DtIconChevronLeft as W, DtIconChevronRight as j, DtIconChevronsRight as J } from "@dialpad/dialtone-icons/vue3";
-import { INTL_MONTH_FORMAT as R, WEEK_START as Q, MONTH_FORMAT as X } from "./datepicker-constants.js";
-import { getMonth as N, getYear as B, getDate as Z, set as _, addMonths as ee, subMonths as te, format as ae } from "date-fns";
-import { getCalendarDays as le, formatMonth as re, getWeekDayNames as ne, calculateNextFocusDate as oe, calculatePrevFocusDate as ce } from "./utils.js";
-import C from "../stack/stack.js";
-import S from "../tooltip/tooltip.js";
-import T from "../button/button.js";
-function ue(l, u) {
-  const s = $(N(l.selectedDate)), t = $(B(l.selectedDate)), r = $(null), o = $(0), f = $([]), m = z(() => le(s.value, t.value, r.value)), p = z(() => (a, h, F) => re(a, h, F));
-  K(s, () => {
-    c(), u("calendar-days", m.value);
-  }, { immediate: !0 }), K(t, () => {
-    c(), u("calendar-days", m.value);
+import { ref as b, computed as B, watch as F, onMounted as V, openBlock as E, createBlock as G, unref as e, withCtx as k, createVNode as i, createElementVNode as M, toDisplayString as P, nextTick as N, createElementBlock as g, Fragment as x, renderList as Y, normalizeClass as q, createTextVNode as W, getCurrentInstance as j } from "vue";
+import { DtIconChevronsLeft as J, DtIconChevronLeft as Q, DtIconChevronRight as Z, DtIconChevronsRight as ee } from "@dialpad/dialtone-icons/vue3";
+import { getMonth as K, getYear as S, getDate as te, set as ae, addMonths as ne, subMonths as re } from "date-fns";
+import { getCalendarDays as le, formatMonth as oe, getWeekDayNames as se, formatDate as ce, calculateNextFocusDate as ue, calculatePrevFocusDate as ie } from "./utils.js";
+import { INTL_MONTH_FORMAT as U, WEEK_START as de } from "./datepicker-constants.js";
+import { returnFirstEl as D, warnIfUnmounted as fe } from "../../common/utils/index.js";
+import { DialtoneLocalization as z } from "../../localization/index.js";
+import R from "../stack/stack.js";
+import w from "../tooltip/tooltip.js";
+import I from "../button/button.js";
+function ve(d, o) {
+  const s = b(K(d.selectedDate)), t = b(S(d.selectedDate)), n = b(null), r = b(0), m = b([]), v = new z(), T = B(() => le(s.value, t.value, n.value));
+  F(s, () => {
+    l(), o("calendar-days", T.value);
+  }, { immediate: !0 }), F(t, () => {
+    l(), o("calendar-days", T.value);
   }, { immediate: !0 });
-  function D(a) {
-    f.value.includes(a) || f.value.push(a);
+  function _(a) {
+    return oe(a, U, v.currentLocale);
   }
-  function k() {
-    v(f.value[0].$el).focus();
+  function y(a) {
+    m.value.includes(a) || m.value.push(a);
   }
-  function M(a) {
+  function h() {
+    D(m.value[0].$el).focus();
+  }
+  function A(a) {
     switch (a.key) {
       case "ArrowLeft":
-        a.preventDefault(), o.value === 0 ? (o.value = 3, v(f.value[o.value].$el).focus()) : (o.value--, v(f.value[o.value].$el).focus());
+        a.preventDefault(), r.value === 0 ? (r.value = 3, D(m.value[r.value].$el).focus()) : (r.value--, D(m.value[r.value].$el).focus());
         break;
       case "ArrowRight":
-        a.preventDefault(), o.value === 3 ? (o.value = 0, v(f.value[o.value].$el).focus()) : (o.value++, v(f.value[o.value].$el).focus());
+        a.preventDefault(), r.value === 3 ? (r.value = 0, D(m.value[r.value].$el).focus()) : (r.value++, D(m.value[r.value].$el).focus());
         break;
       case "ArrowDown":
-        a.preventDefault(), u("focus-first-day");
+        a.preventDefault(), o("focus-first-day");
         break;
       case "Tab":
-        a.preventDefault(), u("focus-first-day");
+        a.preventDefault(), o("focus-first-day");
         break;
       case "Escape":
-        u("close-datepicker");
+        o("close-datepicker");
         break;
     }
   }
-  function c() {
-    const a = B(l.selectedDate), h = N(l.selectedDate);
-    a !== t.value || h !== s.value ? r.value = null : r.value = Z(l.selectedDate);
+  function l() {
+    const a = S(d.selectedDate), L = K(d.selectedDate);
+    a !== t.value || L !== s.value ? n.value = null : n.value = te(d.selectedDate);
   }
-  function b(a) {
+  function u(a) {
     (s.value === 0 && a === -1 || s.value === 11 && a === 1) && (t.value += a);
-    const h = _(l.selectedDate, { month: s.value, year: t.value }), F = a === 1 ? ee(h, 1) : te(h, 1);
-    s.value = N(F);
+    const L = ae(d.selectedDate, { month: s.value, year: t.value }), X = a === 1 ? ne(L, 1) : re(L, 1);
+    s.value = K(X);
   }
-  function i(a) {
+  function p(a) {
     t.value = t.value + a;
   }
-  function w() {
-    b(1);
+  function f() {
+    u(1);
+  }
+  function C() {
+    u(-1);
+  }
+  function $() {
+    return `${v.$t("DIALTONE_DATEPICKER_CHANGE_TO")} ${v.$t("DIALTONE_DATEPICKER_PREVIOUS_YEAR")} ${t.value - 1}`;
+  }
+  function O() {
+    return `${v.$t("DIALTONE_DATEPICKER_CHANGE_TO")} ${v.$t("DIALTONE_DATEPICKER_PREVIOUS_MONTH")} ${_(s.value - 1)}`;
   }
-  function n() {
-    b(-1);
+  function H() {
+    return `${v.$t("DIALTONE_DATEPICKER_CHANGE_TO")} ${v.$t("DIALTONE_DATEPICKER_NEXT_YEAR")} ${t.value + 1}`;
+  }
+  function c() {
+    return `${v.$t("DIALTONE_DATEPICKER_CHANGE_TO")} ${v.$t("DIALTONE_DATEPICKER_NEXT_MONTH")} ${_(s.value + 1)}`;
   }
   return {
     selectMonth: s,
     selectYear: t,
-    formattedMonth: p,
-    setDayRef: D,
-    focusMonthYearPicker: k,
-    handleKeyDown: M,
-    changeMonth: b,
-    changeYear: i,
-    goToNextMonth: w,
-    goToPrevMonth: n
+    formattedMonth: _,
+    setDayRef: y,
+    focusMonthYearPicker: h,
+    handleKeyDown: A,
+    changeMonth: u,
+    changeYear: p,
+    goToNextMonth: f,
+    goToPrevMonth: C,
+    previousYearAriaLabel: $,
+    previousMonthAriaLabel: O,
+    nextYearAriaLabel: H,
+    nextMonthAriaLabel: c
   };
 }
-const se = {
+const pe = {
   id: "calendar-heading",
   class: "d-datepicker__month-year-title"
-}, ie = {
+}, De = {
   __name: "month-year-picker",
   props: {
-    locale: {
-      type: String,
-      required: !0
-    },
-    prevMonthLabel: {
-      type: String,
-      required: !0
-    },
-    nextMonthLabel: {
-      type: String,
-      required: !0
-    },
-    prevYearLabel: {
-      type: String,
-      required: !0
-    },
-    nextYearLabel: {
-      type: String,
-      required: !0
-    },
-    changeToLabel: {
-      type: String,
-      required: !0
-    },
     selectedDate: {
       type: Date,
       required: !0
@@ -132,90 +128,94 @@ const se = {
        */
     "close-datepicker"
   ],
-  setup(l, { expose: u, emit: s }) {
-    const t = l, r = s, {
-      selectMonth: o,
-      selectYear: f,
-      formattedMonth: m,
-      setDayRef: p,
-      focusMonthYearPicker: D,
-      handleKeyDown: k,
-      changeMonth: M,
-      changeYear: c,
-      goToNextMonth: b,
-      goToPrevMonth: i
-    } = ue(t, r);
-    return E(() => {
-      D();
-    }), u({
-      focusMonthYearPicker: D,
-      goToNextMonth: b,
-      goToPrevMonth: i
-    }), (w, n) => (g(), I(e(C), {
-      direction: "row",
+  setup(d, { expose: o, emit: s }) {
+    const t = d, n = s, r = new z(), {
+      selectMonth: m,
+      selectYear: v,
+      formattedMonth: T,
+      setDayRef: _,
+      focusMonthYearPicker: y,
+      handleKeyDown: h,
+      changeMonth: A,
+      changeYear: l,
+      goToNextMonth: u,
+      goToPrevMonth: p,
+      previousYearAriaLabel: f,
+      previousMonthAriaLabel: C,
+      nextMonthAriaLabel: $,
+      nextYearAriaLabel: O
+    } = ve(t, n);
+    return V(() => {
+      y();
+    }), o({
+      focusMonthYearPicker: y,
+      goToNextMonth: u,
+      goToPrevMonth: p
+    }), (H, c) => (E(), G(e(R), {
       class: "d-datepicker__month-year",
+      direction: "row",
       gap: "300"
     }, {
-      default: y(() => [
-        d(e(C), {
+      default: k(() => [
+        i(e(R), {
           as: "nav",
+          class: "d-datepicker__nav",
           direction: "row",
-          gap: "200",
-          class: "d-datepicker__nav"
+          gap: "200"
         }, {
-          default: y(() => [
-            d(e(S), {
-              message: l.prevYearLabel,
-              placement: "top",
-              "fallback-placements": ["top-start", "auto"]
+          default: k(() => [
+            i(e(w), {
+              "fallback-placements": ["top-start", "auto"],
+              message: e(r).$t("DIALTONE_DATEPICKER_PREVIOUS_YEAR"),
+              placement: "top"
             }, {
-              anchor: y(() => [
-                d(e(T), {
+              anchor: k(() => [
+                i(e(I), {
                   id: "prevYearButton",
                   ref: (a) => {
-                    a && e(p)(a);
+                    a && e(_)(a);
                   },
-                  size: "xs",
-                  importance: "clear",
-                  kind: "muted",
+                  "aria-label": e(f)(),
                   circle: !0,
                   class: "d-datepicker__nav-btn",
+                  importance: "clear",
+                  kind: "muted",
+                  size: "xs",
                   type: "button",
-                  "aria-label": `${l.changeToLabel} ${l.prevYearLabel} ${e(f) - 1}`,
-                  onClick: n[0] || (n[0] = (a) => e(c)(-1)),
-                  onKeydown: n[1] || (n[1] = (a) => e(k)(a))
+                  onClick: c[0] || (c[0] = (a) => e(l)(-1)),
+                  onKeydown: c[1] || (c[1] = (a) => e(h)(a))
                 }, {
-                  default: y(() => [
-                    d(e(H), { size: "200" })
+                  default: k(() => [
+                    i(e(J), { size: "200" })
                   ]),
                   _: 1
                 }, 8, ["aria-label"])
               ]),
               _: 1
             }, 8, ["message"]),
-            d(e(S), {
-              message: l.prevMonthLabel,
-              placement: "top",
-              "fallback-placements": ["top-end", "auto"]
+            i(e(w), {
+              "fallback-placements": ["top-start", "auto"],
+              message: e(r).$t("DIALTONE_DATEPICKER_PREVIOUS_MONTH"),
+              placement: "top"
             }, {
-              anchor: y(() => [
-                d(e(T), {
+              anchor: k(() => [
+                i(e(I), {
                   id: "prevMonthButton",
                   ref: (a) => {
-                    a && e(p)(a);
+                    a && e(_)(a);
                   },
-                  size: "xs",
-                  importance: "clear",
-                  kind: "muted",
+                  "aria-label": e(C)(),
                   circle: !0,
                   class: "d-datepicker__nav-btn",
+                  importance: "clear",
+                  kind: "muted",
+                  size: "xs",
                   type: "button",
-                  "aria-label": `${l.changeToLabel} ${l.prevMonthLabel} ${e(m)(e(o) - 1, e(R), l.locale)}`,
-                  onClick: n[2] || (n[2] = (a) => e(M)(-1)),
-                  onKeydown: n[3] || (n[3] = (a) => e(k)(a))
+                  onClick: c[2] || (c[2] = (a) => e(A)(-1)),
+                  onKeydown: c[3] || (c[3] = (a) => e(h)(a))
                 }, {
-                  default: y(() => [
-                    d(e(W), { size: "200" })
+                  default: k(() => [
+                    i(e(Q), { size: "200" })
                   ]),
                   _: 1
                 }, 8, ["aria-label"])
@@ -225,66 +225,66 @@ const se = {
           ]),
           _: 1
         }),
-        x("div", se, q(e(m)(e(o), e(R), l.locale)) + " " + q(e(f)), 1),
-        d(e(C), {
+        M("div", pe, P(e(T)(e(m))) + " " + P(e(v)), 1),
+        i(e(R), {
           as: "nav",
+          class: "d-datepicker__nav",
           direction: "row",
-          gap: "200",
-          class: "d-datepicker__nav"
+          gap: "200"
         }, {
-          default: y(() => [
-            d(e(S), {
-              message: l.nextMonthLabel,
-              placement: "top",
-              "fallback-placements": ["top-start", "auto"]
+          default: k(() => [
+            i(e(w), {
+              "fallback-placements": ["top-end", "auto"],
+              message: e(r).$t("DIALTONE_DATEPICKER_NEXT_MONTH"),
+              placement: "top"
             }, {
-              anchor: y(() => [
-                d(e(T), {
+              anchor: k(() => [
+                i(e(I), {
                   id: "nextMonthButton",
                   ref: (a) => {
-                    a && e(p)(a);
+                    a && e(_)(a);
                   },
-                  size: "xs",
-                  importance: "clear",
-                  kind: "muted",
+                  "aria-label": e($)(),
                   circle: !0,
                   class: "d-datepicker__nav-btn",
+                  importance: "clear",
+                  kind: "muted",
+                  size: "xs",
                   type: "button",
-                  "aria-label": `${l.changeToLabel} ${l.nextMonthLabel} ${e(m)(e(o) + 1, e(R), l.locale)}`,
-                  onClick: n[4] || (n[4] = (a) => e(M)(1)),
-                  onKeydown: n[5] || (n[5] = (a) => e(k)(a))
+                  onClick: c[4] || (c[4] = (a) => e(A)(1)),
+                  onKeydown: c[5] || (c[5] = (a) => e(h)(a))
                 }, {
-                  default: y(() => [
-                    d(e(j), { size: "200" })
+                  default: k(() => [
+                    i(e(Z), { size: "200" })
                   ]),
                   _: 1
                 }, 8, ["aria-label"])
               ]),
               _: 1
             }, 8, ["message"]),
-            d(e(S), {
-              message: l.nextYearLabel,
-              placement: "top",
-              "fallback-placements": ["top-end", "auto"]
+            i(e(w), {
+              "fallback-placements": ["top-end", "auto"],
+              message: e(r).$t("DIALTONE_DATEPICKER_NEXT_YEAR"),
+              placement: "top"
             }, {
-              anchor: y(() => [
-                d(e(T), {
+              anchor: k(() => [
+                i(e(I), {
                   id: "nextYearButton",
                   ref: (a) => {
-                    a && e(p)(a);
+                    a && e(_)(a);
                   },
-                  size: "xs",
-                  importance: "clear",
-                  kind: "muted",
+                  "aria-label": e(O)(),
                   circle: !0,
                   class: "d-datepicker__nav-btn",
+                  importance: "clear",
+                  kind: "muted",
+                  size: "xs",
                   type: "button",
-                  "aria-label": `${l.changeToLabel} ${l.nextYearLabel} ${e(f) + 1}`,
-                  onClick: n[6] || (n[6] = (a) => e(c)(1)),
-                  onKeydown: n[7] || (n[7] = (a) => e(k)(a))
+                  onClick: c[6] || (c[6] = (a) => e(l)(1)),
+                  onKeydown: c[7] || (c[7] = (a) => e(h)(a))
                 }, {
-                  default: y(() => [
-                    d(e(J), { size: "200" })
+                  default: k(() => [
+                    i(e(ee), { size: "200" })
                   ]),
                   _: 1
                 }, 8, ["aria-label"])
@@ -299,95 +299,87 @@ const se = {
     }));
   }
 };
-function de(l, u) {
-  const s = $(null), t = $(0), r = $([]), o = z(() => ne(l.locale, Q));
-  K(() => l.calendarDays, () => {
-    t.value = 0, r.value = [], s.value = null;
+function me(d, o) {
+  const s = b(null), t = b(0), n = b([]), r = new z(), m = B(() => se(d.locale, de));
+  F(() => d.calendarDays, () => {
+    t.value = 0, n.value = [], s.value = null;
   });
-  function f(c) {
-    return `${l.selectDayLabel} ${c.text} ${ae(c.value, X)} ${B(c.value)}`;
+  function v(l) {
+    return r.$t("DIALTONE_DATEPICKER_SELECT_DAY") + ` ${ce(l.value, U, r.currentLocale)}`;
   }
-  function m(c, b) {
-    !r.value.some((i) => i.el === c) && b.currentMonth && r.value.push({ el: c, day: b });
+  function T(l, u) {
+    !n.value.some((p) => p.el === l) && u.currentMonth && n.value.push({ el: l, day: u });
   }
-  function p(c) {
-    switch (c.key) {
+  function _(l) {
+    switch (l.key) {
       case "ArrowUp":
-        c.preventDefault(), t.value -= 7;
+        l.preventDefault(), t.value -= 7;
         try {
-          v(r.value[t.value].el.$el).focus();
+          D(n.value[t.value].el.$el).focus();
         } catch {
-          const i = ce(r.value[t.value + 7].day.value);
-          u("go-to-prev-month"), Y(() => {
-            v(r.value[i - 1].el.$el).focus(), t.value += i - 1;
+          const p = ie(n.value[t.value + 7].day.value);
+          o("go-to-prev-month"), N(() => {
+            D(n.value[p - 1].el.$el).focus(), t.value += p - 1;
           });
         }
         break;
       case "ArrowDown":
-        c.preventDefault(), t.value += 7;
+        l.preventDefault(), t.value += 7;
         try {
-          v(r.value[t.value].el.$el).focus();
+          D(n.value[t.value].el.$el).focus();
         } catch {
-          const i = oe(r.value[t.value - 7].day.value);
-          u("go-to-next-month"), Y(() => {
-            v(r.value[i - 1].el.$el).focus(), t.value += i - 1;
+          const p = ue(n.value[t.value - 7].day.value);
+          o("go-to-next-month"), N(() => {
+            D(n.value[p - 1].el.$el).focus(), t.value += p - 1;
           });
         }
         break;
       case "ArrowLeft":
-        c.preventDefault(), t.value > 0 ? (t.value -= 1, v(r.value[t.value].el.$el).focus()) : (u("go-to-prev-month"), k());
+        l.preventDefault(), t.value > 0 ? (t.value -= 1, D(n.value[t.value].el.$el).focus()) : (o("go-to-prev-month"), h());
         break;
       case "ArrowRight":
-        c.preventDefault(), t.value < r.value.length - 1 ? (t.value += 1, v(r.value[t.value].el.$el).focus()) : (u("go-to-next-month"), D());
+        l.preventDefault(), t.value < n.value.length - 1 ? (t.value += 1, D(n.value[t.value].el.$el).focus()) : (o("go-to-next-month"), y());
         break;
       case "Tab":
-        c.preventDefault(), u("focus-month-year-picker");
+        l.preventDefault(), o("focus-month-year-picker");
         break;
       case "Escape":
-        u("close-datepicker");
+        o("close-datepicker");
         break;
     }
   }
-  function D() {
-    t.value = 0, Y(() => {
-      v(r.value[t.value].el.$el).focus();
+  function y() {
+    t.value = 0, N(() => {
+      D(n.value[t.value].el.$el).focus();
     });
   }
-  function k() {
-    Y(() => {
-      t.value = r.value.length - 1, v(r.value[t.value].el.$el).focus();
+  function h() {
+    N(() => {
+      t.value = n.value.length - 1, D(n.value[t.value].el.$el).focus();
     });
   }
-  function M(c) {
-    c.currentMonth && (s.value = c.text, u("select-date", c.value));
+  function A(l) {
+    l.currentMonth && (s.value = l.text, o("select-date", l.value));
   }
   return {
     selectedDay: s,
-    weekDays: o,
-    dayAriaLabel: f,
-    setDayRef: m,
-    handleKeyDown: p,
-    focusFirstDay: D,
-    selectDay: M
+    weekDays: m,
+    dayAriaLabel: v,
+    setDayRef: T,
+    handleKeyDown: _,
+    focusFirstDay: y,
+    selectDay: A
   };
 }
-const fe = {
+const ke = {
   class: "d-datepicker__calendar",
   "aria-labelledby": "calendar-heading"
-}, ve = ["title", "aria-label"], be = {
+}, _e = ["title", "aria-label"], he = {
   __name: "calendar",
   props: {
     calendarDays: {
       type: Array,
       required: !0
-    },
-    locale: {
-      type: String,
-      required: !0
-    },
-    selectDayLabel: {
-      type: String,
-      required: !0
     }
   },
   emits: [
@@ -423,63 +415,63 @@ const fe = {
        */
     "go-to-prev-month"
   ],
-  setup(l, { expose: u, emit: s }) {
-    const t = l, r = s, {
-      selectedDay: o,
-      weekDays: f,
-      dayAriaLabel: m,
-      setDayRef: p,
-      handleKeyDown: D,
-      focusFirstDay: k,
-      selectDay: M
-    } = de(t, r);
-    return u({
-      focusFirstDay: k
-    }), (c, b) => (g(), L("table", fe, [
-      x("thead", null, [
-        x("tr", null, [
-          (g(!0), L(P, null, A(e(f), (i) => (g(), L("th", {
-            key: i,
+  setup(d, { expose: o, emit: s }) {
+    const t = d, n = s, {
+      selectedDay: r,
+      weekDays: m,
+      dayAriaLabel: v,
+      setDayRef: T,
+      handleKeyDown: _,
+      focusFirstDay: y,
+      selectDay: h
+    } = me(t, n);
+    return o({
+      focusFirstDay: y
+    }), (A, l) => (E(), g("table", ke, [
+      M("thead", null, [
+        M("tr", null, [
+          (E(!0), g(x, null, Y(e(m), (u) => (E(), g("th", {
+            key: u,
             scope: "col",
             class: "d-datepicker__cell d-datepicker__cell--header"
           }, [
-            x("span", {
+            M("span", {
               class: "d-datepicker__weekday",
-              title: i,
-              "aria-label": i
-            }, q(i), 9, ve)
+              title: u,
+              "aria-label": u
+            }, P(u), 9, _e)
           ]))), 128))
         ])
       ]),
-      x("tbody", null, [
-        (g(!0), L(P, null, A(l.calendarDays, (i, w) => (g(), L("tr", { key: w }, [
-          (g(!0), L(P, null, A(i.days, (n, a) => (g(), L("td", {
-            key: w + a,
+      M("tbody", null, [
+        (E(!0), g(x, null, Y(d.calendarDays, (u, p) => (E(), g("tr", { key: p }, [
+          (E(!0), g(x, null, Y(u.days, (f, C) => (E(), g("td", {
+            key: p + C,
             class: "d-datepicker__cell",
             role: "listbox"
           }, [
-            d(e(T), {
+            i(e(I), {
               ref_for: !0,
-              ref: (h) => {
-                h && e(p)(h, n);
+              ref: ($) => {
+                $ && e(T)($, f);
               },
-              class: O(["d-datepicker__day", {
-                "d-datepicker__day--disabled": !n.currentMonth,
-                "d-datepicker__day--selected": e(o) ? n.text === e(o) && n.currentMonth : n.selected
+              class: q(["d-datepicker__day", {
+                "d-datepicker__day--disabled": !f.currentMonth,
+                "d-datepicker__day--selected": e(r) ? f.text === e(r) && f.currentMonth : f.selected
               }]),
               circle: !0,
               size: "sm",
               importance: "clear",
-              disabled: !n.currentMonth,
+              disabled: !f.currentMonth,
               type: "button",
-              "aria-selected": e(o) ? n.text === e(o) && n.currentMonth : n.selected,
-              "aria-label": e(m)(n),
+              "aria-selected": e(r) ? f.text === e(r) && f.currentMonth : f.selected,
+              "aria-label": e(v)(f),
               role: "option",
-              onClick: (h) => e(M)(n),
-              onKeydown: b[0] || (b[0] = (h) => e(D)(h))
+              onClick: ($) => e(h)(f),
+              onKeydown: l[0] || (l[0] = ($) => e(_)($))
             }, {
-              default: y(() => [
-                U(q(n.text), 1)
+              default: k(() => [
+                W(P(f.text), 1)
               ]),
               _: 2
             }, 1032, ["disabled", "class", "aria-selected", "aria-label", "onClick"])
@@ -488,78 +480,9 @@ const fe = {
       ])
     ]));
   }
-}, ye = { class: "d-datepicker__hd" }, he = { class: "d-datepicker__bd" }, we = {
+}, ye = { class: "d-datepicker__hd" }, $e = { class: "d-datepicker__bd" }, we = {
   __name: "datepicker",
   props: {
-    /**
-       * Label for the previous month button
-       *
-       * @type {String}
-       * @example 'Previous month'
-       */
-    prevMonthLabel: {
-      type: String,
-      required: !0
-    },
-    /**
-       * Label for the next month button
-       *
-       * @type {String}
-       * @example 'Next month'
-       */
-    nextMonthLabel: {
-      type: String,
-      required: !0
-    },
-    /**
-       * Label for the previous year button
-       *
-       * @type {String}
-       * @example 'Previous year'
-       */
-    prevYearLabel: {
-      type: String,
-      required: !0
-    },
-    /**
-       * Label for the next year button
-       *
-       * @type {String}
-       * @example 'Next year'
-       */
-    nextYearLabel: {
-      type: String,
-      required: !0
-    },
-    /**
-       * Label for the select day button
-       *
-       * @type {String}
-       * @example 'Select day'
-       */
-    selectDayLabel: {
-      type: String,
-      required: !0
-    },
-    /**
-       * Label for the change to button
-       *
-       * @type {String}
-       * @example 'Change to'
-       */
-    changeToLabel: {
-      type: String,
-      required: !0
-    },
-    /**
-       * Locale for the calendar
-       *
-       * @type {String}
-       */
-    locale: {
-      type: String,
-      default: "en-US"
-    },
     /**
        * Selected date
        *
@@ -585,47 +508,39 @@ const fe = {
        */
     "close-datepicker"
   ],
-  setup(l) {
-    const u = $([]);
+  setup(d) {
+    const o = b([]);
     function s(t) {
-      u.value = t;
+      o.value = t;
     }
-    return E(() => {
-      const t = V();
-      G(v(t.proxy.$el), "datepicker");
-    }), (t, r) => (g(), I(e(C), {
+    return V(() => {
+      const t = j();
+      fe(D(t.proxy.$el), "datepicker");
+    }), (t, n) => (E(), G(e(R), {
       class: "d-datepicker",
       gap: "400"
     }, {
-      default: y(() => [
-        x("div", ye, [
-          d(ie, {
+      default: k(() => [
+        M("div", ye, [
+          i(De, {
             ref: "monthYearPicker",
-            locale: l.locale,
-            "prev-month-label": l.prevMonthLabel,
-            "next-month-label": l.nextMonthLabel,
-            "prev-year-label": l.prevYearLabel,
-            "next-year-label": l.nextYearLabel,
-            "change-to-label": l.changeToLabel,
-            "selected-date": l.selectedDate,
+            "selected-date": d.selectedDate,
             onCalendarDays: s,
-            onFocusFirstDay: r[0] || (r[0] = (o) => t.$refs.calendar.focusFirstDay()),
-            onFocusLastDay: r[1] || (r[1] = (o) => t.$refs.calendar.focusLastDay()),
-            onCloseDatepicker: r[2] || (r[2] = (o) => t.$emit("close-datepicker"))
-          }, null, 8, ["locale", "prev-month-label", "next-month-label", "prev-year-label", "next-year-label", "change-to-label", "selected-date"])
+            onFocusFirstDay: n[0] || (n[0] = (r) => t.$refs.calendar.focusFirstDay()),
+            onFocusLastDay: n[1] || (n[1] = (r) => t.$refs.calendar.focusLastDay()),
+            onCloseDatepicker: n[2] || (n[2] = (r) => t.$emit("close-datepicker"))
+          }, null, 8, ["selected-date"])
         ]),
-        x("div", he, [
-          d(be, {
+        M("div", $e, [
+          i(he, {
             ref: "calendar",
-            locale: l.locale,
-            "calendar-days": u.value,
-            "select-day-label": l.selectDayLabel,
-            onSelectDate: r[3] || (r[3] = (o) => t.$emit("selected-date", o)),
-            onFocusMonthYearPicker: r[4] || (r[4] = (o) => t.$refs.monthYearPicker.focusMonthYearPicker()),
-            onCloseDatepicker: r[5] || (r[5] = (o) => t.$emit("close-datepicker")),
-            onGoToNextMonth: r[6] || (r[6] = (o) => t.$refs.monthYearPicker.goToNextMonth()),
-            onGoToPrevMonth: r[7] || (r[7] = (o) => t.$refs.monthYearPicker.goToPrevMonth())
-          }, null, 8, ["locale", "calendar-days", "select-day-label"])
+            "calendar-days": o.value,
+            onSelectDate: n[3] || (n[3] = (r) => t.$emit("selected-date", r)),
+            onFocusMonthYearPicker: n[4] || (n[4] = (r) => t.$refs.monthYearPicker.focusMonthYearPicker()),
+            onCloseDatepicker: n[5] || (n[5] = (r) => t.$emit("close-datepicker")),
+            onGoToNextMonth: n[6] || (n[6] = (r) => t.$refs.monthYearPicker.goToNextMonth()),
+            onGoToPrevMonth: n[7] || (n[7] = (r) => t.$refs.monthYearPicker.goToPrevMonth())
+          }, null, 8, ["calendar-days"])
         ])
       ]),
       _: 1