calkit 0.1.0 → 0.2.0

package/dist/datepicker.es.js

@@ -1,4 +1,4 @@
-class ne extends HTMLElement {
+class ie extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" }), this._initialized = !1;
   }
@@ -27,6 +27,9 @@ class ne extends HTMLElement {
   /** Subclasses override to update Shadow DOM. */
   render() {
   }
+  /** Reset selection state. Subclasses should override with specific logic. */
+  clear() {
+  }
   /** Dispatch a composed, bubbling custom event. */
   emit(e, a = {}) {
     this.dispatchEvent(
@@ -51,7 +54,7 @@ class ne extends HTMLElement {
     return this.shadowRoot.querySelectorAll(e);
   }
 }
-function se(s) {
+function ce(s) {
   let e = { ...s };
   const a = /* @__PURE__ */ new Set();
   return {
@@ -78,7 +81,7 @@ function se(s) {
     }
   };
 }
-const I = [
+const X = [
   "January",
   "February",
   "March",
@@ -91,25 +94,86 @@ const I = [
   "October",
   "November",
   "December"
-], re = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-function oe(s = 0) {
-  const e = [];
-  for (let a = 0; a < 7; a++)
-    e.push(re[(s + a) % 7]);
-  return e;
+], de = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function ge(s) {
+  if (!s) return X;
+  try {
+    const e = new Intl.DateTimeFormat(s, { month: "long" });
+    return Array.from({ length: 12 }, (a, t) => {
+      const n = e.format(new Date(2024, t, 1));
+      return n.charAt(0).toUpperCase() + n.slice(1);
+    });
+  } catch {
+    return X;
+  }
 }
-function W(s, e) {
+function te(s) {
+  if (!s)
+    return [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
+    ];
+  try {
+    const e = new Intl.DateTimeFormat(s, { month: "short" });
+    return Array.from({ length: 12 }, (a, t) => {
+      const n = e.format(new Date(2024, t, 1));
+      return n.charAt(0).toUpperCase() + n.slice(1);
+    });
+  } catch {
+    return [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
+    ];
+  }
+}
+function ue(s = 0, e) {
+  if (e)
+    try {
+      const t = new Intl.DateTimeFormat(e, { weekday: "short" }), n = [];
+      for (let r = 0; r < 7; r++) {
+        const o = new Date(2024, 0, 7 + (s + r) % 7), l = t.format(o);
+        n.push(l.charAt(0).toUpperCase() + l.slice(1));
+      }
+      return n;
+    } catch {
+    }
+  const a = [];
+  for (let t = 0; t < 7; t++)
+    a.push(de[(s + t) % 7]);
+  return a;
+}
+function q(s, e) {
   return new Date(s, e + 1, 0).getDate();
 }
-function le(s, e) {
+function he(s, e) {
   return new Date(s, e, 1).getDay();
 }
-function m(s) {
+function k(s) {
   if (typeof s == "string") return s;
   const e = s instanceof Date ? s : new Date(s.year, s.month, s.day), a = e.getFullYear(), t = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getDate()).padStart(2, "0");
   return `${a}-${t}-${n}`;
 }
-function L(s) {
+function S(s) {
   if (!s) return null;
   if (s instanceof Date) return s;
   if (typeof s == "string") {
@@ -118,44 +182,44 @@ function L(s) {
   }
   return null;
 }
-function M(s, e) {
+function C(s, e) {
   if (!s || !e) return !1;
-  const a = L(s), t = L(e);
+  const a = S(s), t = S(e);
   return !a || !t ? !1 : a.getFullYear() === t.getFullYear() && a.getMonth() === t.getMonth() && a.getDate() === t.getDate();
 }
-function ie(s, e, a) {
+function pe(s, e, a) {
   if (!s || !e || !a) return !1;
-  const t = L(s), n = L(e), r = L(a);
+  const t = S(s), n = S(e), r = S(a);
   if (!t || !n || !r) return !1;
   const o = t.getTime(), l = Math.min(n.getTime(), r.getTime()), i = Math.max(n.getTime(), r.getTime());
   return o >= l && o <= i;
 }
-function K() {
-  return m(/* @__PURE__ */ new Date());
+function G() {
+  return k(/* @__PURE__ */ new Date());
 }
 function z(s, e, a) {
   const t = new Date(s, e + a, 1);
   return { year: t.getFullYear(), month: t.getMonth() };
 }
-function ce(s, e, a = 0) {
-  const t = W(s, e), r = (le(s, e) - a + 7) % 7, o = [], l = K(), i = z(s, e, -1), g = W(i.year, i.month);
-  for (let d = r - 1; d >= 0; d--) {
-    const b = g - d, p = m({ year: i.year, month: i.month, day: b });
-    o.push({ year: i.year, month: i.month, day: b, dateString: p, isCurrentMonth: !1, isToday: p === l });
-  }
-  for (let d = 1; d <= t; d++) {
-    const b = m({ year: s, month: e, day: d });
-    o.push({ year: s, month: e, day: d, dateString: b, isCurrentMonth: !0, isToday: b === l });
-  }
-  const h = z(s, e, 1);
-  let u = 1;
+function be(s, e, a = 0) {
+  const t = q(s, e), r = (he(s, e) - a + 7) % 7, o = [], l = G(), i = z(s, e, -1), h = q(i.year, i.month);
+  for (let u = r - 1; u >= 0; u--) {
+    const p = h - u, b = k({ year: i.year, month: i.month, day: p });
+    o.push({ year: i.year, month: i.month, day: p, dateString: b, isCurrentMonth: !1, isToday: b === l });
+  }
+  for (let u = 1; u <= t; u++) {
+    const p = k({ year: s, month: e, day: u });
+    o.push({ year: s, month: e, day: u, dateString: p, isCurrentMonth: !0, isToday: p === l });
+  }
+  const d = z(s, e, 1);
+  let g = 1;
   for (; o.length < 42; ) {
-    const d = m({ year: h.year, month: h.month, day: u });
-    o.push({ year: h.year, month: h.month, day: u, dateString: d, isCurrentMonth: !1, isToday: d === l }), u++;
+    const u = k({ year: d.year, month: d.month, day: g });
+    o.push({ year: d.year, month: d.month, day: g, dateString: u, isCurrentMonth: !1, isToday: u === l }), g++;
   }
   return o;
 }
-const de = `
+const fe = `
   :host {
     /* Light theme (default) */
     --cal-bg: 0 0% 100%;
@@ -323,7 +387,7 @@ const de = `
       --cal-status-success-border: 152 40% 28%;
     }
   }
-`, ge = `
+`, ve = `
   :host {
     display: inline-block;
     font-family: inherit;
@@ -364,7 +428,7 @@ const de = `
   [hidden] {
     display: none !important;
   }
-`, ue = `
+`, me = `
   @keyframes cal-fade-in {
     from { opacity: 0; }
     to { opacity: 1; }
@@ -428,30 +492,30 @@ const de = `
   .cal-skeleton--rect {
     border-radius: var(--cal-radius-sm);
   }
-`, X = {
+`, Q = {
   blue: { bg: "var(--cal-booking-blue-bg)", fg: "var(--cal-booking-blue-fg)", hover: "var(--cal-booking-blue-hover)" },
   green: { bg: "var(--cal-booking-green-bg)", fg: "var(--cal-booking-green-fg)", hover: "var(--cal-booking-green-hover)" },
   red: { bg: "var(--cal-booking-red-bg)", fg: "var(--cal-booking-red-fg)", hover: "var(--cal-booking-red-hover)" },
   orange: { bg: "var(--cal-booking-orange-bg)", fg: "var(--cal-booking-orange-fg)", hover: "var(--cal-booking-orange-hover)" },
   gray: { bg: "var(--cal-booking-gray-bg)", fg: "var(--cal-booking-gray-fg)", hover: "var(--cal-booking-gray-hover)" }
 }, T = "blue";
-function B(s) {
-  return X[s] || X[T];
+function B(s, e) {
+  return e && e[s] ? e[s] : Q[s] || Q[T];
 }
-function he(s, e = [], a = {}, t = null) {
-  const n = e.find((p) => p.end === s), r = e.find((p) => p.start === s), o = e.find(
-    (p) => p.start < s && p.end > s
+function ye(s, e = [], a = {}, t = null, n = null) {
+  const r = e.find((f) => f.end === s), o = e.find((f) => f.start === s), l = e.find(
+    (f) => f.start < s && f.end > s
   );
-  let l = "available", i = null, g = !1, h = null, u = null, d = null;
-  n && r ? (l = "half-day", g = !0, h = B(n.color || T), u = B(r.color || T)) : o ? (l = "booked", d = B(o.color || T)) : r && !n ? (l = "checkin-only", u = B(r.color || T)) : n && !r && (l = "checkout-only", h = B(n.color || T));
+  let i = "available", h = null, d = !1, g = null, u = null, p = null;
+  r && o ? (i = "half-day", d = !0, g = B(r.color || T, n), u = B(o.color || T, n)) : l ? (i = "booked", p = B(l.color || T, n)) : o && !r ? (i = "checkin-only", u = B(o.color || T, n)) : r && !o && (i = "checkout-only", g = B(r.color || T, n));
   const b = a[s];
-  if (b && (b.status && (l = b.status), b.label !== void 0 && (i = b.label)), t) {
-    const p = t(s);
-    p && (p.status && (l = p.status), p.label !== void 0 && (i = p.label));
+  if (b && (b.status && (i = b.status), b.label !== void 0 && (h = b.label)), t) {
+    const f = t(s);
+    f && (f.status && (i = f.status), f.label !== void 0 && (h = f.label));
   }
-  return { status: l, label: i, checkoutBooking: n, checkinBooking: r, halfDay: g, colorOut: h, colorIn: u, colorFull: d };
+  return { status: i, label: h, checkoutBooking: r, checkinBooking: o, halfDay: d, colorOut: g, colorIn: u, colorFull: p };
 }
-function pe(s, e, a = []) {
+function ke(s, e, a = []) {
   if (!s || !e) return !0;
   const t = s < e ? s : e, n = s < e ? e : s;
   for (const r of a)
@@ -459,10 +523,10 @@ function pe(s, e, a = []) {
       return !1;
   return !0;
 }
-function be(s, e, a = []) {
-  return !s || !e ? !1 : !pe(s, e, a);
+function _e(s, e, a = []) {
+  return !s || !e ? !1 : !ke(s, e, a);
 }
-function fe(s) {
+function we(s) {
   const {
     year: e,
     month: a,
@@ -472,80 +536,82 @@ function fe(s) {
     rangeEnd: o,
     hoverDate: l,
     minDate: i,
-    maxDate: g,
-    disabledDates: h = [],
-    mode: u = "single",
-    focusedDate: d,
-    onSelect: b,
-    onHover: p,
+    maxDate: h,
+    disabledDates: d = [],
+    mode: g = "single",
+    focusedDate: u,
+    onSelect: p,
+    onHover: b,
     // Booking-specific params
-    bookings: C = null,
-    dayData: k = null,
-    labelFormula: w = null,
-    showLabelsOnHover: V = !1
-  } = s, S = C !== null, A = document.createElement("div");
+    bookings: f = null,
+    dayData: j = null,
+    labelFormula: K = null,
+    showLabelsOnHover: _ = !1,
+    locale: D,
+    customColors: se = null
+  } = s, E = f !== null, A = document.createElement("div");
   A.setAttribute("role", "grid"), A.classList.add("cal-grid");
-  const O = document.createElement("div");
-  O.setAttribute("role", "row"), O.classList.add("cal-weekdays");
-  for (const _ of oe(t)) {
-    const E = document.createElement("div");
-    E.setAttribute("role", "columnheader"), E.setAttribute("aria-label", _), E.classList.add("cal-weekday"), E.textContent = _, O.appendChild(E);
-  }
-  A.appendChild(O);
-  const ee = ce(e, a, t), j = u === "range" && r && !o && l || S && r && !o && l ? l : o, te = S ? be(r, l, C) : !1;
+  const P = document.createElement("div");
+  P.setAttribute("role", "row"), P.classList.add("cal-weekdays");
+  for (const w of ue(t, D)) {
+    const M = document.createElement("div");
+    M.setAttribute("role", "columnheader"), M.setAttribute("aria-label", w), M.classList.add("cal-weekday"), M.textContent = w, P.appendChild(M);
+  }
+  A.appendChild(P);
+  const re = be(e, a, t), J = g === "range" && r && !o && l || E && r && !o && l ? l : o, oe = E ? _e(r, l, f) : !1;
   let Y;
-  return ee.forEach((_, E) => {
-    E % 7 === 0 && (Y = document.createElement("div"), Y.setAttribute("role", "row"), Y.classList.add("cal-row"), A.appendChild(Y));
+  return re.forEach((w, M) => {
+    M % 7 === 0 && (Y = document.createElement("div"), Y.setAttribute("role", "row"), Y.classList.add("cal-row"), A.appendChild(Y));
     const c = document.createElement("button");
     c.setAttribute("role", "gridcell"), c.setAttribute("part", "day"), c.classList.add("cal-day");
-    const f = _.dateString;
-    c.dataset.date = f;
-    const ae = new Date(_.year, _.month, _.day);
-    c.setAttribute("aria-label", ae.toLocaleDateString("en-US", {
+    const v = w.dateString;
+    c.dataset.date = v;
+    const le = new Date(w.year, w.month, w.day);
+    c.setAttribute("aria-label", le.toLocaleDateString("en-US", {
       weekday: "long",
       year: "numeric",
       month: "long",
       day: "numeric"
-    })), _.isCurrentMonth || c.classList.add("cal-day--outside"), _.isToday && c.classList.add("cal-day--today");
-    let y = null, $ = !1;
-    if (S) {
-      y = he(f, C, k || {}, w);
-      const { status: v, label: x, halfDay: P, colorOut: F, colorIn: R, colorFull: H } = y;
-      if (v === "booked" && (c.classList.add("cal-day--booked"), H && (c.style.setProperty("--booking-bg", `hsl(${H.bg})`), c.style.setProperty("--booking-fg", `hsl(${H.fg})`), c.style.setProperty("--booking-hover", `hsl(${H.hover})`)), $ = !0), v === "blocked" && (c.classList.add("cal-day--blocked"), $ = !0), P && (c.classList.add("cal-day--half-day"), F && c.style.setProperty("--half-day-color-out", `hsl(${F.bg})`), R && c.style.setProperty("--half-day-color-in", `hsl(${R.bg})`), $ = !0), v === "checkout-only" && (c.classList.add("cal-day--checkout-only"), F && c.style.setProperty("--half-day-color-out", `hsl(${F.bg})`)), v === "checkin-only" && (c.classList.add("cal-day--checkin-only"), R && c.style.setProperty("--half-day-color-in", `hsl(${R.bg})`)), V) {
-        let D = null;
-        if (P && y.checkoutBooking && y.checkinBooking)
-          D = `${y.checkoutBooking.label || ""} / ${y.checkinBooking.label || ""}`;
-        else if (v === "booked") {
-          const N = C.find((J) => J.start <= f && J.end > f);
-          N && (D = N.label);
-        } else v === "checkout-only" && y.checkoutBooking ? D = y.checkoutBooking.label : v === "checkin-only" && y.checkinBooking && (D = y.checkinBooking.label);
-        D && c.setAttribute("data-booking-label", D);
+    })), w.isCurrentMonth || c.classList.add("cal-day--outside"), w.isToday && c.classList.add("cal-day--today");
+    let y = null, O = !1;
+    if (E) {
+      y = ye(v, f, j || {}, K, se);
+      const { status: m, label: x, halfDay: $, colorOut: F, colorIn: R, colorFull: N } = y;
+      if (m === "booked" && (c.classList.add("cal-day--booked"), N && (c.style.setProperty("--booking-bg", `hsl(${N.bg})`), c.style.setProperty("--booking-fg", `hsl(${N.fg})`), c.style.setProperty("--booking-hover", `hsl(${N.hover})`)), O = !0), m === "blocked" && (c.classList.add("cal-day--blocked"), O = !0), $ && (c.classList.add("cal-day--half-day"), F && c.style.setProperty("--half-day-color-out", `hsl(${F.bg})`), R && c.style.setProperty("--half-day-color-in", `hsl(${R.bg})`), O = !0), m === "checkout-only" && (c.classList.add("cal-day--checkout-only"), F && c.style.setProperty("--half-day-color-out", `hsl(${F.bg})`)), m === "checkin-only" && (c.classList.add("cal-day--checkin-only"), R && c.style.setProperty("--half-day-color-in", `hsl(${R.bg})`)), _) {
+        let L = null;
+        if ($ && y.checkoutBooking && y.checkinBooking)
+          L = `${y.checkoutBooking.label || ""} / ${y.checkinBooking.label || ""}`;
+        else if (m === "booked") {
+          const I = f.find((W) => W.start <= v && W.end > v);
+          I && (L = I.label);
+        } else m === "checkout-only" && y.checkoutBooking ? L = y.checkoutBooking.label : m === "checkin-only" && y.checkinBooking && (L = y.checkinBooking.label);
+        L && c.setAttribute("data-booking-label", L);
       }
-      if (te && r && !o && l) {
-        const D = r < l ? r : l, N = r < l ? l : r;
-        f >= D && f <= N && c.classList.add("cal-day--invalid-range");
+      if (oe && r && !o && l) {
+        const L = r < l ? r : l, I = r < l ? l : r;
+        v >= L && v <= I && c.classList.add("cal-day--invalid-range");
       }
     }
-    if (S ? r && o && (M(f, r) || M(f, o)) ? (c.classList.add("cal-day--selected"), c.setAttribute("aria-selected", "true")) : c.setAttribute("aria-selected", "false") : n.some((x) => M(x, f)) ? (c.classList.add("cal-day--selected"), c.setAttribute("aria-selected", "true")) : c.setAttribute("aria-selected", "false"), (u === "range" || S) && r && j) {
-      const v = M(f, r), x = M(f, j), P = ie(f, r, j);
-      v && c.classList.add("cal-day--range-start"), x && c.classList.add("cal-day--range-end"), P && !v && !x && c.classList.add("cal-day--in-range");
+    if (E ? r && o && (C(v, r) || C(v, o)) ? (c.classList.add("cal-day--selected"), c.setAttribute("aria-selected", "true")) : c.setAttribute("aria-selected", "false") : n.some((x) => C(x, v)) ? (c.classList.add("cal-day--selected"), c.setAttribute("aria-selected", "true")) : c.setAttribute("aria-selected", "false"), (g === "range" || E) && r && J) {
+      const m = C(v, r), x = C(v, J), $ = pe(v, r, J);
+      m && c.classList.add("cal-day--range-start"), x && c.classList.add("cal-day--range-end"), $ && !m && !x && c.classList.add("cal-day--in-range");
     }
-    const G = ve(f, i, g, h) || $;
-    if (G && (c.classList.add("cal-day--disabled"), c.disabled = !0, c.setAttribute("aria-disabled", "true")), d && M(f, d) ? c.setAttribute("tabindex", "0") : c.setAttribute("tabindex", "-1"), S && y && y.label != null) {
+    const U = xe(v, i, h, d) || O;
+    if (U && (c.classList.add("cal-day--disabled"), c.disabled = !0, c.setAttribute("aria-disabled", "true")), u && C(v, u) ? c.setAttribute("tabindex", "0") : c.setAttribute("tabindex", "-1"), E && y && y.label != null) {
       c.classList.add("cal-day--with-label");
-      const v = document.createElement("span");
-      v.classList.add("cal-day__number"), v.textContent = _.day, c.appendChild(v);
+      const m = document.createElement("span");
+      m.classList.add("cal-day__number"), m.textContent = w.day, c.appendChild(m);
       const x = document.createElement("span");
       x.classList.add("cal-day__label"), x.textContent = y.label, c.appendChild(x);
     } else
-      c.textContent = _.day;
-    G ? S && c.addEventListener("mouseenter", () => p == null ? void 0 : p(f)) : (c.addEventListener("click", () => b == null ? void 0 : b(f)), c.addEventListener("mouseenter", () => p == null ? void 0 : p(f))), Y.appendChild(c);
-  }), A.addEventListener("mouseleave", () => p == null ? void 0 : p(null)), A;
+      c.textContent = w.day;
+    U ? E && c.addEventListener("mouseenter", () => b == null ? void 0 : b(v)) : (c.addEventListener("click", () => p == null ? void 0 : p(v)), c.addEventListener("mouseenter", () => b == null ? void 0 : b(v))), Y.appendChild(c);
+  }), A.addEventListener("mouseleave", () => b == null ? void 0 : b(null)), A;
 }
-function ve(s, e, a, t) {
+function xe(s, e, a, t) {
   return !!(t.includes(s) || e && s < e || a && s > a);
 }
-const ye = `
+const De = `
   .cal-grid {
     display: flex;
     flex-direction: column;
@@ -803,18 +869,18 @@ const ye = `
     pointer-events: none;
     z-index: 10;
   }
-`, Q = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10 12L6 8l4-4"/></svg>', Z = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4l4 4-4 4"/></svg>';
-function q({ year: s, month: e, onPrev: a, onNext: t, onTitleClick: n }) {
-  const r = document.createElement("div");
-  r.classList.add("cal-nav");
-  const o = document.createElement("button");
-  o.classList.add("cal-nav__btn", "cal-nav__btn--prev"), o.innerHTML = Q, o.setAttribute("aria-label", "Previous month"), o.addEventListener("click", a);
-  const l = n ? "button" : "div", i = document.createElement(l);
-  i.classList.add("cal-nav__title"), n && (i.classList.add("cal-nav__title--interactive"), i.setAttribute("aria-label", `Select month and year, currently ${I[e]} ${s}`), i.addEventListener("click", n)), i.setAttribute("aria-live", "polite"), i.textContent = `${I[e]} ${s}`;
+`, ae = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10 12L6 8l4-4"/></svg>', ne = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4l4 4-4 4"/></svg>';
+function Z({ year: s, month: e, onPrev: a, onNext: t, onTitleClick: n, locale: r }) {
+  const o = document.createElement("div");
+  o.classList.add("cal-nav");
+  const l = document.createElement("button");
+  l.classList.add("cal-nav__btn", "cal-nav__btn--prev"), l.innerHTML = ae, l.setAttribute("aria-label", "Previous month"), l.addEventListener("click", a);
+  const i = ge(r), h = n ? "button" : "div", d = document.createElement(h);
+  d.classList.add("cal-nav__title"), n && (d.classList.add("cal-nav__title--interactive"), d.setAttribute("aria-label", `Select month and year, currently ${i[e]} ${s}`), d.addEventListener("click", n)), d.setAttribute("aria-live", "polite"), d.textContent = `${i[e]} ${s}`;
   const g = document.createElement("button");
-  return g.classList.add("cal-nav__btn", "cal-nav__btn--next"), g.innerHTML = Z, g.setAttribute("aria-label", "Next month"), g.addEventListener("click", t), r.appendChild(o), r.appendChild(i), r.appendChild(g), r;
+  return g.classList.add("cal-nav__btn", "cal-nav__btn--next"), g.innerHTML = ne, g.setAttribute("aria-label", "Next month"), g.addEventListener("click", t), o.appendChild(l), o.appendChild(d), o.appendChild(g), o;
 }
-const me = `
+const Le = `
   .cal-nav {
     display: flex;
     align-items: center;
@@ -855,51 +921,39 @@ const me = `
   .cal-nav__title--interactive:hover {
     background: hsl(var(--cal-hover));
   }
-`, ke = [
-  "Jan",
-  "Feb",
-  "Mar",
-  "Apr",
-  "May",
-  "Jun",
-  "Jul",
-  "Aug",
-  "Sep",
-  "Oct",
-  "Nov",
-  "Dec"
-];
-function _e({
+`;
+function Se({
   pickerYear: s,
   viewMonth: e,
   viewYear: a,
   onMonthSelect: t,
   onYearPrev: n,
   onYearNext: r,
-  onClose: o
+  onClose: o,
+  locale: l
 }) {
-  const l = document.createElement("div");
-  l.classList.add("cal-myp", "cal-animate-fade");
   const i = document.createElement("div");
-  i.classList.add("cal-myp__year-nav");
-  const g = document.createElement("button");
-  g.classList.add("cal-nav__btn"), g.innerHTML = Q, g.setAttribute("aria-label", "Previous year"), g.addEventListener("click", n);
+  i.classList.add("cal-myp", "cal-animate-fade");
   const h = document.createElement("div");
-  h.classList.add("cal-myp__year-label"), h.textContent = s;
+  h.classList.add("cal-myp__year-nav");
+  const d = document.createElement("button");
+  d.classList.add("cal-nav__btn"), d.innerHTML = ae, d.setAttribute("aria-label", "Previous year"), d.addEventListener("click", n);
+  const g = document.createElement("div");
+  g.classList.add("cal-myp__year-label"), g.textContent = s;
   const u = document.createElement("button");
-  u.classList.add("cal-nav__btn"), u.innerHTML = Z, u.setAttribute("aria-label", "Next year"), u.addEventListener("click", r), i.appendChild(g), i.appendChild(h), i.appendChild(u), l.appendChild(i);
-  const d = document.createElement("div");
-  d.classList.add("cal-myp__grid");
-  const b = /* @__PURE__ */ new Date(), p = b.getMonth(), C = b.getFullYear();
-  for (let k = 0; k < 12; k++) {
-    const w = document.createElement("button");
-    w.classList.add("cal-myp__cell"), w.textContent = ke[k], k === e && s === a && w.classList.add("cal-myp__cell--active"), k === p && s === C && w.classList.add("cal-myp__cell--today"), w.addEventListener("click", () => t(k, s)), d.appendChild(w);
-  }
-  return l.appendChild(d), l.addEventListener("keydown", (k) => {
-    k.key === "Escape" && (k.stopPropagation(), o());
-  }), l;
+  u.classList.add("cal-nav__btn"), u.innerHTML = ne, u.setAttribute("aria-label", "Next year"), u.addEventListener("click", r), h.appendChild(d), h.appendChild(g), h.appendChild(u), i.appendChild(h);
+  const p = document.createElement("div");
+  p.classList.add("cal-myp__grid");
+  const b = te(l), f = /* @__PURE__ */ new Date(), j = f.getMonth(), K = f.getFullYear();
+  for (let _ = 0; _ < 12; _++) {
+    const D = document.createElement("button");
+    D.classList.add("cal-myp__cell"), D.textContent = b[_], _ === e && s === a && D.classList.add("cal-myp__cell--active"), _ === j && s === K && D.classList.add("cal-myp__cell--today"), D.addEventListener("click", () => t(_, s)), p.appendChild(D);
+  }
+  return i.appendChild(p), i.addEventListener("keydown", (_) => {
+    _.key === "Escape" && (_.stopPropagation(), o());
+  }), i;
 }
-const xe = `
+const Ee = `
   .cal-myp {
     width: calc(7 * var(--cal-cell-size));
   }
@@ -957,58 +1011,74 @@ const xe = `
     border: 1px solid hsl(var(--cal-border));
     font-weight: 600;
   }
-`;
-function we() {
+`, V = {
+  today: "Today",
+  "this-week": "This Week",
+  "next-7": "Next 7 Days",
+  "next-30": "Next 30 Days"
+};
+function H(s, e) {
+  if (!e) return V[s] || s;
+  try {
+    if (s === "today") {
+      const n = new Intl.RelativeTimeFormat(e, { numeric: "auto" }).formatToParts(0, "day").map((r) => r.value).join("");
+      return n.charAt(0).toUpperCase() + n.slice(1);
+    }
+  } catch {
+  }
+  return V[s] || s;
+}
+function Me(s) {
   return [
     {
       key: "today",
-      label: "Today",
+      label: H("today", s),
       resolve() {
-        const s = K();
-        return { start: s, end: s };
+        const e = G();
+        return { start: e, end: e };
       }
     },
     {
       key: "this-week",
-      label: "This Week",
+      label: H("this-week", s),
       resolve() {
-        const s = /* @__PURE__ */ new Date(), e = s.getDay(), a = new Date(s);
-        a.setDate(s.getDate() - e);
-        const t = new Date(a);
-        return t.setDate(a.getDate() + 6), { start: m(a), end: m(t) };
+        const e = /* @__PURE__ */ new Date(), a = e.getDay(), t = new Date(e);
+        t.setDate(e.getDate() - a);
+        const n = new Date(t);
+        return n.setDate(t.getDate() + 6), { start: k(t), end: k(n) };
       }
     },
     {
       key: "next-7",
-      label: "Next 7 Days",
+      label: H("next-7", s),
       resolve() {
-        const s = /* @__PURE__ */ new Date(), e = /* @__PURE__ */ new Date();
-        return e.setDate(s.getDate() + 6), { start: m(s), end: m(e) };
+        const e = /* @__PURE__ */ new Date(), a = /* @__PURE__ */ new Date();
+        return a.setDate(e.getDate() + 6), { start: k(e), end: k(a) };
       }
     },
     {
       key: "next-30",
-      label: "Next 30 Days",
+      label: H("next-30", s),
       resolve() {
-        const s = /* @__PURE__ */ new Date(), e = /* @__PURE__ */ new Date();
-        return e.setDate(s.getDate() + 29), { start: m(s), end: m(e) };
+        const e = /* @__PURE__ */ new Date(), a = /* @__PURE__ */ new Date();
+        return a.setDate(e.getDate() + 29), { start: k(e), end: k(a) };
       }
     }
   ];
 }
-function De({ presetKeys: s, onSelect: e }) {
-  const a = document.createElement("div");
-  a.classList.add("cal-presets");
-  const t = we(), n = s.map((r) => t.find((o) => o.key === r)).filter(Boolean);
-  for (const r of n) {
-    const o = document.createElement("button");
-    o.classList.add("cal-preset"), o.textContent = r.label, o.addEventListener("click", () => {
-      e == null || e(r.resolve());
-    }), a.appendChild(o);
+function Ce({ presetKeys: s, onSelect: e, locale: a }) {
+  const t = document.createElement("div");
+  t.classList.add("cal-presets");
+  const n = Me(a), r = s.map((o) => n.find((l) => l.key === o)).filter(Boolean);
+  for (const o of r) {
+    const l = document.createElement("button");
+    l.classList.add("cal-preset"), l.textContent = o.label, l.addEventListener("click", () => {
+      e == null || e(o.resolve());
+    }), t.appendChild(l);
   }
-  return a;
+  return t;
 }
-const Le = `
+const Ae = `
   .cal-presets {
     display: flex;
     flex-wrap: wrap;
@@ -1035,37 +1105,37 @@ const Le = `
     background: hsl(var(--cal-hover));
   }
 `;
-function Se({ trigger: s, content: e, onClose: a }) {
+function Te({ trigger: s, content: e, onClose: a }) {
   const t = document.createElement("div");
   t.classList.add("cal-popover"), t.setAttribute("role", "dialog"), t.setAttribute("aria-modal", "false"), t.style.display = "none", t.appendChild(e);
   let n = !1;
   function r() {
     t.classList.remove("cal-popover--above");
-    const u = s.getBoundingClientRect(), d = t.offsetHeight, b = window.innerHeight - u.bottom, p = u.top;
-    b < d + 8 && p > b ? (t.classList.add("cal-popover--above"), t.style.top = "auto", t.style.bottom = "100%", t.style.marginBottom = "4px", t.style.marginTop = "0") : (t.style.top = "100%", t.style.bottom = "auto", t.style.marginTop = "4px", t.style.marginBottom = "0");
+    const g = s.getBoundingClientRect(), u = t.offsetHeight, p = window.innerHeight - g.bottom, b = g.top;
+    p < u + 8 && b > p ? (t.classList.add("cal-popover--above"), t.style.top = "auto", t.style.bottom = "100%", t.style.marginBottom = "4px", t.style.marginTop = "0") : (t.style.top = "100%", t.style.bottom = "auto", t.style.marginTop = "4px", t.style.marginBottom = "0");
   }
   function o() {
-    n || (n = !0, t.style.display = "", t.classList.add("cal-animate-slide-up"), requestAnimationFrame(() => r()), document.addEventListener("click", i, !0), document.addEventListener("keydown", g, !0));
+    n || (n = !0, t.style.display = "", t.classList.add("cal-animate-slide-up"), requestAnimationFrame(() => r()), document.addEventListener("click", i, !0), document.addEventListener("keydown", h, !0));
   }
   function l() {
-    n && (n = !1, t.style.display = "none", t.classList.remove("cal-animate-slide-up"), document.removeEventListener("click", i, !0), document.removeEventListener("keydown", g, !0), a == null || a());
+    n && (n = !1, t.style.display = "none", t.classList.remove("cal-animate-slide-up"), document.removeEventListener("click", i, !0), document.removeEventListener("keydown", h, !0), a == null || a());
   }
-  function i(u) {
-    var b;
-    const d = (b = s.getRootNode()) == null ? void 0 : b.host;
-    d && !d.contains(u.target) && u.target !== d && l();
+  function i(g) {
+    var p;
+    const u = (p = s.getRootNode()) == null ? void 0 : p.host;
+    u && !u.contains(g.target) && g.target !== u && l();
   }
-  function g(u) {
-    u.key === "Escape" && (u.stopPropagation(), l());
+  function h(g) {
+    g.key === "Escape" && (g.stopPropagation(), l());
   }
-  function h() {
-    n && (n = !1, t.style.display = "none", t.classList.remove("cal-animate-slide-up")), document.removeEventListener("click", i, !0), document.removeEventListener("keydown", g, !0);
+  function d() {
+    n && (n = !1, t.style.display = "none", t.classList.remove("cal-animate-slide-up")), document.removeEventListener("click", i, !0), document.removeEventListener("keydown", h, !0);
   }
-  return { panel: t, open: o, close: l, destroy: h, get isOpen() {
+  return { panel: t, open: o, close: l, destroy: d, get isOpen() {
     return n;
   } };
 }
-const Ee = `
+const Ye = `
   .cal-popover-wrapper {
     position: relative;
     display: inline-block;
@@ -1111,7 +1181,7 @@ const Ee = `
     color: hsl(var(--cal-fg-muted));
   }
 `;
-function Me({ rows: s = 5 } = {}) {
+function Be({ rows: s = 5 } = {}) {
   const e = document.createElement("div");
   e.setAttribute("role", "status"), e.setAttribute("aria-label", "Loading..."), e.classList.add("cal-skeleton-calendar-grid");
   for (let t = 0; t < 7; t++) {
@@ -1125,7 +1195,7 @@ function Me({ rows: s = 5 } = {}) {
   }
   return e;
 }
-const Ce = `
+const ze = `
   .cal-skeleton-time-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
@@ -1158,17 +1228,17 @@ const Ce = `
     aspect-ratio: 1;
     border-radius: var(--cal-radius-sm) !important;
   }
-`, U = {
+`, ee = {
   error: '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="6"/><path d="M7 4v3M7 9.5v.01"/></svg>',
   warning: '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M7 1.5L1 12.5h12L7 1.5zM7 6v2.5M7 10.5v.01"/></svg>',
   info: '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="6"/><path d="M7 6.5V10M7 4.5v.01"/></svg>',
   success: '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="6"/><path d="M4.5 7l2 2L9.5 5"/></svg>'
 };
-function Ae({ type: s = "info", message: e, dismissible: a = !0, onDismiss: t }) {
+function Pe({ type: s = "info", message: e, dismissible: a = !0, onDismiss: t }) {
   const n = document.createElement("div");
   n.classList.add("cal-status", `cal-status--${s}`, "cal-animate-slide-up"), n.setAttribute("role", s === "error" ? "alert" : "status"), n.setAttribute("aria-live", s === "error" ? "assertive" : "polite");
   const r = document.createElement("span");
-  r.classList.add("cal-status__icon"), r.innerHTML = U[s] || U.info, n.appendChild(r);
+  r.classList.add("cal-status__icon"), r.innerHTML = ee[s] || ee.info, n.appendChild(r);
   const o = document.createElement("span");
   if (o.classList.add("cal-status__text"), o.textContent = e, n.appendChild(o), a) {
     const l = document.createElement("button");
@@ -1176,7 +1246,7 @@ function Ae({ type: s = "info", message: e, dismissible: a = !0, onDismiss: t })
   }
   return n;
 }
-const Te = `
+const Oe = `
   .cal-status {
     display: flex;
     align-items: center;
@@ -1238,7 +1308,7 @@ const Te = `
     color: hsl(var(--cal-status-success-fg));
     border: 1px solid hsl(var(--cal-status-success-border));
   }
-`, Ye = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="12" height="11" rx="2"/><path d="M5 1v3M11 1v3M2 7h12"/></svg>', Be = `
+`, $e = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="12" height="11" rx="2"/><path d="M5 1v3M11 1v3M2 7h12"/></svg>', Fe = `
   .cal-picker {
     background: hsl(var(--cal-bg));
     border-radius: var(--cal-radius);
@@ -1259,9 +1329,9 @@ const Te = `
     flex: 0 0 auto;
   }
 `;
-class ze extends ne {
+class Re extends ie {
   static get styles() {
-    return [de, ge, ue, ye, me, xe, Le, Ee, Ce, Te, Be];
+    return [fe, ve, me, De, Le, Ee, Ae, Ye, ze, Oe, Fe];
   }
   static get observedAttributes() {
     return ["mode", "display", "theme", "value", "min-date", "max-date", "disabled-dates", "first-day", "locale", "presets", "placeholder", "loading"];
@@ -1269,7 +1339,7 @@ class ze extends ne {
   constructor() {
     super();
     const e = /* @__PURE__ */ new Date();
-    this._store = se({
+    this._store = ce({
       viewYear: e.getFullYear(),
       viewMonth: e.getMonth(),
       selectedDates: [],
@@ -1277,7 +1347,7 @@ class ze extends ne {
       rangeEnd: null,
       hoverDate: null,
       isOpen: !1,
-      focusedDate: K(),
+      focusedDate: G(),
       navDirection: null,
       pickingMonth: !1,
       pickerYear: e.getFullYear(),
@@ -1305,6 +1375,9 @@ class ze extends ne {
   get maxDate() {
     return this.getAttribute("max-date") || null;
   }
+  get locale() {
+    return this.getAttribute("locale") || void 0;
+  }
   get loading() {
     return this.hasAttribute("loading");
   }
@@ -1326,7 +1399,7 @@ class ze extends ne {
   }
   set value(e) {
     if (this.mode === "range" && e && typeof e == "object") {
-      const a = typeof e.start == "string" ? e.start : m(e.start), t = typeof e.end == "string" ? e.end : m(e.end);
+      const a = typeof e.start == "string" ? e.start : k(e.start), t = typeof e.end == "string" ? e.end : k(e.end);
       this._store.set({
         rangeStart: a,
         rangeEnd: t,
@@ -1335,7 +1408,7 @@ class ze extends ne {
     } else this.mode === "multi" && Array.isArray(e) ? (this._store.set({ selectedDates: e }), e.length && this._navigateToDate(e[0])) : typeof e == "string" ? (this._store.set({ selectedDates: [e], rangeStart: null, rangeEnd: null }), this._navigateToDate(e)) : this._store.set({ selectedDates: [], rangeStart: null, rangeEnd: null });
   }
   _navigateToDate(e) {
-    const a = L(e);
+    const a = S(e);
     a && this._store.set({ viewYear: a.getFullYear(), viewMonth: a.getMonth() });
   }
   connectedCallback() {
@@ -1391,7 +1464,7 @@ class ze extends ne {
         }), this.emit("cal:change", { value: { start: t, end: n } }), this.display === "popover" && this.close();
       }
     else if (this.mode === "multi") {
-      const t = [...a.selectedDates], n = t.findIndex((r) => M(r, e));
+      const t = [...a.selectedDates], n = t.findIndex((r) => C(r, e));
       n >= 0 ? t.splice(n, 1) : t.push(e), t.sort(), this._store.set({ selectedDates: t, focusedDate: e }), this.emit("cal:change", { value: t });
     }
   }
@@ -1436,7 +1509,7 @@ class ze extends ne {
       e.stopPropagation(), this._store.set({ pickingMonth: !1 });
       return;
     }
-    const a = this._store.getState(), t = L(a.focusedDate);
+    const a = this._store.getState(), t = S(a.focusedDate);
     if (!t) return;
     let n = null;
     switch (e.key) {
@@ -1464,7 +1537,7 @@ class ze extends ne {
     }
     if (n) {
       e.preventDefault();
-      const r = m(n);
+      const r = k(n);
       n.getMonth() !== a.viewMonth || n.getFullYear() !== a.viewYear ? this._store.set({
         viewYear: n.getFullYear(),
         viewMonth: n.getMonth(),
@@ -1482,13 +1555,13 @@ class ze extends ne {
     for (const o of a) {
       const l = o.dataset.date;
       if (!l || o.classList.contains("cal-day--disabled")) continue;
-      const i = l === t, g = l === r;
-      let h = !1;
+      const i = l === t, h = l === r;
+      let d = !1;
       if (t && r) {
-        const u = t < r ? t : r, d = t < r ? r : t;
-        h = l >= u && l <= d && !i && !g;
+        const g = t < r ? t : r, u = t < r ? r : t;
+        d = l >= g && l <= u && !i && !h;
       }
-      o.classList.toggle("cal-day--range-start", i && !!r), o.classList.toggle("cal-day--range-end", g && !!r), o.classList.toggle("cal-day--in-range", h);
+      o.classList.toggle("cal-day--range-start", i && !!r), o.classList.toggle("cal-day--range-end", h && !!r), o.classList.toggle("cal-day--in-range", d);
     }
   }
   // -- Public API --
@@ -1501,10 +1574,18 @@ class ze extends ne {
   goToMonth(e, a) {
     this._store.set({ viewYear: a, viewMonth: e });
   }
+  clear() {
+    this._store.set({
+      selectedDates: [],
+      rangeStart: null,
+      rangeEnd: null,
+      hoverDate: null
+    }), this.emit("cal:change", { value: null });
+  }
   // -- Render --
   _renderCalendarContent() {
     const e = this._store.getState(), a = document.createElement("div");
-    if (a.classList.add("cal-picker"), e.statusType && e.statusMessage && a.appendChild(Ae({
+    if (a.classList.add("cal-picker"), e.statusType && e.statusMessage && a.appendChild(Pe({
       type: e.statusType,
       message: e.statusMessage,
       dismissible: e.statusDismissible,
@@ -1513,14 +1594,14 @@ class ze extends ne {
       const o = document.createElement("div");
       o.classList.add("cal-months");
       const l = document.createElement("div");
-      return l.classList.add("cal-month"), l.appendChild(Me()), o.appendChild(l), a.appendChild(o), a.addEventListener("keydown", (i) => this._handleKeydown(i)), a;
+      return l.classList.add("cal-month"), l.appendChild(Be()), o.appendChild(l), a.appendChild(o), a.addEventListener("keydown", (i) => this._handleKeydown(i)), a;
     }
     const t = document.createElement("div");
     t.classList.add("cal-months");
     const n = this.mode === "range" && this.hasAttribute("dual"), r = n ? 2 : 1;
     for (let o = 0; o < r; o++) {
-      const { year: l, month: i } = o === 0 ? { year: e.viewYear, month: e.viewMonth } : z(e.viewYear, e.viewMonth, 1), g = document.createElement("div");
-      if (g.classList.add("cal-month"), o === 0 && g.appendChild(q({
+      const { year: l, month: i } = o === 0 ? { year: e.viewYear, month: e.viewMonth } : z(e.viewYear, e.viewMonth, 1), h = document.createElement("div");
+      if (h.classList.add("cal-month"), o === 0 && h.appendChild(Z({
         year: l,
         month: i,
         onPrev: e.pickingMonth ? () => {
@@ -1529,26 +1610,29 @@ class ze extends ne {
         } : () => {
           n || this._nextMonth();
         },
-        onTitleClick: () => this._toggleMonthPicker()
-      })), o === 1 && g.appendChild(q({
+        onTitleClick: () => this._toggleMonthPicker(),
+        locale: this.locale
+      })), o === 1 && h.appendChild(Z({
         year: l,
         month: i,
         onPrev: () => {
         },
-        onNext: () => this._nextMonth()
+        onNext: () => this._nextMonth(),
+        locale: this.locale
       })), e.pickingMonth && o === 0) {
-        const h = _e({
+        const d = Se({
           pickerYear: e.pickerYear,
           viewMonth: e.viewMonth,
           viewYear: e.viewYear,
-          onMonthSelect: (u, d) => this._selectMonthFromPicker(u, d),
+          onMonthSelect: (g, u) => this._selectMonthFromPicker(g, u),
           onYearPrev: () => this._store.set({ pickerYear: e.pickerYear - 1 }),
           onYearNext: () => this._store.set({ pickerYear: e.pickerYear + 1 }),
-          onClose: () => this._store.set({ pickingMonth: !1 })
+          onClose: () => this._store.set({ pickingMonth: !1 }),
+          locale: this.locale
         });
-        g.appendChild(h);
+        h.appendChild(d);
       } else {
-        const h = e.navDirection === "next" ? "cal-animate-slide-left" : e.navDirection === "prev" ? "cal-animate-slide-right" : "", u = fe({
+        const d = e.navDirection === "next" ? "cal-animate-slide-left" : e.navDirection === "prev" ? "cal-animate-slide-right" : "", g = we({
           year: l,
           month: i,
           firstDay: this.firstDay,
@@ -1561,16 +1645,18 @@ class ze extends ne {
           disabledDates: this.disabledDates,
           mode: this.mode,
           focusedDate: e.focusedDate,
-          onSelect: (d) => this._handleSelect(d),
-          onHover: (d) => this._handleHover(d)
+          onSelect: (u) => this._handleSelect(u),
+          onHover: (u) => this._handleHover(u),
+          locale: this.locale
         });
-        h && u.classList.add(h), g.appendChild(u);
+        d && g.classList.add(d), h.appendChild(g);
       }
-      t.appendChild(g);
+      t.appendChild(h);
     }
-    return a.appendChild(t), this.mode === "range" && this.presetKeys.length && a.appendChild(De({
+    return a.appendChild(t), this.mode === "range" && this.presetKeys.length && a.appendChild(Ce({
       presetKeys: this.presetKeys,
-      onSelect: (o) => this._handlePresetSelect(o)
+      onSelect: (o) => this._handlePresetSelect(o),
+      locale: this.locale
     })), a.addEventListener("keydown", (o) => this._handleKeydown(o)), a;
   }
   _formatTriggerText() {
@@ -1578,8 +1664,14 @@ class ze extends ne {
     return this.mode === "range" && e.rangeStart && e.rangeEnd ? `${this._formatShortDate(e.rangeStart)} – ${this._formatShortDate(e.rangeEnd)}` : e.selectedDates.length ? this.mode === "multi" ? `${e.selectedDates.length} dates selected` : this._formatShortDate(e.selectedDates[0]) : null;
   }
   _formatShortDate(e) {
-    const a = L(e);
-    return a ? `${I[a.getMonth()].slice(0, 3)} ${a.getDate()}, ${a.getFullYear()}` : e;
+    const a = S(e);
+    if (!a) return e;
+    if (this.locale)
+      try {
+        return new Intl.DateTimeFormat(this.locale, { month: "short", day: "numeric", year: "numeric" }).format(a);
+      } catch {
+      }
+    return `${te(this.locale)[a.getMonth()]} ${a.getDate()}, ${a.getFullYear()}`;
   }
   render() {
     var t;
@@ -1594,26 +1686,26 @@ class ze extends ne {
       const r = document.createElement("button");
       r.classList.add("cal-trigger");
       const o = document.createElement("span");
-      o.classList.add("cal-trigger__icon"), o.innerHTML = Ye, r.appendChild(o);
+      o.classList.add("cal-trigger__icon"), o.innerHTML = $e, r.appendChild(o);
       const l = this._formatTriggerText(), i = document.createElement("span");
       l ? i.textContent = l : (i.textContent = this.placeholder, i.classList.add("cal-trigger--placeholder")), r.appendChild(i), n.appendChild(r);
-      const g = this._renderCalendarContent(), h = Se({
+      const h = this._renderCalendarContent(), d = Te({
         trigger: r,
-        content: g,
+        content: h,
         onClose: () => {
           this._store.set({ isOpen: !1 }), this.emit("cal:close");
         }
       });
-      n.appendChild(h.panel), e.appendChild(n), r.addEventListener("click", (u) => {
-        u.stopPropagation(), h.isOpen ? this.close() : this.open();
-      }), this._popover = h, this._store.get("isOpen") && h.open();
+      n.appendChild(d.panel), e.appendChild(n), r.addEventListener("click", (g) => {
+        g.stopPropagation(), d.isOpen ? this.close() : this.open();
+      }), this._popover = d, this._store.get("isOpen") && d.open();
     } else
       e.appendChild(this._renderCalendarContent());
     this._store.set({ navDirection: null }), this._rendering = !1;
   }
 }
-customElements.get("cal-datepicker") || customElements.define("cal-datepicker", ze);
+customElements.get("cal-datepicker") || customElements.define("cal-datepicker", Re);
 export {
-  ze as CalDatepicker
+  Re as CalDatepicker
 };
 //# sourceMappingURL=datepicker.es.js.map