@dialpad/dialtone-vue 2.183.2 → 2.184.1

package/dist/lib/datepicker/datepicker.js

@@ -0,0 +1,480 @@
+import { DtIconChevronLeft as f, DtIconChevronsLeft as p, DtIconChevronRight as y, DtIconChevronsRight as m } from "@dialpad/dialtone-icons/vue2";
+import { getMonth as i, getYear as l, getDate as D, set as k, addMonths as _, subMonths as b, format as $ } from "date-fns";
+import { getCalendarDays as g, formatMonth as v, getWeekDayNames as M, calculateNextFocusDate as x, calculatePrevFocusDate as R } from "./utils.js";
+import { INTL_MONTH_FORMAT as L, WEEK_START as Y, MONTH_FORMAT as w } from "./datepicker-constants.js";
+import u from "../stack/stack.js";
+import T from "../tooltip/tooltip.js";
+import d from "../button/button.js";
+import { n as h } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+import { warnIfUnmounted as C } from "../../common/utils/index.js";
+const P = {
+  name: "DtDatepickerMonthYearPicker",
+  components: {
+    DtButton: d,
+    DtTooltip: T,
+    DtStack: u,
+    DtIconChevronLeft: f,
+    DtIconChevronsLeft: p,
+    DtIconChevronRight: y,
+    DtIconChevronsRight: m
+  },
+  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
+    }
+  },
+  emits: [
+    /**
+     * Will retrieve the calendar days of the given date
+     *
+     * @event calendar-days
+     * @type {Array}
+     */
+    "calendar-days",
+    /**
+     * Will focus first day in calendar
+     *
+     * @event focus-first-day
+     */
+    "focus-first-day",
+    /**
+     * Will focus last day in calendar
+     *
+     * @event focus-last-day
+     */
+    "focus-last-day",
+    /**
+     * Will close the datepicker
+     *
+     * @event close-datepicker
+     */
+    "close-datepicker"
+  ],
+  data() {
+    return {
+      selectMonth: i(this.selectedDate),
+      selectYear: l(this.selectedDate),
+      highlightedDay: null,
+      focusPicker: 0,
+      focusRefs: [],
+      refNames: ["prevYearButtonRef", "prevMonthButtonRef", "nextMonthButtonRef", "nextYearButtonRef"]
+    };
+  },
+  computed: {
+    // Get days for the currently selected month and year and highlight the selected day
+    calendarDays() {
+      return g(this.selectMonth, this.selectYear, this.highlightedDay);
+    },
+    formattedMonth() {
+      return (a) => v(a, L, this.locale);
+    }
+  },
+  watch: {
+    selectMonth: {
+      handler() {
+        this.highlightDay(), this.$emit("calendar-days", this.calendarDays);
+      },
+      immediate: !0
+    },
+    selectYear: {
+      handler() {
+        this.highlightDay(), this.$emit("calendar-days", this.calendarDays);
+      },
+      immediate: !0
+    }
+  },
+  mounted() {
+    this.setButtonsRef(), this.focusMonthYearPicker();
+  },
+  methods: {
+    setButtonsRef() {
+      this.focusRefs = this.refNames.map((a) => this.$refs[a]);
+    },
+    focusMonthYearPicker() {
+      this.focusPicker = 0, this.focusRefs[0].$el.focus();
+    },
+    handleKeyDown(a) {
+      switch (a.key) {
+        case "ArrowLeft":
+          a.preventDefault(), this.focusPicker === 0 ? (this.focusPicker = 3, this.focusRefs[this.focusPicker].$el.focus()) : (this.focusPicker--, this.focusRefs[this.focusPicker].$el.focus());
+          break;
+        case "ArrowRight":
+          a.preventDefault(), this.focusPicker === 3 ? (this.focusPicker = 0, this.focusRefs[this.focusPicker].$el.focus()) : (this.focusPicker++, this.focusRefs[this.focusPicker].$el.focus());
+          break;
+        case "ArrowDown":
+          a.preventDefault(), this.$emit("focus-first-day");
+          break;
+        case "Tab":
+          a.preventDefault(), this.$emit("focus-first-day");
+          break;
+        case "Escape":
+          this.$emit("close-datepicker");
+          break;
+      }
+    },
+    highlightDay() {
+      const a = l(this.selectedDate), e = i(this.selectedDate);
+      a !== this.selectYear || e !== this.selectMonth ? this.highlightedDay = null : this.highlightedDay = D(this.selectedDate);
+    },
+    changeMonth(a) {
+      (this.selectMonth === 0 && a === -1 || this.selectMonth === 11 && a === 1) && (this.selectYear += a);
+      const e = k(this.selectedDate, { month: this.selectMonth, year: this.selectYear }), t = a === 1 ? _(e, 1) : b(e, 1);
+      this.selectMonth = i(t);
+    },
+    changeYear(a) {
+      this.selectYear = this.selectYear + a;
+    },
+    goToNextMonth() {
+      this.changeMonth(1);
+    },
+    goToPrevMonth() {
+      this.changeMonth(-1);
+    }
+  }
+};
+var S = function() {
+  var e = this, t = e._self._c;
+  return t("dt-stack", { staticClass: "d-datepicker__month-year", attrs: { direction: "row", gap: "300" } }, [t("dt-stack", { staticClass: "d-datepicker__nav", attrs: { as: "nav", direction: "row", gap: "200" } }, [t("dt-tooltip", { attrs: { message: e.prevYearLabel, placement: "top", "fallback-placements": ["top-start", "auto"] }, scopedSlots: e._u([{ key: "anchor", fn: function() {
+    return [t("dt-button", { ref: e.refNames[0], staticClass: "d-datepicker__nav-btn", attrs: { id: "prevYearButton", size: "xs", importance: "clear", kind: "muted", circle: !0, type: "button", "aria-label": `${e.changeToLabel} ${e.prevYearLabel} ${e.selectYear - 1}` }, on: { click: function(s) {
+      return e.changeYear(-1);
+    }, keydown: function(s) {
+      return e.handleKeyDown(s);
+    } } }, [t("dt-icon-chevrons-left", { attrs: { size: "200" } })], 1)];
+  }, proxy: !0 }]) }), t("dt-tooltip", { attrs: { message: e.prevMonthLabel, placement: "top", "fallback-placements": ["top-end", "auto"] }, scopedSlots: e._u([{ key: "anchor", fn: function() {
+    return [t("dt-button", { ref: e.refNames[1], staticClass: "d-datepicker__nav-btn", attrs: { id: "prevMonthButton", size: "xs", importance: "clear", kind: "muted", circle: !0, type: "button", "aria-label": `${e.changeToLabel} ${e.prevMonthLabel} ${e.formattedMonth(e.selectMonth - 1)}` }, on: { click: function(s) {
+      return e.changeMonth(-1);
+    }, keydown: function(s) {
+      return e.handleKeyDown(s);
+    } } }, [t("dt-icon-chevron-left", { attrs: { size: "200" } })], 1)];
+  }, proxy: !0 }]) })], 1), t("div", { staticClass: "d-datepicker__month-year-title", attrs: { id: "calendar-heading" } }, [e._v(" " + e._s(e.formattedMonth(e.selectMonth)) + " " + e._s(e.selectYear) + " ")]), t("dt-stack", { staticClass: "d-datepicker__nav", attrs: { as: "nav", direction: "row", gap: "200" } }, [t("dt-tooltip", { attrs: { message: e.nextMonthLabel, placement: "top", "fallback-placements": ["top-start", "auto"] }, scopedSlots: e._u([{ key: "anchor", fn: function() {
+    return [t("dt-button", { ref: e.refNames[2], staticClass: "d-datepicker__nav-btn", attrs: { id: "nextMonthButton", size: "xs", importance: "clear", circle: !0, kind: "muted", type: "button", "aria-label": `${e.changeToLabel} ${e.nextMonthLabel} ${e.formattedMonth(e.selectMonth + 1)}` }, on: { click: function(s) {
+      return e.changeMonth(1);
+    }, keydown: function(s) {
+      return e.handleKeyDown(s);
+    } } }, [t("dt-icon-chevron-right", { attrs: { size: "200" } })], 1)];
+  }, proxy: !0 }]) }), t("dt-tooltip", { attrs: { message: e.nextYearLabel, placement: "top", "fallback-placements": ["top-end", "auto"] }, scopedSlots: e._u([{ key: "anchor", fn: function() {
+    return [t("dt-button", { ref: e.refNames[3], staticClass: "d-datepicker__nav-btn", attrs: { id: "nextYearButton", size: "xs", kind: "muted", circle: !0, importance: "clear", type: "button", "aria-label": `${e.changeToLabel} ${e.nextYearLabel} ${e.selectYear + 1}` }, on: { click: function(s) {
+      return e.changeYear(1);
+    }, keydown: function(s) {
+      return e.handleKeyDown(s);
+    } } }, [t("dt-icon-chevrons-right", { attrs: { size: "200" } })], 1)];
+  }, proxy: !0 }]) })], 1)], 1);
+}, q = [], A = /* @__PURE__ */ h(
+  P,
+  S,
+  q
+);
+const F = A.exports, N = {
+  name: "DtDatepickerCalendar",
+  components: { DtButton: d },
+  props: {
+    calendarDays: {
+      type: Array,
+      required: !0
+    },
+    locale: {
+      type: String,
+      required: !0
+    },
+    selectDayLabel: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: [
+    /**
+     * Event fired when a date is selected
+     *
+     * @event select-date
+     * @type {Date}
+     */
+    "select-date",
+    /**
+     * Will focus the month and year picker
+     *
+     * @event focus-month-year-picker
+     */
+    "focus-month-year-picker",
+    /**
+     * Will close the datepicker
+     *
+     * @event close-datepicker
+     */
+    "close-datepicker"
+  ],
+  data() {
+    return {
+      // local selectedDay to override the received by props calendarDays
+      selectedDay: null,
+      focusDay: 0,
+      daysRef: []
+    };
+  },
+  computed: {
+    weekDays() {
+      return M(this.locale, Y);
+    }
+  },
+  watch: {
+    calendarDays() {
+      this.focusDay = 0, this.selectedDay = null, this.daysRef = [], this.$nextTick(() => {
+        this.daysRef = [], this.setDayRef();
+      });
+    }
+  },
+  methods: {
+    dayAriaLabel(a) {
+      return `${this.selectDayLabel} ${a.text} ${$(a.value, w)} ${l(a.value)}`;
+    },
+    setDayRef(a, e) {
+      this.calendarDays.forEach((t, s) => {
+        t.days.forEach((n, r) => {
+          const o = `buttonRef_${s}_${r}`, c = this.$refs[o];
+          c && n.currentMonth && this.daysRef.push({ el: c[0], day: n });
+        });
+      });
+    },
+    handleKeyDown(a) {
+      switch (a.key) {
+        case "ArrowUp":
+          a.preventDefault(), this.focusDay -= 7;
+          try {
+            this.daysRef[this.focusDay].el.$el.focus();
+          } catch {
+            const t = R(this.daysRef[this.focusDay + 7].day.value);
+            this.$emit("go-to-prev-month"), this.$nextTick(() => {
+              this.setDayRef(), this.daysRef[t - 1].el.$el.focus(), this.focusDay += t - 1;
+            });
+          }
+          break;
+        case "ArrowDown":
+          a.preventDefault(), this.focusDay += 7;
+          try {
+            this.daysRef[this.focusDay].el.$el.focus();
+          } catch {
+            const t = x(this.daysRef[this.focusDay - 7].day.value);
+            this.$emit("go-to-next-month"), this.$nextTick(() => {
+              this.setDayRef(), this.daysRef[t - 1].el.$el.focus(), this.focusDay += t - 1;
+            });
+          }
+          break;
+        case "ArrowLeft":
+          a.preventDefault(), this.focusDay > 0 ? (this.focusDay -= 1, this.daysRef[this.focusDay].el.$el.focus()) : (this.$emit("go-to-prev-month"), this.$nextTick(() => {
+            this.focusLastDay();
+          }));
+          break;
+        case "ArrowRight":
+          a.preventDefault(), this.focusDay < this.daysRef.length - 1 ? (this.focusDay += 1, this.daysRef[this.focusDay].el.$el.focus()) : (this.$emit("go-to-next-month"), this.$nextTick(() => {
+            this.focusFirstDay();
+          }));
+          break;
+        case "Tab":
+          a.preventDefault(), this.$emit("focus-month-year-picker");
+          break;
+        case "Escape":
+          this.$emit("close-datepicker");
+          break;
+      }
+    },
+    focusFirstDay() {
+      this.focusDay = 0, this.$nextTick(() => {
+        this.daysRef[this.focusDay].el.$el.focus();
+      });
+    },
+    focusLastDay() {
+      this.$nextTick(() => {
+        this.focusDay = this.daysRef.length - 1, this.daysRef[this.focusDay].el.$el.focus();
+      });
+    },
+    selectDay(a) {
+      a.currentMonth && (this.selectedDay = a.text, this.$emit("select-date", a.value));
+    }
+  }
+};
+var B = function() {
+  var e = this, t = e._self._c;
+  return t("table", { staticClass: "d-datepicker__calendar", attrs: { "aria-labelledby": "calendar-heading" } }, [t("thead", [t("tr", e._l(e.weekDays, function(s) {
+    return t("th", { key: s, staticClass: "d-datepicker__cell d-datepicker__cell--header", attrs: { scope: "col" } }, [t("span", { staticClass: "d-datepicker__weekday", attrs: { title: s, "aria-label": s } }, [e._v(" " + e._s(s))])]);
+  }), 0)]), t("tbody", e._l(e.calendarDays, function(s, n) {
+    return t("tr", { key: n }, e._l(s.days, function(r, o) {
+      return t("td", { key: n + o, staticClass: "d-datepicker__cell", attrs: { role: "listbox" } }, [t("dt-button", { ref: `buttonRef_${n}_${o}`, refInFor: !0, staticClass: "d-datepicker__day", class: {
+        "d-datepicker__day--disabled": !r.currentMonth,
+        "d-datepicker__day--selected": e.selectedDay ? r.text === e.selectedDay && r.currentMonth : r.selected
+      }, attrs: { circle: !0, size: "sm", importance: "clear", disabled: !r.currentMonth, type: "button", "aria-selected": e.selectedDay ? r.text === e.selectedDay && r.currentMonth : r.selected, "aria-label": e.dayAriaLabel(r), role: "option" }, on: { click: function(c) {
+        return e.selectDay(r);
+      }, keydown: function(c) {
+        return e.handleKeyDown(c);
+      } } }, [e._v(" " + e._s(r.text) + " ")])], 1);
+    }), 0);
+  }), 0)]);
+}, z = [], K = /* @__PURE__ */ h(
+  N,
+  B,
+  z
+);
+const I = K.exports, E = {
+  name: "DtDatepicker",
+  components: { DtStack: u, MonthYearPicker: F, Calendar: I },
+  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
+     *
+     * @type {Date}
+     */
+    selectedDate: {
+      type: Date,
+      default: () => /* @__PURE__ */ new Date()
+    }
+  },
+  emits: [
+    /**
+     * Event fired when a date is selected
+     *
+     * @event selected-date
+     * @type {Date}
+     */
+    "selected-date",
+    /**
+     * Event fired when user presses the esc key
+     *
+     * @event close-datepicker
+     */
+    "close-datepicker"
+  ],
+  data() {
+    return {
+      calendarDays: []
+    };
+  },
+  mounted() {
+    C(this.$el, this.$options.name);
+  },
+  methods: {
+    updateCalendarDays(a) {
+      this.calendarDays = a;
+    }
+  }
+};
+var O = function() {
+  var e = this, t = e._self._c;
+  return t("dt-stack", { staticClass: "d-datepicker", attrs: { gap: "400" } }, [t("div", { staticClass: "d-datepicker__hd" }, [t("month-year-picker", { ref: "monthYearPicker", attrs: { locale: e.locale, "prev-month-label": e.prevMonthLabel, "next-month-label": e.nextMonthLabel, "prev-year-label": e.prevYearLabel, "next-year-label": e.nextYearLabel, "change-to-label": e.changeToLabel, "selected-date": e.selectedDate }, on: { "calendar-days": e.updateCalendarDays, "focus-first-day": function(s) {
+    return e.$refs.calendar.focusFirstDay();
+  }, "focus-last-day": function(s) {
+    return e.$refs.calendar.focusLastDay();
+  }, "close-datepicker": function(s) {
+    return e.$emit("close-datepicker");
+  } } })], 1), t("div", { staticClass: "d-datepicker__bd" }, [t("calendar", { ref: "calendar", attrs: { locale: e.locale, "calendar-days": e.calendarDays, "select-day-label": e.selectDayLabel }, on: { "select-date": function(s) {
+    return e.$emit("selected-date", s);
+  }, "focus-month-year-picker": function(s) {
+    return e.$refs.monthYearPicker.focusMonthYearPicker();
+  }, "close-datepicker": function(s) {
+    return e.$emit("close-datepicker");
+  }, "go-to-next-month": function(s) {
+    return e.$refs.monthYearPicker.goToNextMonth();
+  }, "go-to-prev-month": function(s) {
+    return e.$refs.monthYearPicker.goToPrevMonth();
+  } } })], 1)]);
+}, U = [], H = /* @__PURE__ */ h(
+  E,
+  O,
+  U
+);
+const te = H.exports;
+export {
+  te as default
+};
+//# sourceMappingURL=datepicker.js.map

