@dialpad/dialtone-vue 2.152.1 → 2.153.0

package/dist/lib/datepicker.js

@@ -5,14 +5,14 @@ import { DtButton } from "./button.js";
 import { normalizeComponent } from "../chunks/_plugin-vue2_normalizer-sOSkiPF3.js";
 import { DtIcon } from "./icon.js";
 import "../chunks/stack_constants-HraCekPm.js";
-import "../chunks/popover_constants-WsOUIY-m.js";
+import "../chunks/popover_constants-6YkPPbnk.js";
 import "tippy.js";
 import "../common/utils.js";
 import "../common/constants.js";
 import "vue";
 import "../chunks/link_constants-AfTWrr-n.js";
 import "@dialpad/dialtone-icons/vue2";
-import "../chunks/icon_constants-Dy4MEUJL.js";
+import "../chunks/icon_constants-TdxqLsS2.js";
 import "@dialpad/dialtone-icons/icons.json";
 const WEEK_START = 0;
 const MONTH_FORMAT = "MMMM";
@@ -46,13 +46,15 @@ const getCalendarDays = (month, year, selectedDay) => {
   const firstDate = _parsedGetDate(new Date(year, month));
   const lastDate = _parsedGetDate(new Date(year, month + 1, 0));
   const weekStartsOn = WEEK_START;
-  const firstDateInCalendar = startOfWeek(firstDate, { weekStartsOn });
+  const firstDateInCalendar = startOfWeek(firstDate, {
+    weekStartsOn
+  });
   const addDaysToWeek = (date) => {
     const days = getWeekDays(date, month, selectedDay);
-    weeks.push({ days });
-    if (!weeks[weeks.length - 1].days.some(
-      (day) => isDateEqual(day.value, lastDate)
-    )) {
+    weeks.push({
+      days
+    });
+    if (!weeks[weeks.length - 1].days.some((day) => isDateEqual(day.value, lastDate))) {
       const nextDate = addDays(date, 7);
       addDaysToWeek(nextDate);
     }
@@ -62,14 +64,19 @@ const getCalendarDays = (month, year, selectedDay) => {
 };
 const getWeekDayNames = (locale, weekStart) => {
   const days = [1, 2, 3, 4, 5, 6, 7].map((day) => {
-    return new Intl.DateTimeFormat(locale, { weekday: "short", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`2017-01-0${day}T00:00:00+00:00`)).slice(0, 2);
+    return new Intl.DateTimeFormat(locale, {
+      weekday: "short",
+      timeZone: "UTC"
+    }).format(/* @__PURE__ */ new Date(`2017-01-0${day}T00:00:00+00:00`)).slice(0, 2);
   });
   const beforeWeekStart = days.slice(0, weekStart);
   const afterWeekStart = days.slice(weekStart + 1, days.length);
   return [days[weekStart]].concat(...afterWeekStart).concat(...beforeWeekStart);
 };
 const formatMonth = (month, monthFormat, locale) => {
-  return new Intl.DateTimeFormat(locale, { month: monthFormat }).format(new Date(2e3, month, 1));
+  return new Intl.DateTimeFormat(locale, {
+    month: monthFormat
+  }).format(new Date(2e3, month, 1));
 };
 const calculateNextFocusDate = (currentDate) => {
   const date = new Date(currentDate);
@@ -93,7 +100,12 @@ const calculatePrevFocusDate = (currentDate) => {
 };
 const _sfc_main$2 = {
   name: "DtDatepickerMonthYearPicker",
-  components: { DtButton, DtTooltip, DtStack, DtIcon },
+  components: {
+    DtButton,
+    DtTooltip,
+    DtStack,
+    DtIcon
+  },
   props: {
     locale: {
       type: String,
@@ -246,7 +258,10 @@ const _sfc_main$2 = {
       if (this.selectMonth === 0 && value === -1 || this.selectMonth === 11 && value === 1) {
         this.selectYear += value;
       }
-      const initialDate = set(this.selectedDate, { month: this.selectMonth, year: this.selectYear });
+      const initialDate = set(this.selectedDate, {
+        month: this.selectMonth,
+        year: this.selectYear
+      });
       const newDate = value === 1 ? addMonths(initialDate, 1) : subMonths(initialDate, 1);
       this.selectMonth = getMonth(newDate);
     },
@@ -263,47 +278,193 @@ const _sfc_main$2 = {
 };
 var _sfc_render$2 = function render() {
   var _vm = this, _c = _vm._self._c;
-  return _c("dt-stack", { staticClass: "d-datepicker__month-year", attrs: { "direction": "row", "gap": "300" } }, [_c("dt-stack", { staticClass: "d-datepicker__nav", attrs: { "as": "nav", "direction": "row", "gap": "200" } }, [_c("dt-tooltip", { attrs: { "message": _vm.prevYearLabel, "placement": "top", "fallback-placements": ["top-start", "auto"] }, scopedSlots: _vm._u([{ key: "anchor", fn: function() {
-    return [_c("dt-button", { ref: _vm.refNames[0], staticClass: "d-datepicker__nav-btn", attrs: { "id": "prevYearButton", "size": "xs", "importance": "clear", "kind": "muted", "circle": true, "type": "button", "aria-label": `${_vm.changeToLabel} ${_vm.prevYearLabel} ${_vm.selectYear - 1}` }, on: { "click": function($event) {
-      return _vm.changeYear(-1);
-    }, "keydown": function($event) {
-      return _vm.handleKeyDown($event);
-    } } }, [_c("dt-icon", { attrs: { "name": "chevrons-left", "size": "200" } })], 1)];
-  }, proxy: true }]) }), _c("dt-tooltip", { attrs: { "message": _vm.prevMonthLabel, "placement": "top", "fallback-placements": ["top-end", "auto"] }, scopedSlots: _vm._u([{ key: "anchor", fn: function() {
-    return [_c("dt-button", { ref: _vm.refNames[1], staticClass: "d-datepicker__nav-btn", attrs: { "id": "prevMonthButton", "size": "xs", "importance": "clear", "kind": "muted", "circle": true, "type": "button", "aria-label": `${_vm.changeToLabel} ${_vm.prevMonthLabel} ${_vm.formattedMonth(_vm.selectMonth - 1)}` }, on: { "click": function($event) {
-      return _vm.changeMonth(-1);
-    }, "keydown": function($event) {
-      return _vm.handleKeyDown($event);
-    } } }, [_c("dt-icon", { attrs: { "name": "chevron-left", "size": "200" } })], 1)];
-  }, proxy: true }]) })], 1), _c("div", { staticClass: "d-datepicker__month-year-title", attrs: { "id": "calendar-heading" } }, [_vm._v(" " + _vm._s(_vm.formattedMonth(_vm.selectMonth)) + " " + _vm._s(_vm.selectYear) + " ")]), _c("dt-stack", { staticClass: "d-datepicker__nav", attrs: { "as": "nav", "direction": "row", "gap": "200" } }, [_c("dt-tooltip", { attrs: { "message": _vm.nextMonthLabel, "placement": "top", "fallback-placements": ["top-start", "auto"] }, scopedSlots: _vm._u([{ key: "anchor", fn: function() {
-    return [_c("dt-button", { ref: _vm.refNames[2], staticClass: "d-datepicker__nav-btn", attrs: { "id": "nextMonthButton", "size": "xs", "importance": "clear", "circle": true, "kind": "muted", "type": "button", "aria-label": `${_vm.changeToLabel} ${_vm.nextMonthLabel} ${_vm.formattedMonth(_vm.selectMonth + 1)}` }, on: { "click": function($event) {
-      return _vm.changeMonth(1);
-    }, "keydown": function($event) {
-      return _vm.handleKeyDown($event);
-    } } }, [_c("dt-icon", { attrs: { "name": "chevron-right", "size": "200" } })], 1)];
-  }, proxy: true }]) }), _c("dt-tooltip", { attrs: { "message": _vm.nextYearLabel, "placement": "top", "fallback-placements": ["top-end", "auto"] }, scopedSlots: _vm._u([{ key: "anchor", fn: function() {
-    return [_c("dt-button", { ref: _vm.refNames[3], staticClass: "d-datepicker__nav-btn", attrs: { "id": "nextYearButton", "size": "xs", "kind": "muted", "circle": true, "importance": "clear", "type": "button", "aria-label": `${_vm.changeToLabel} ${_vm.nextYearLabel} ${_vm.selectYear + 1}` }, on: { "click": function($event) {
-      return _vm.changeYear(1);
-    }, "keydown": function($event) {
-      return _vm.handleKeyDown($event);
-    } } }, [_c("dt-icon", { attrs: { "name": "chevrons-right", "size": "200" } })], 1)];
-  }, proxy: true }]) })], 1)], 1);
+  return _c("dt-stack", {
+    staticClass: "d-datepicker__month-year",
+    attrs: {
+      "direction": "row",
+      "gap": "300"
+    }
+  }, [_c("dt-stack", {
+    staticClass: "d-datepicker__nav",
+    attrs: {
+      "as": "nav",
+      "direction": "row",
+      "gap": "200"
+    }
+  }, [_c("dt-tooltip", {
+    attrs: {
+      "message": _vm.prevYearLabel,
+      "placement": "top",
+      "fallback-placements": ["top-start", "auto"]
+    },
+    scopedSlots: _vm._u([{
+      key: "anchor",
+      fn: function() {
+        return [_c("dt-button", {
+          ref: _vm.refNames[0],
+          staticClass: "d-datepicker__nav-btn",
+          attrs: {
+            "id": "prevYearButton",
+            "size": "xs",
+            "importance": "clear",
+            "kind": "muted",
+            "circle": true,
+            "type": "button",
+            "aria-label": `${_vm.changeToLabel} ${_vm.prevYearLabel} ${_vm.selectYear - 1}`
+          },
+          on: {
+            "click": function($event) {
+              return _vm.changeYear(-1);
+            },
+            "keydown": function($event) {
+              return _vm.handleKeyDown($event);
+            }
+          }
+        }, [_c("dt-icon", {
+          attrs: {
+            "name": "chevrons-left",
+            "size": "200"
+          }
+        })], 1)];
+      },
+      proxy: true
+    }])
+  }), _c("dt-tooltip", {
+    attrs: {
+      "message": _vm.prevMonthLabel,
+      "placement": "top",
+      "fallback-placements": ["top-end", "auto"]
+    },
+    scopedSlots: _vm._u([{
+      key: "anchor",
+      fn: function() {
+        return [_c("dt-button", {
+          ref: _vm.refNames[1],
+          staticClass: "d-datepicker__nav-btn",
+          attrs: {
+            "id": "prevMonthButton",
+            "size": "xs",
+            "importance": "clear",
+            "kind": "muted",
+            "circle": true,
+            "type": "button",
+            "aria-label": `${_vm.changeToLabel} ${_vm.prevMonthLabel} ${_vm.formattedMonth(_vm.selectMonth - 1)}`
+          },
+          on: {
+            "click": function($event) {
+              return _vm.changeMonth(-1);
+            },
+            "keydown": function($event) {
+              return _vm.handleKeyDown($event);
+            }
+          }
+        }, [_c("dt-icon", {
+          attrs: {
+            "name": "chevron-left",
+            "size": "200"
+          }
+        })], 1)];
+      },
+      proxy: true
+    }])
+  })], 1), _c("div", {
+    staticClass: "d-datepicker__month-year-title",
+    attrs: {
+      "id": "calendar-heading"
+    }
+  }, [_vm._v(" " + _vm._s(_vm.formattedMonth(_vm.selectMonth)) + " " + _vm._s(_vm.selectYear) + " ")]), _c("dt-stack", {
+    staticClass: "d-datepicker__nav",
+    attrs: {
+      "as": "nav",
+      "direction": "row",
+      "gap": "200"
+    }
+  }, [_c("dt-tooltip", {
+    attrs: {
+      "message": _vm.nextMonthLabel,
+      "placement": "top",
+      "fallback-placements": ["top-start", "auto"]
+    },
+    scopedSlots: _vm._u([{
+      key: "anchor",
+      fn: function() {
+        return [_c("dt-button", {
+          ref: _vm.refNames[2],
+          staticClass: "d-datepicker__nav-btn",
+          attrs: {
+            "id": "nextMonthButton",
+            "size": "xs",
+            "importance": "clear",
+            "circle": true,
+            "kind": "muted",
+            "type": "button",
+            "aria-label": `${_vm.changeToLabel} ${_vm.nextMonthLabel} ${_vm.formattedMonth(_vm.selectMonth + 1)}`
+          },
+          on: {
+            "click": function($event) {
+              return _vm.changeMonth(1);
+            },
+            "keydown": function($event) {
+              return _vm.handleKeyDown($event);
+            }
+          }
+        }, [_c("dt-icon", {
+          attrs: {
+            "name": "chevron-right",
+            "size": "200"
+          }
+        })], 1)];
+      },
+      proxy: true
+    }])
+  }), _c("dt-tooltip", {
+    attrs: {
+      "message": _vm.nextYearLabel,
+      "placement": "top",
+      "fallback-placements": ["top-end", "auto"]
+    },
+    scopedSlots: _vm._u([{
+      key: "anchor",
+      fn: function() {
+        return [_c("dt-button", {
+          ref: _vm.refNames[3],
+          staticClass: "d-datepicker__nav-btn",
+          attrs: {
+            "id": "nextYearButton",
+            "size": "xs",
+            "kind": "muted",
+            "circle": true,
+            "importance": "clear",
+            "type": "button",
+            "aria-label": `${_vm.changeToLabel} ${_vm.nextYearLabel} ${_vm.selectYear + 1}`
+          },
+          on: {
+            "click": function($event) {
+              return _vm.changeYear(1);
+            },
+            "keydown": function($event) {
+              return _vm.handleKeyDown($event);
+            }
+          }
+        }, [_c("dt-icon", {
+          attrs: {
+            "name": "chevrons-right",
+            "size": "200"
+          }
+        })], 1)];
+      },
+      proxy: true
+    }])
+  })], 1)], 1);
 };
 var _sfc_staticRenderFns$2 = [];
-var __component__$2 = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$2,
-  _sfc_render$2,
-  _sfc_staticRenderFns$2,
-  false,
-  null,
-  null,
-  null,
-  null
-);
+var __component__$2 = /* @__PURE__ */ normalizeComponent(_sfc_main$2, _sfc_render$2, _sfc_staticRenderFns$2, false, null, null, null, null);
 const MonthYearPicker = __component__$2.exports;
 const _sfc_main$1 = {
   name: "DtDatepickerCalendar",
-  components: { DtButton },
+  components: {
+    DtButton
+  },
   props: {
     calendarDays: {
       type: Array,
@@ -373,7 +534,10 @@ const _sfc_main$1 = {
           const refKey = `buttonRef_${weekIndex}_${dayIndex}`;
           const dayButton = this.$refs[refKey];
           if (dayButton && day2.currentMonth) {
-            this.daysRef.push({ el: dayButton[0], day: day2 });
+            this.daysRef.push({
+              el: dayButton[0],
+              day: day2
+            });
           }
         });
       });
@@ -466,36 +630,75 @@ const _sfc_main$1 = {
 };
 var _sfc_render$1 = function render2() {
   var _vm = this, _c = _vm._self._c;
-  return _c("table", { staticClass: "d-datepicker__calendar", attrs: { "aria-labelledby": "calendar-heading" } }, [_c("thead", [_c("tr", _vm._l(_vm.weekDays, function(day) {
-    return _c("th", { key: day, staticClass: "d-datepicker__cell d-datepicker__cell--header", attrs: { "scope": "col" } }, [_c("span", { staticClass: "d-datepicker__weekday", attrs: { "title": day, "aria-label": day } }, [_vm._v(" " + _vm._s(day))])]);
+  return _c("table", {
+    staticClass: "d-datepicker__calendar",
+    attrs: {
+      "aria-labelledby": "calendar-heading"
+    }
+  }, [_c("thead", [_c("tr", _vm._l(_vm.weekDays, function(day) {
+    return _c("th", {
+      key: day,
+      staticClass: "d-datepicker__cell d-datepicker__cell--header",
+      attrs: {
+        "scope": "col"
+      }
+    }, [_c("span", {
+      staticClass: "d-datepicker__weekday",
+      attrs: {
+        "title": day,
+        "aria-label": day
+      }
+    }, [_vm._v(" " + _vm._s(day))])]);
   }), 0)]), _c("tbody", _vm._l(_vm.calendarDays, function(week, indexWeek) {
-    return _c("tr", { key: indexWeek }, _vm._l(week.days, function(day, indexDays) {
-      return _c("td", { key: indexWeek + indexDays, staticClass: "d-datepicker__cell", attrs: { "role": "listbox" } }, [_c("dt-button", { ref: `buttonRef_${indexWeek}_${indexDays}`, refInFor: true, staticClass: "d-datepicker__day", class: {
-        "d-datepicker__day--disabled": !day.currentMonth,
-        "d-datepicker__day--selected": _vm.selectedDay ? day.text === _vm.selectedDay && day.currentMonth : day.selected
-      }, attrs: { "circle": true, "size": "sm", "importance": "clear", "disabled": !day.currentMonth, "type": "button", "aria-selected": !!_vm.selectedDay ? day.text === _vm.selectedDay && day.currentMonth : day.selected, "aria-label": _vm.dayAriaLabel(day), "role": "option" }, on: { "click": function($event) {
-        return _vm.selectDay(day);
-      }, "keydown": function($event) {
-        return _vm.handleKeyDown($event);
-      } } }, [_vm._v(" " + _vm._s(day.text) + " ")])], 1);
+    return _c("tr", {
+      key: indexWeek
+    }, _vm._l(week.days, function(day, indexDays) {
+      return _c("td", {
+        key: indexWeek + indexDays,
+        staticClass: "d-datepicker__cell",
+        attrs: {
+          "role": "listbox"
+        }
+      }, [_c("dt-button", {
+        ref: `buttonRef_${indexWeek}_${indexDays}`,
+        refInFor: true,
+        staticClass: "d-datepicker__day",
+        class: {
+          "d-datepicker__day--disabled": !day.currentMonth,
+          "d-datepicker__day--selected": _vm.selectedDay ? day.text === _vm.selectedDay && day.currentMonth : day.selected
+        },
+        attrs: {
+          "circle": true,
+          "size": "sm",
+          "importance": "clear",
+          "disabled": !day.currentMonth,
+          "type": "button",
+          "aria-selected": !!_vm.selectedDay ? day.text === _vm.selectedDay && day.currentMonth : day.selected,
+          "aria-label": _vm.dayAriaLabel(day),
+          "role": "option"
+        },
+        on: {
+          "click": function($event) {
+            return _vm.selectDay(day);
+          },
+          "keydown": function($event) {
+            return _vm.handleKeyDown($event);
+          }
+        }
+      }, [_vm._v(" " + _vm._s(day.text) + " ")])], 1);
     }), 0);
   }), 0)]);
 };
 var _sfc_staticRenderFns$1 = [];
-var __component__$1 = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$1,
-  _sfc_render$1,
-  _sfc_staticRenderFns$1,
-  false,
-  null,
-  null,
-  null,
-  null
-);
+var __component__$1 = /* @__PURE__ */ normalizeComponent(_sfc_main$1, _sfc_render$1, _sfc_staticRenderFns$1, false, null, null, null, null);
 const Calendar = __component__$1.exports;
 const _sfc_main = {
   name: "DtDatepicker",
-  components: { DtStack, MonthYearPicker, Calendar },
+  components: {
+    DtStack,
+    MonthYearPicker,
+    Calendar
+  },
   props: {
     /**
      * Label for the previous month button
@@ -604,52 +807,108 @@ const _sfc_main = {
 };
 var _sfc_render = function render3() {
   var _vm = this, _c = _vm._self._c;
-  return _c("dt-stack", { staticClass: "d-datepicker", attrs: { "gap": "400" } }, [_c("div", { staticClass: "d-datepicker__hd" }, [_c("month-year-picker", { ref: "monthYearPicker", attrs: { "locale": _vm.locale, "prev-month-label": _vm.prevMonthLabel, "next-month-label": _vm.nextMonthLabel, "prev-year-label": _vm.prevYearLabel, "next-year-label": _vm.nextYearLabel, "change-to-label": _vm.changeToLabel, "selected-date": _vm.selectedDate }, on: { "calendar-days": _vm.updateCalendarDays, "focus-first-day": function($event) {
-    return _vm.$refs.calendar.focusFirstDay();
-  }, "focus-last-day": function($event) {
-    return _vm.$refs.calendar.focusLastDay();
-  }, "close-datepicker": function($event) {
-    return _vm.$emit("close-datepicker");
-  } } })], 1), _c("div", { staticClass: "d-datepicker__bd" }, [_c("calendar", { ref: "calendar", attrs: { "locale": _vm.locale, "calendar-days": _vm.calendarDays, "select-day-label": _vm.selectDayLabel }, on: { "select-date": function($event) {
-    return _vm.$emit("selected-date", $event);
-  }, "focus-month-year-picker": function($event) {
-    return _vm.$refs.monthYearPicker.focusMonthYearPicker();
-  }, "close-datepicker": function($event) {
-    return _vm.$emit("close-datepicker");
-  }, "go-to-next-month": function($event) {
-    return _vm.$refs.monthYearPicker.goToNextMonth();
-  }, "go-to-prev-month": function($event) {
-    return _vm.$refs.monthYearPicker.goToPrevMonth();
-  } } })], 1)]);
+  return _c("dt-stack", {
+    staticClass: "d-datepicker",
+    attrs: {
+      "gap": "400"
+    }
+  }, [_c("div", {
+    staticClass: "d-datepicker__hd"
+  }, [_c("month-year-picker", {
+    ref: "monthYearPicker",
+    attrs: {
+      "locale": _vm.locale,
+      "prev-month-label": _vm.prevMonthLabel,
+      "next-month-label": _vm.nextMonthLabel,
+      "prev-year-label": _vm.prevYearLabel,
+      "next-year-label": _vm.nextYearLabel,
+      "change-to-label": _vm.changeToLabel,
+      "selected-date": _vm.selectedDate
+    },
+    on: {
+      "calendar-days": _vm.updateCalendarDays,
+      "focus-first-day": function($event) {
+        return _vm.$refs.calendar.focusFirstDay();
+      },
+      "focus-last-day": function($event) {
+        return _vm.$refs.calendar.focusLastDay();
+      },
+      "close-datepicker": function($event) {
+        return _vm.$emit("close-datepicker");
+      }
+    }
+  })], 1), _c("div", {
+    staticClass: "d-datepicker__bd"
+  }, [_c("calendar", {
+    ref: "calendar",
+    attrs: {
+      "locale": _vm.locale,
+      "calendar-days": _vm.calendarDays,
+      "select-day-label": _vm.selectDayLabel
+    },
+    on: {
+      "select-date": function($event) {
+        return _vm.$emit("selected-date", $event);
+      },
+      "focus-month-year-picker": function($event) {
+        return _vm.$refs.monthYearPicker.focusMonthYearPicker();
+      },
+      "close-datepicker": function($event) {
+        return _vm.$emit("close-datepicker");
+      },
+      "go-to-next-month": function($event) {
+        return _vm.$refs.monthYearPicker.goToNextMonth();
+      },
+      "go-to-prev-month": function($event) {
+        return _vm.$refs.monthYearPicker.goToPrevMonth();
+      }
+    }
+  })], 1)]);
 };
 var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null,
-  null,
-  null
-);
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
 const datepicker = __component__.exports;
 function formatLong(date, locale = "default") {
-  return new Intl.DateTimeFormat(locale, { weekday: "long", year: "numeric", month: "long", day: "numeric" }).format(date);
+  return new Intl.DateTimeFormat(locale, {
+    weekday: "long",
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }).format(date);
 }
 function formatMedium(date, locale = "default") {
-  return new Intl.DateTimeFormat(locale, { year: "numeric", month: "long", day: "numeric" }).format(date);
+  return new Intl.DateTimeFormat(locale, {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }).format(date);
 }
 function formatShort(date, locale = "default", showWeekday = true) {
-  const options = showWeekday ? { weekday: "short", year: "numeric", month: "short", day: "numeric" } : { year: "numeric", month: "short", day: "numeric" };
+  const options = showWeekday ? {
+    weekday: "short",
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  } : {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  };
   return new Intl.DateTimeFormat(locale, options).format(date);
 }
 function formatNoYear(date, locale = "default", abbreviated = false) {
   const monthFormat = abbreviated ? "short" : "long";
-  return new Intl.DateTimeFormat(locale, { month: monthFormat, day: "numeric" }).format(date);
+  return new Intl.DateTimeFormat(locale, {
+    month: monthFormat,
+    day: "numeric"
+  }).format(date);
 }
 function formatNumerical(date, locale = "default") {
-  return new Intl.DateTimeFormat(locale, { year: "2-digit", month: "2-digit", day: "2-digit" }).format(date);
+  return new Intl.DateTimeFormat(locale, {
+    year: "2-digit",
+    month: "2-digit",
+    day: "2-digit"
+  }).format(date);
 }
 export {
   datepicker as DtDatepicker,