package/dist/lib/datepicker/datepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.js","sources":["../../../components/datepicker/modules/month-year-picker.vue","../../../components/datepicker/modules/calendar.vue","../../../components/datepicker/datepicker.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    class=\"d-datepicker__month-year\"\n    gap=\"300\"\n  >\n    <dt-stack\n      as=\"nav\"\n      direction=\"row\"\n      gap=\"200\"\n      class=\"d-datepicker__nav\"\n    >\n      <dt-tooltip\n        :message=\"prevYearLabel\"\n        placement=\"top\"\n        :fallback-placements=\"['top-start', 'auto']\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"prevYearButton\"\n            :ref=\"refNames[0]\"\n            size=\"xs\"\n            importance=\"clear\"\n            kind=\"muted\"\n            :circle=\"true\"\n            class=\"d-datepicker__nav-btn\"\n            type=\"button\"\n            :aria-label=\"`${changeToLabel} ${prevYearLabel} ${selectYear - 1}`\"\n            @click=\"changeYear(-1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevrons-left\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n      <dt-tooltip\n        :message=\"prevMonthLabel\"\n        placement=\"top\"\n        :fallback-placements=\"['top-end', 'auto']\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"prevMonthButton\"\n            :ref=\"refNames[1]\"\n            size=\"xs\"\n            importance=\"clear\"\n            kind=\"muted\"\n            :circle=\"true\"\n            class=\"d-datepicker__nav-btn\"\n            type=\"button\"\n            :aria-label=\"`${changeToLabel} ${prevMonthLabel} ${formattedMonth(selectMonth - 1)}`\"\n            @click=\"changeMonth(-1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevron-left\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </dt-stack>\n    <div\n      id=\"calendar-heading\"\n      class=\"d-datepicker__month-year-title\"\n    >\n      {{ formattedMonth(selectMonth) }}\n\n      {{ selectYear }}\n    </div>\n    <dt-stack\n      as=\"nav\"\n      direction=\"row\"\n      gap=\"200\"\n      class=\"d-datepicker__nav\"\n    >\n      <dt-tooltip\n        :message=\"nextMonthLabel\"\n        placement=\"top\"\n        :fallback-placements=\"['top-start', 'auto']\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"nextMonthButton\"\n            :ref=\"refNames[2]\"\n            size=\"xs\"\n            importance=\"clear\"\n            :circle=\"true\"\n            kind=\"muted\"\n            class=\"d-datepicker__nav-btn\"\n            type=\"button\"\n            :aria-label=\"`${changeToLabel} ${nextMonthLabel} ${formattedMonth(selectMonth + 1)}`\"\n            @click=\"changeMonth(1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevron-right\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n      <dt-tooltip\n        :message=\"nextYearLabel\"\n        placement=\"top\"\n        :fallback-placements=\"['top-end', 'auto']\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"nextYearButton\"\n            :ref=\"refNames[3]\"\n            size=\"xs\"\n            kind=\"muted\"\n            :circle=\"true\"\n            importance=\"clear\"\n            class=\"d-datepicker__nav-btn\"\n            type=\"button\"\n            :aria-label=\"`${changeToLabel} ${nextYearLabel} ${selectYear + 1}`\"\n            @click=\"changeYear(1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevrons-right\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </dt-stack>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtIconChevronLeft, DtIconChevronsLeft, DtIconChevronRight, DtIconChevronsRight } from '@dialpad/dialtone-icons/vue2';\nimport { getYear, addMonths, getMonth, set, subMonths, getDate } from 'date-fns';\nimport { getCalendarDays, formatMonth } from '../utils';\nimport { INTL_MONTH_FORMAT } from '../datepicker_constants';\nimport DtStack from '@/components/stack/stack.vue';\nimport DtTooltip from '@/components/tooltip/tooltip.vue';\nimport DtButton from '@/components/button/button.vue';\n\nexport default {\n  name: 'DtDatepickerMonthYearPicker',\n\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtIconChevronLeft,\n    DtIconChevronsLeft,\n    DtIconChevronRight,\n    DtIconChevronsRight,\n  },\n\n  props: {\n    locale: {\n      type: String,\n      required: true,\n    },\n\n    prevMonthLabel: {\n      type: String,\n      required: true,\n    },\n\n    nextMonthLabel: {\n      type: String,\n      required: true,\n    },\n\n    prevYearLabel: {\n      type: String,\n      required: true,\n    },\n\n    nextYearLabel: {\n      type: String,\n      required: true,\n    },\n\n    changeToLabel: {\n      type: String,\n      required: true,\n    },\n\n    selectedDate: {\n      type: Date,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Will retrieve the calendar days of the given date\n     *\n     * @event calendar-days\n     * @type {Array}\n     */\n    'calendar-days',\n\n    /**\n     * Will focus first day in calendar\n     *\n     * @event focus-first-day\n     */\n    'focus-first-day',\n\n    /**\n     * Will focus last day in calendar\n     *\n     * @event focus-last-day\n     */\n    'focus-last-day',\n\n    /**\n     * Will close the datepicker\n     *\n     * @event close-datepicker\n     */\n    'close-datepicker',\n  ],\n\n  data () {\n    return {\n      selectMonth: getMonth(this.selectedDate),\n      selectYear: getYear(this.selectedDate),\n      highlightedDay: null,\n      focusPicker: 0,\n      focusRefs: [],\n      refNames: ['prevYearButtonRef', 'prevMonthButtonRef', 'nextMonthButtonRef', 'nextYearButtonRef'],\n    };\n  },\n\n  computed: {\n    // Get days for the currently selected month and year and highlight the selected day\n    calendarDays () {\n      return getCalendarDays(this.selectMonth, this.selectYear, this.highlightedDay);\n    },\n\n    formattedMonth () {\n      return (month) => formatMonth(month, INTL_MONTH_FORMAT, this.locale);\n    },\n  },\n\n  watch: {\n    selectMonth: {\n      handler () {\n        this.highlightDay();\n        this.$emit('calendar-days', this.calendarDays);\n      },\n\n      immediate: true,\n    },\n\n    selectYear: {\n      handler () {\n        this.highlightDay();\n        this.$emit('calendar-days', this.calendarDays);\n      },\n\n      immediate: true,\n    },\n\n  },\n\n  mounted () {\n    this.setButtonsRef();\n    this.focusMonthYearPicker();\n  },\n\n  methods: {\n    setButtonsRef () {\n      this.focusRefs = this.refNames.map(refName => this.$refs[refName]);\n    },\n\n    focusMonthYearPicker () {\n      this.focusPicker = 0;\n      this.focusRefs[0].$el.focus();\n    },\n\n    handleKeyDown (event) {\n      switch (event.key) {\n        case 'ArrowLeft':\n          event.preventDefault();\n          if (this.focusPicker === 0) {\n            this.focusPicker = 3;\n            this.focusRefs[this.focusPicker].$el.focus();\n          } else {\n            this.focusPicker--;\n            this.focusRefs[this.focusPicker].$el.focus();\n          }\n          break;\n\n        case 'ArrowRight':\n          event.preventDefault();\n          if (this.focusPicker === 3) {\n            this.focusPicker = 0;\n            this.focusRefs[this.focusPicker].$el.focus();\n          } else {\n            this.focusPicker++;\n            this.focusRefs[this.focusPicker].$el.focus();\n          }\n          break;\n\n        case 'ArrowDown':\n          event.preventDefault();\n          this.$emit('focus-first-day');\n          break;\n\n        case 'Tab':\n          event.preventDefault();\n          this.$emit('focus-first-day');\n          break;\n\n        case 'Escape':\n          this.$emit('close-datepicker');\n          break;\n      }\n    },\n\n    highlightDay () {\n      const year = getYear(this.selectedDate);\n      const month = getMonth(this.selectedDate);\n\n      if (year !== this.selectYear || month !== this.selectMonth) {\n        this.highlightedDay = null;\n      } else {\n        this.highlightedDay = getDate(this.selectedDate);\n      }\n    },\n\n    changeMonth (value) {\n      // Adjust year when changing from January to December or vice versa\n      if ((this.selectMonth === 0 && value === -1) || (this.selectMonth === 11 && value === 1)) {\n        this.selectYear += value;\n      }\n\n      // Calculate the new date by adding or subtracting months\n      const initialDate = set(this.selectedDate, { month: this.selectMonth, year: this.selectYear });\n      const newDate = value === 1 ? addMonths(initialDate, 1) : subMonths(initialDate, 1);\n\n      // Update the selected month\n      this.selectMonth = getMonth(newDate);\n    },\n\n    changeYear (value) {\n      this.selectYear = this.selectYear + value;\n    },\n\n    goToNextMonth () {\n      this.changeMonth(1);\n    },\n\n    goToPrevMonth () {\n      this.changeMonth(-1);\n    },\n  },\n};\n</script>\n","<template>\n  <table\n    class=\"d-datepicker__calendar\"\n    aria-labelledby=\"calendar-heading\"\n  >\n    <thead>\n      <tr>\n        <th\n          v-for=\"day in weekDays\"\n          :key=\"day\"\n          scope=\"col\"\n          class=\"d-datepicker__cell d-datepicker__cell--header\"\n        >\n          <span\n            class=\"d-datepicker__weekday\"\n            :title=\"day\"\n            :aria-label=\"day\"\n          > {{ day }}</span>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        v-for=\"(week, indexWeek) in calendarDays\"\n        :key=\"indexWeek\"\n      >\n        <td\n          v-for=\"(day, indexDays) in week.days\"\n          :key=\"indexWeek + indexDays\"\n          class=\"d-datepicker__cell\"\n          role=\"listbox\"\n        >\n          <dt-button\n            :ref=\"`buttonRef_${indexWeek}_${indexDays}`\"\n            class=\"d-datepicker__day\"\n            :circle=\"true\"\n            size=\"sm\"\n            importance=\"clear\"\n            :disabled=\"!day.currentMonth\"\n            :class=\"{\n              'd-datepicker__day--disabled': !day.currentMonth,\n              'd-datepicker__day--selected': selectedDay\n                ? ((day.text === selectedDay) && day.currentMonth)\n                : day.selected,\n            }\"\n            type=\"button\"\n            :aria-selected=\"!!selectedDay ? ((day.text === selectedDay) && day.currentMonth) : day.selected\"\n            :aria-label=\"dayAriaLabel(day)\"\n            role=\"option\"\n            @click=\"selectDay(day)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            {{ day.text }}\n          </dt-button>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script>\nimport { getWeekDayNames, calculateNextFocusDate, calculatePrevFocusDate } from '@/components/datepicker/utils';\nimport { WEEK_START, MONTH_FORMAT } from '@/components/datepicker/datepicker_constants.js';\nimport { format, getYear } from 'date-fns';\nimport DtButton from '@/components/button/button.vue';\n\nexport default {\n  name: 'DtDatepickerCalendar',\n  components: { DtButton },\n\n  props: {\n    calendarDays: {\n      type: Array,\n      required: true,\n    },\n\n    locale: {\n      type: String,\n      required: true,\n    },\n\n    selectDayLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired when a date is selected\n     *\n     * @event select-date\n     * @type {Date}\n     */\n    'select-date',\n\n    /**\n     * Will focus the month and year picker\n     *\n     * @event focus-month-year-picker\n     */\n    'focus-month-year-picker',\n\n    /**\n     * Will close the datepicker\n     *\n     * @event close-datepicker\n     */\n    'close-datepicker',\n  ],\n\n  data () {\n    return {\n      // local selectedDay to override the received by props calendarDays\n      selectedDay: null,\n      focusDay: 0,\n      daysRef: [],\n    };\n  },\n\n  computed: {\n    weekDays () {\n      return getWeekDayNames(this.locale, WEEK_START);\n    },\n  },\n\n  watch: {\n    calendarDays () {\n      // on calendarDays update, reset our local variables\n      this.focusDay = 0;\n      this.selectedDay = null;\n\n      this.daysRef = [];\n\n      this.$nextTick(() => {\n        this.daysRef = [];\n        this.setDayRef();\n      });\n    },\n  },\n\n  methods: {\n    dayAriaLabel (day) {\n      return `${this.selectDayLabel} ${day.text} ${format(day.value, MONTH_FORMAT)} ${getYear(day.value)}`;\n    },\n\n    setDayRef (el, day) {\n      this.calendarDays.forEach((week, weekIndex) => {\n        week.days.forEach((day, dayIndex) => {\n          const refKey = `buttonRef_${weekIndex}_${dayIndex}`;\n          const dayButton = this.$refs[refKey];\n          if (dayButton && day.currentMonth) {\n            this.daysRef.push({ el: dayButton[0], day });\n          }\n        });\n      });\n    },\n\n    handleKeyDown (event) {\n      switch (event.key) {\n        case 'ArrowUp':\n          event.preventDefault();\n          this.focusDay -= 7;\n          try {\n            this.daysRef[this.focusDay].el.$el.focus();\n          } catch (error) {\n            const prevFocusDate = calculatePrevFocusDate(this.daysRef[this.focusDay + 7].day.value);\n            this.$emit('go-to-prev-month');\n            this.$nextTick(() => {\n              this.setDayRef();\n              this.daysRef[prevFocusDate - 1].el.$el.focus();\n              this.focusDay += prevFocusDate - 1;\n            });\n          }\n          break;\n\n        case 'ArrowDown':\n          event.preventDefault();\n          this.focusDay += 7;\n          try {\n            this.daysRef[this.focusDay].el.$el.focus();\n          } catch (error) {\n            const nextFocusDate = calculateNextFocusDate(this.daysRef[this.focusDay - 7].day.value);\n            this.$emit('go-to-next-month');\n            this.$nextTick(() => {\n              this.setDayRef();\n              this.daysRef[nextFocusDate - 1].el.$el.focus();\n              this.focusDay += nextFocusDate - 1;\n            });\n          }\n          break;\n\n        case 'ArrowLeft':\n          event.preventDefault();\n          if (this.focusDay > 0) {\n            this.focusDay -= 1;\n            this.daysRef[this.focusDay].el.$el.focus();\n          } else {\n            // if we are on month first day, jump to last day of prev month\n            this.$emit('go-to-prev-month');\n            this.$nextTick(() => {\n              this.focusLastDay();\n            });\n          }\n          break;\n\n        case 'ArrowRight':\n          event.preventDefault();\n          if (this.focusDay < this.daysRef.length - 1) {\n            this.focusDay += 1;\n            this.daysRef[this.focusDay].el.$el.focus();\n          } else {\n            // if we are on month last day, jump to first day of next month\n            this.$emit('go-to-next-month');\n            this.$nextTick(() => {\n              this.focusFirstDay();\n            });\n          }\n          break;\n\n        case 'Tab':\n          event.preventDefault();\n          this.$emit('focus-month-year-picker');\n          break;\n\n        case 'Escape':\n          this.$emit('close-datepicker');\n          break;\n      }\n    },\n\n    focusFirstDay () {\n      this.focusDay = 0;\n      this.$nextTick(() => {\n        this.daysRef[this.focusDay].el.$el.focus();\n      });\n    },\n\n    focusLastDay () {\n      this.$nextTick(() => {\n        this.focusDay = this.daysRef.length - 1;\n        this.daysRef[this.focusDay].el.$el.focus();\n      });\n    },\n\n    selectDay (day) {\n      if (!day.currentMonth) { return; }\n\n      // local selectedDay is updated when a day is selected\n      this.selectedDay = day.text;\n      this.$emit('select-date', day.value);\n    },\n  },\n};\n</script>\n","<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-stack\n    class=\"d-datepicker\"\n    gap=\"400\"\n  >\n    <div class=\"d-datepicker__hd\">\n      <month-year-picker\n        ref=\"monthYearPicker\"\n        :locale=\"locale\"\n        :prev-month-label=\"prevMonthLabel\"\n        :next-month-label=\"nextMonthLabel\"\n        :prev-year-label=\"prevYearLabel\"\n        :next-year-label=\"nextYearLabel\"\n        :change-to-label=\"changeToLabel\"\n        :selected-date=\"selectedDate\"\n        @calendar-days=\"updateCalendarDays\"\n        @focus-first-day=\"$refs.calendar.focusFirstDay()\"\n        @focus-last-day=\"$refs.calendar.focusLastDay()\"\n        @close-datepicker=\"$emit('close-datepicker')\"\n      />\n    </div>\n    <div class=\"d-datepicker__bd\">\n      <calendar\n        ref=\"calendar\"\n        :locale=\"locale\"\n        :calendar-days=\"calendarDays\"\n        :select-day-label=\"selectDayLabel\"\n        @select-date=\"$emit('selected-date', $event)\"\n        @focus-month-year-picker=\"$refs.monthYearPicker.focusMonthYearPicker()\"\n        @close-datepicker=\"$emit('close-datepicker')\"\n        @go-to-next-month=\"$refs.monthYearPicker.goToNextMonth()\"\n        @go-to-prev-month=\"$refs.monthYearPicker.goToPrevMonth()\"\n      />\n    </div>\n  </dt-stack>\n</template>\n\n<script>\nimport MonthYearPicker from './modules/month-year-picker.vue';\nimport Calendar from './modules/calendar.vue';\nimport DtStack from '@/components/stack/stack.vue';\nimport { warnIfUnmounted } from '@/common/utils';\n\nexport default {\n  name: 'DtDatepicker',\n\n  components: { DtStack, MonthYearPicker, Calendar },\n\n  props: {\n    /**\n     * Label for the previous month button\n     *\n     * @type {String}\n     * @example 'Previous month'\n     */\n    prevMonthLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Label for the next month button\n     *\n     * @type {String}\n     * @example 'Next month'\n     */\n    nextMonthLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Label for the previous year button\n     *\n     * @type {String}\n     * @example 'Previous year'\n     */\n    prevYearLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Label for the next year button\n     *\n     * @type {String}\n     * @example 'Next year'\n     */\n    nextYearLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Label for the select day button\n     *\n     * @type {String}\n     * @example 'Select day'\n     */\n    selectDayLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Label for the change to button\n     *\n     * @type {String}\n     * @example 'Change to'\n     */\n    changeToLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Locale for the calendar\n     *\n     * @type {String}\n     */\n    locale: {\n      type: String,\n      default: 'en-US',\n    },\n\n    /**\n     * Selected date\n     *\n     * @type {Date}\n     */\n    selectedDate: {\n      type: Date,\n      default: () => (new Date()),\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired when a date is selected\n     *\n     * @event selected-date\n     * @type {Date}\n     */\n    'selected-date',\n\n    /**\n     * Event fired when user presses the esc key\n     *\n     * @event close-datepicker\n     */\n    'close-datepicker',\n  ],\n\n  data () {\n    return {\n      calendarDays: [],\n    };\n  },\n\n  mounted () {\n    warnIfUnmounted(this.$el, this.$options.name);\n  },\n\n  methods: {\n    updateCalendarDays (days) {\n      this.calendarDays = days;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtTooltip","DtStack","DtIconChevronLeft","DtIconChevronsLeft","DtIconChevronRight","DtIconChevronsRight","getMonth","getYear","getCalendarDays","month","formatMonth","INTL_MONTH_FORMAT","refName","event","year","getDate","value","initialDate","set","newDate","addMonths","subMonths","getWeekDayNames","WEEK_START","day","format","MONTH_FORMAT","el","week","weekIndex","dayIndex","refKey","dayButton","prevFocusDate","calculatePrevFocusDate","nextFocusDate","calculateNextFocusDate","MonthYearPicker","Calendar","warnIfUnmounted","days"],"mappings":"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"}

package/dist/lib/datepicker/formatUtils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function a(t,e="default"){return new Intl.DateTimeFormat(e,{weekday:"long",year:"numeric",month:"long",day:"numeric"}).format(t)}function n(t,e="default"){return new Intl.DateTimeFormat(e,{year:"numeric",month:"long",day:"numeric"}).format(t)}function m(t,e="default",r=!0){const o=r?{weekday:"short",year:"numeric",month:"short",day:"numeric"}:{year:"numeric",month:"short",day:"numeric"};return new Intl.DateTimeFormat(e,o).format(t)}function u(t,e="default",r=!1){const o=r?"short":"long";return new Intl.DateTimeFormat(e,{month:o,day:"numeric"}).format(t)}function i(t,e="default"){return new Intl.DateTimeFormat(e,{year:"2-digit",month:"2-digit",day:"2-digit"}).format(t)}const f={formatLong:a,formatMedium:n,formatShort:m,formatNoYear:u,formatNumerical:i};exports.default=f;exports.formatLong=a;exports.formatMedium=n;exports.formatNoYear=u;exports.formatNumerical=i;exports.formatShort=m;
+//# sourceMappingURL=formatUtils.cjs.map

package/dist/lib/datepicker/formatUtils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatUtils.cjs","sources":["../../../components/datepicker/formatUtils.js"],"sourcesContent":["/**\n * Formats a date into a long format using the specified locale.\n *\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @returns {string} The formatted date string.\n */\nexport function formatLong (date, locale = 'default') {\n  return new Intl.DateTimeFormat(locale, { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }).format(date);\n}\n\n/**\n * Formats the given date in medium format.\n *\n * @param {Date} date - The date to be formatted.\n * @param {string} [locale='default'] - The locale to be used for formatting. Defaults to 'default'.\n * @returns {string} The formatted date string in medium format.\n */\nexport function formatMedium (date, locale = 'default') {\n  return new Intl.DateTimeFormat(locale, { year: 'numeric', month: 'long', day: 'numeric' }).format(date);\n}\n\n/**\n * Formats a date into a short string representation.\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @param {boolean} [showWeekday=true] - Whether to include the weekday in the formatted string. Defaults to true.\n * @returns {string} The formatted date string.\n */\nexport function formatShort (date, locale = 'default', showWeekday = true) {\n  const options = showWeekday ? { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' } : { year: 'numeric', month: 'short', day: 'numeric' };\n  return new Intl.DateTimeFormat(locale, options).format(date);\n}\n\n/**\n * Formats a date without the year.\n *\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @param {boolean} [abbreviated=false] - Whether to use abbreviated month names. Defaults to false.\n * @returns {string} The formatted date without the year.\n */\nexport function formatNoYear (date, locale = 'default', abbreviated = false) {\n  const monthFormat = abbreviated ? 'short' : 'long';\n  return new Intl.DateTimeFormat(locale, { month: monthFormat, day: 'numeric' }).format(date);\n}\n\n/**\n * Formats a date into a numerical string representation.\n *\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @returns {string} The formatted numerical date string.\n */\nexport function formatNumerical (date, locale = 'default') {\n  return new Intl.DateTimeFormat(locale, { year: '2-digit', month: '2-digit', day: '2-digit' }).format(date);\n}\n\nexport default {\n  formatLong,\n  formatMedium,\n  formatShort,\n  formatNoYear,\n  formatNumerical,\n};\n"],"names":["formatLong","date","locale","formatMedium","formatShort","showWeekday","options","formatNoYear","abbreviated","monthFormat","formatNumerical","formatUtils"],"mappings":"4GAOO,SAASA,EAAYC,EAAMC,EAAS,UAAW,CACpD,OAAO,IAAI,KAAK,eAAeA,EAAQ,CAAE,QAAS,OAAQ,KAAM,UAAW,MAAO,OAAQ,IAAK,SAAW,CAAA,EAAE,OAAOD,CAAI,CACzH,CASO,SAASE,EAAcF,EAAMC,EAAS,UAAW,CACtD,OAAO,IAAI,KAAK,eAAeA,EAAQ,CAAE,KAAM,UAAW,MAAO,OAAQ,IAAK,SAAS,CAAE,EAAE,OAAOD,CAAI,CACxG,CASO,SAASG,EAAaH,EAAMC,EAAS,UAAWG,EAAc,GAAM,CACzE,MAAMC,EAAUD,EAAc,CAAE,QAAS,QAAS,KAAM,UAAW,MAAO,QAAS,IAAK,SAAW,EAAG,CAAE,KAAM,UAAW,MAAO,QAAS,IAAK,WAC9I,OAAO,IAAI,KAAK,eAAeH,EAAQI,CAAO,EAAE,OAAOL,CAAI,CAC7D,CAUO,SAASM,EAAcN,EAAMC,EAAS,UAAWM,EAAc,GAAO,CAC3E,MAAMC,EAAcD,EAAc,QAAU,OAC5C,OAAO,IAAI,KAAK,eAAeN,EAAQ,CAAE,MAAOO,EAAa,IAAK,SAAW,CAAA,EAAE,OAAOR,CAAI,CAC5F,CASO,SAASS,EAAiBT,EAAMC,EAAS,UAAW,CACzD,OAAO,IAAI,KAAK,eAAeA,EAAQ,CAAE,KAAM,UAAW,MAAO,UAAW,IAAK,SAAS,CAAE,EAAE,OAAOD,CAAI,CAC3G,CAEA,MAAeU,EAAA,CACb,WAAAX,EACA,aAAAG,EACA,YAAAC,EACA,aAAAG,EACA,gBAAAG,CACF"}

package/dist/lib/datepicker/formatUtils.js

@@ -0,0 +1,33 @@
+function o(t, e = "default") {
+  return new Intl.DateTimeFormat(e, { weekday: "long", year: "numeric", month: "long", day: "numeric" }).format(t);
+}
+function a(t, e = "default") {
+  return new Intl.DateTimeFormat(e, { year: "numeric", month: "long", day: "numeric" }).format(t);
+}
+function m(t, e = "default", n = !0) {
+  const r = n ? { weekday: "short", year: "numeric", month: "short", day: "numeric" } : { year: "numeric", month: "short", day: "numeric" };
+  return new Intl.DateTimeFormat(e, r).format(t);
+}
+function i(t, e = "default", n = !1) {
+  const r = n ? "short" : "long";
+  return new Intl.DateTimeFormat(e, { month: r, day: "numeric" }).format(t);
+}
+function u(t, e = "default") {
+  return new Intl.DateTimeFormat(e, { year: "2-digit", month: "2-digit", day: "2-digit" }).format(t);
+}
+const f = {
+  formatLong: o,
+  formatMedium: a,
+  formatShort: m,
+  formatNoYear: i,
+  formatNumerical: u
+};
+export {
+  f as default,
+  o as formatLong,
+  a as formatMedium,
+  i as formatNoYear,
+  u as formatNumerical,
+  m as formatShort
+};
+//# sourceMappingURL=formatUtils.js.map

package/dist/lib/datepicker/formatUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatUtils.js","sources":["../../../components/datepicker/formatUtils.js"],"sourcesContent":["/**\n * Formats a date into a long format using the specified locale.\n *\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @returns {string} The formatted date string.\n */\nexport function formatLong (date, locale = 'default') {\n  return new Intl.DateTimeFormat(locale, { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }).format(date);\n}\n\n/**\n * Formats the given date in medium format.\n *\n * @param {Date} date - The date to be formatted.\n * @param {string} [locale='default'] - The locale to be used for formatting. Defaults to 'default'.\n * @returns {string} The formatted date string in medium format.\n */\nexport function formatMedium (date, locale = 'default') {\n  return new Intl.DateTimeFormat(locale, { year: 'numeric', month: 'long', day: 'numeric' }).format(date);\n}\n\n/**\n * Formats a date into a short string representation.\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @param {boolean} [showWeekday=true] - Whether to include the weekday in the formatted string. Defaults to true.\n * @returns {string} The formatted date string.\n */\nexport function formatShort (date, locale = 'default', showWeekday = true) {\n  const options = showWeekday ? { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' } : { year: 'numeric', month: 'short', day: 'numeric' };\n  return new Intl.DateTimeFormat(locale, options).format(date);\n}\n\n/**\n * Formats a date without the year.\n *\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @param {boolean} [abbreviated=false] - Whether to use abbreviated month names. Defaults to false.\n * @returns {string} The formatted date without the year.\n */\nexport function formatNoYear (date, locale = 'default', abbreviated = false) {\n  const monthFormat = abbreviated ? 'short' : 'long';\n  return new Intl.DateTimeFormat(locale, { month: monthFormat, day: 'numeric' }).format(date);\n}\n\n/**\n * Formats a date into a numerical string representation.\n *\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @returns {string} The formatted numerical date string.\n */\nexport function formatNumerical (date, locale = 'default') {\n  return new Intl.DateTimeFormat(locale, { year: '2-digit', month: '2-digit', day: '2-digit' }).format(date);\n}\n\nexport default {\n  formatLong,\n  formatMedium,\n  formatShort,\n  formatNoYear,\n  formatNumerical,\n};\n"],"names":["formatLong","date","locale","formatMedium","formatShort","showWeekday","options","formatNoYear","abbreviated","monthFormat","formatNumerical","formatUtils"],"mappings":"AAOO,SAASA,EAAYC,GAAMC,IAAS,WAAW;AACpD,SAAO,IAAI,KAAK,eAAeA,GAAQ,EAAE,SAAS,QAAQ,MAAM,WAAW,OAAO,QAAQ,KAAK,UAAW,CAAA,EAAE,OAAOD,CAAI;AACzH;AASO,SAASE,EAAcF,GAAMC,IAAS,WAAW;AACtD,SAAO,IAAI,KAAK,eAAeA,GAAQ,EAAE,MAAM,WAAW,OAAO,QAAQ,KAAK,UAAS,CAAE,EAAE,OAAOD,CAAI;AACxG;AASO,SAASG,EAAaH,GAAMC,IAAS,WAAWG,IAAc,IAAM;AACzE,QAAMC,IAAUD,IAAc,EAAE,SAAS,SAAS,MAAM,WAAW,OAAO,SAAS,KAAK,UAAW,IAAG,EAAE,MAAM,WAAW,OAAO,SAAS,KAAK;AAC9I,SAAO,IAAI,KAAK,eAAeH,GAAQI,CAAO,EAAE,OAAOL,CAAI;AAC7D;AAUO,SAASM,EAAcN,GAAMC,IAAS,WAAWM,IAAc,IAAO;AAC3E,QAAMC,IAAcD,IAAc,UAAU;AAC5C,SAAO,IAAI,KAAK,eAAeN,GAAQ,EAAE,OAAOO,GAAa,KAAK,UAAW,CAAA,EAAE,OAAOR,CAAI;AAC5F;AASO,SAASS,EAAiBT,GAAMC,IAAS,WAAW;AACzD,SAAO,IAAI,KAAK,eAAeA,GAAQ,EAAE,MAAM,WAAW,OAAO,WAAW,KAAK,UAAS,CAAE,EAAE,OAAOD,CAAI;AAC3G;AAEA,MAAeU,IAAA;AAAA,EACb,YAAAX;AAAA,EACA,cAAAG;AAAA,EACA,aAAAC;AAAA,EACA,cAAAG;AAAA,EACA,iBAAAG;AACF;"}

package/dist/lib/datepicker/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./datepicker.cjs"),r=require("./formatUtils.cjs");exports.DtDatepicker=t.default;exports.formatLong=r.formatLong;exports.formatMedium=r.formatMedium;exports.formatNoYear=r.formatNoYear;exports.formatNumerical=r.formatNumerical;exports.formatShort=r.formatShort;
+//# sourceMappingURL=index.cjs.map

package/dist/lib/datepicker/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/datepicker/index.js

@@ -0,0 +1,11 @@
+import { default as t } from "./datepicker.js";
+import { formatLong as m, formatMedium as e, formatNoYear as f, formatNumerical as i, formatShort as p } from "./formatUtils.js";
+export {
+  t as DtDatepicker,
+  m as formatLong,
+  e as formatMedium,
+  f as formatNoYear,
+  i as formatNumerical,
+  p as formatShort
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/datepicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/lib/datepicker/utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("date-fns"),f=require("./datepicker-constants.cjs"),u=t=>t?new Date(t):new Date,g=(t,e,n)=>{const o=u(JSON.parse(JSON.stringify(t))),s=[];for(let c=0;c<7;c++){const r=a.addDays(o,c),D=a.getMonth(r)!==e;s.push({text:r.getDate(),value:r,currentMonth:!D,isFirstDayOfMonth:r.getDate()===1&&!D,selected:n?r.getDate()===n&&!D:!1})}return s},h=(t,e)=>!t||!e?!1:a.isEqual(t,e),M=(t,e,n)=>{const o=[],s=u(new Date(e,t)),c=u(new Date(e,t+1,0)),r=f.WEEK_START,D=a.startOfWeek(s,{weekStartsOn:r}),d=i=>{const y=g(i,t,n);if(o.push({days:y}),!o[o.length-1].days.some(l=>h(l.value,c))){const l=a.addDays(i,7);d(l)}};return d(D),o},k=(t,e)=>{const n=[1,2,3,4,5,6,7].map(c=>new Intl.DateTimeFormat(t,{weekday:"short",timeZone:"UTC"}).format(new Date(`2017-01-0${c}T00:00:00+00:00`)).slice(0,2)),o=n.slice(0,e),s=n.slice(e+1,n.length);return[n[e]].concat(...s).concat(...o)},m=(t,e,n)=>new Intl.DateTimeFormat(n,{month:e}).format(new Date(2e3,t,1)),w=t=>{const e=new Date(t),n=a.getDay(e),o=a.addMonths(e,1),s=a.startOfMonth(o),c=a.getDay(s),r=(n-c+7)%7,D=a.addDays(s,r);return a.getDate(D)},W=t=>{const e=new Date(t),n=a.getDay(e);let s=a.endOfMonth(a.subMonths(e,1));for(;a.getDay(s)!==n;)s=a.addDays(s,-1);return a.getDate(s)};exports.calculateNextFocusDate=w;exports.calculatePrevFocusDate=W;exports.formatMonth=m;exports.getCalendarDays=M;exports.getWeekDayNames=k;
+//# sourceMappingURL=utils.cjs.map

package/dist/lib/datepicker/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../components/datepicker/utils.js"],"sourcesContent":["import {\n  startOfWeek, addDays, getMonth, isEqual,\n  addMonths, startOfMonth, getDay, getDate,\n  subMonths, endOfMonth,\n} from 'date-fns';\nimport { WEEK_START } from '@/components/datepicker/datepicker_constants.js';\n\nconst _parsedGetDate = (value) => (value ? new Date(value) : new Date());\n\n/**\n * Get 7 days from the provided start date, month is used to check\n * whether the date is from the specified month or in the offset\n */\nconst getWeekDays = (startDay, month, selectedDay) => {\n  const startDate = _parsedGetDate(JSON.parse(JSON.stringify(startDay)));\n  const dates = [];\n  for (let i = 0; i < 7; i++) {\n    const next = addDays(startDate, i);\n    const isNext = getMonth(next) !== month;\n    dates.push({\n      text: next.getDate(),\n      value: next,\n      currentMonth: !isNext,\n      isFirstDayOfMonth: next.getDate() === 1 && !isNext,\n      // will be selected if the date is the same as the selected day and is from the current month\n      selected: selectedDay ? (next.getDate() === selectedDay && !isNext) : false,\n    });\n  }\n  return dates;\n};\n\nconst isDateEqual = (date, dateToCompare) => {\n  if (!date || !dateToCompare) {\n    return false;\n  }\n  return isEqual(date, dateToCompare);\n};\n\n/**\n * Get days for the calendar to be displayed in a table grouped by weeks\n */\nexport const getCalendarDays = (month, year, selectedDay) => {\n  const weeks = [];\n  const firstDate = _parsedGetDate(new Date(year, month));\n  const lastDate = _parsedGetDate(new Date(year, month + 1, 0));\n\n  const weekStartsOn = WEEK_START;\n\n  const firstDateInCalendar = startOfWeek(firstDate, { weekStartsOn });\n\n  const addDaysToWeek = (date) => {\n    const days = getWeekDays(date, month, selectedDay);\n\n    weeks.push({ days });\n\n    if (\n      !weeks[weeks.length - 1].days.some((day) =>\n        isDateEqual(day.value, lastDate),\n      )\n    ) {\n      const nextDate = addDays(date, 7);\n      addDaysToWeek(nextDate);\n    }\n  };\n\n  addDaysToWeek(firstDateInCalendar);\n\n  return weeks;\n};\n\n/**\n * Generate week day names based on locale and in order specified in week start\n */\nexport const getWeekDayNames = (locale, weekStart) => {\n  // Get list in order from sun ... sat\n  const days = [1, 2, 3, 4, 5, 6, 7].map((day) => {\n    return new Intl.DateTimeFormat(locale, { weekday: 'short', timeZone: 'UTC' })\n      .format(new Date(`2017-01-0${day}T00:00:00+00:00`))\n      .slice(0, 2);\n  });\n\n  // Get days that are in order before specified week start\n  const beforeWeekStart = days.slice(0, weekStart);\n  // Get days that are in order after specified week start\n  const afterWeekStart = days.slice(weekStart + 1, days.length);\n\n  // return them in correct order\n  return [days[weekStart]].concat(...afterWeekStart).concat(...beforeWeekStart);\n};\n\nexport const formatMonth = (month, monthFormat, locale) => {\n  return new Intl.DateTimeFormat(locale, { month: monthFormat }).format(new Date(2000, month, 1));\n};\n\nexport const calculateNextFocusDate = (currentDate) => {\n  const date = new Date(currentDate);\n  const currentWeekday = getDay(date);\n  const nextMonthDate = addMonths(date, 1);\n  const nextMonthStart = startOfMonth(nextMonthDate);\n  const nextMonthStartWeekday = getDay(nextMonthStart);\n\n  const dayDifference = (currentWeekday - nextMonthStartWeekday + 7) % 7;\n\n  // Add the difference in days to the first day of the next month\n  const focusDate = addDays(nextMonthStart, dayDifference);\n\n  // Returns only the day of the month\n  return getDate(focusDate);\n};\n\nexport const calculatePrevFocusDate = (currentDate) => {\n  const date = new Date(currentDate);\n  const currentWeekday = getDay(date);\n\n  // Move to the last day of the previous month\n  const lastDayOfPrevMonth = endOfMonth(subMonths(date, 1));\n  let focusDate = lastDayOfPrevMonth;\n\n  // Adjust to the same weekday in the last week of the previous month\n  while (getDay(focusDate) !== currentWeekday) {\n    focusDate = addDays(focusDate, -1);\n  }\n\n  // Returns only the day of the month\n  return getDate(focusDate);\n};\n"],"names":["_parsedGetDate","value","getWeekDays","startDay","month","selectedDay","startDate","dates","i","next","addDays","isNext","getMonth","isDateEqual","date","dateToCompare","isEqual","getCalendarDays","year","weeks","firstDate","lastDate","weekStartsOn","WEEK_START","firstDateInCalendar","startOfWeek","addDaysToWeek","days","day","nextDate","getWeekDayNames","locale","weekStart","beforeWeekStart","afterWeekStart","formatMonth","monthFormat","calculateNextFocusDate","currentDate","currentWeekday","getDay","nextMonthDate","addMonths","nextMonthStart","startOfMonth","nextMonthStartWeekday","dayDifference","focusDate","getDate","calculatePrevFocusDate","endOfMonth","subMonths"],"mappings":"oJAOMA,EAAkBC,GAAWA,EAAQ,IAAI,KAAKA,CAAK,EAAI,IAAI,KAM3DC,EAAc,CAACC,EAAUC,EAAOC,IAAgB,CACpD,MAAMC,EAAYN,EAAe,KAAK,MAAM,KAAK,UAAUG,CAAQ,CAAC,CAAC,EAC/DI,EAAQ,CAAA,EACd,QAASC,EAAI,EAAGA,EAAI,EAAGA,IAAK,CAC1B,MAAMC,EAAOC,EAAAA,QAAQJ,EAAWE,CAAC,EAC3BG,EAASC,EAAAA,SAASH,CAAI,IAAML,EAClCG,EAAM,KAAK,CACT,KAAME,EAAK,QAAS,EACpB,MAAOA,EACP,aAAc,CAACE,EACf,kBAAmBF,EAAK,YAAc,GAAK,CAACE,EAE5C,SAAUN,EAAeI,EAAK,QAAS,IAAKJ,GAAe,CAACM,EAAU,EAC5E,CAAK,CACF,CACD,OAAOJ,CACT,EAEMM,EAAc,CAACC,EAAMC,IACrB,CAACD,GAAQ,CAACC,EACL,GAEFC,EAAO,QAACF,EAAMC,CAAa,EAMvBE,EAAkB,CAACb,EAAOc,EAAMb,IAAgB,CAC3D,MAAMc,EAAQ,CAAA,EACRC,EAAYpB,EAAe,IAAI,KAAKkB,EAAMd,CAAK,CAAC,EAChDiB,EAAWrB,EAAe,IAAI,KAAKkB,EAAMd,EAAQ,EAAG,CAAC,CAAC,EAEtDkB,EAAeC,EAAAA,WAEfC,EAAsBC,EAAW,YAACL,EAAW,CAAE,aAAAE,CAAc,CAAA,EAE7DI,EAAiBZ,GAAS,CAC9B,MAAMa,EAAOzB,EAAYY,EAAMV,EAAOC,CAAW,EAIjD,GAFAc,EAAM,KAAK,CAAE,KAAAQ,CAAI,CAAE,EAGjB,CAACR,EAAMA,EAAM,OAAS,CAAC,EAAE,KAAK,KAAMS,GAClCf,EAAYe,EAAI,MAAOP,CAAQ,CAChC,EACD,CACA,MAAMQ,EAAWnB,EAAAA,QAAQI,EAAM,CAAC,EAChCY,EAAcG,CAAQ,CACvB,CACL,EAEE,OAAAH,EAAcF,CAAmB,EAE1BL,CACT,EAKaW,EAAkB,CAACC,EAAQC,IAAc,CAEpD,MAAML,EAAO,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAAE,IAAKC,GAC/B,IAAI,KAAK,eAAeG,EAAQ,CAAE,QAAS,QAAS,SAAU,MAAO,EACzE,OAAO,IAAI,KAAK,YAAYH,CAAG,iBAAiB,CAAC,EACjD,MAAM,EAAG,CAAC,CACd,EAGKK,EAAkBN,EAAK,MAAM,EAAGK,CAAS,EAEzCE,EAAiBP,EAAK,MAAMK,EAAY,EAAGL,EAAK,MAAM,EAG5D,MAAO,CAACA,EAAKK,CAAS,CAAC,EAAE,OAAO,GAAGE,CAAc,EAAE,OAAO,GAAGD,CAAe,CAC9E,EAEaE,EAAc,CAAC/B,EAAOgC,EAAaL,IACvC,IAAI,KAAK,eAAeA,EAAQ,CAAE,MAAOK,CAAW,CAAE,EAAE,OAAO,IAAI,KAAK,IAAMhC,EAAO,CAAC,CAAC,EAGnFiC,EAA0BC,GAAgB,CACrD,MAAMxB,EAAO,IAAI,KAAKwB,CAAW,EAC3BC,EAAiBC,SAAO1B,CAAI,EAC5B2B,EAAgBC,EAAAA,UAAU5B,EAAM,CAAC,EACjC6B,EAAiBC,eAAaH,CAAa,EAC3CI,EAAwBL,SAAOG,CAAc,EAE7CG,GAAiBP,EAAiBM,EAAwB,GAAK,EAG/DE,EAAYrC,EAAAA,QAAQiC,EAAgBG,CAAa,EAGvD,OAAOE,EAAAA,QAAQD,CAAS,CAC1B,EAEaE,EAA0BX,GAAgB,CACrD,MAAMxB,EAAO,IAAI,KAAKwB,CAAW,EAC3BC,EAAiBC,SAAO1B,CAAI,EAIlC,IAAIiC,EADuBG,EAAAA,WAAWC,EAAAA,UAAUrC,EAAM,CAAC,CAAC,EAIxD,KAAO0B,EAAM,OAACO,CAAS,IAAMR,GAC3BQ,EAAYrC,EAAO,QAACqC,EAAW,EAAE,EAInC,OAAOC,EAAAA,QAAQD,CAAS,CAC1B"}