calkit 0.1.0 → 0.2.0

package/dist/calkit.es.js

@@ -1,4 +1,4 @@
-class Se extends HTMLElement {
+class Me extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" }), this._initialized = !1;
   }
@@ -27,6 +27,9 @@ class Se 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 Se extends HTMLElement {
     return this.shadowRoot.querySelectorAll(e);
   }
 }
-function Te(n) {
+function Ae(n) {
   let e = { ...n };
   const a = /* @__PURE__ */ new Set();
   return {
@@ -78,7 +81,7 @@ function Te(n) {
     }
   };
 }
-const ne = [
+const Ce = [
   "January",
   "February",
   "March",
@@ -91,21 +94,82 @@ const ne = [
   "October",
   "November",
   "December"
-], bt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], _t = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], yt = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-function Qe(n, e = "short") {
-  const a = G(n);
-  return a ? e === "long" ? _t[a.getDay()] : yt[a.getDay()] : "";
+], wt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Et = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], Lt = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+function st(n) {
+  if (!n) return Ce;
+  try {
+    const e = new Intl.DateTimeFormat(n, { month: "long" });
+    return Array.from({ length: 12 }, (a, t) => {
+      const s = e.format(new Date(2024, t, 1));
+      return s.charAt(0).toUpperCase() + s.slice(1);
+    });
+  } catch {
+    return Ce;
+  }
 }
-function et(n = 0) {
-  const e = [];
-  for (let a = 0; a < 7; a++)
-    e.push(bt[(n + a) % 7]);
-  return e;
+function Re(n) {
+  if (!n)
+    return [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
+    ];
+  try {
+    const e = new Intl.DateTimeFormat(n, { month: "short" });
+    return Array.from({ length: 12 }, (a, t) => {
+      const s = e.format(new Date(2024, t, 1));
+      return s.charAt(0).toUpperCase() + s.slice(1);
+    });
+  } catch {
+    return [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
+    ];
+  }
+}
+function nt(n, e = "short", a) {
+  const t = U(n);
+  return t ? e === "long" ? Et[t.getDay()] : Lt[t.getDay()] : "";
+}
+function it(n = 0, e) {
+  if (e)
+    try {
+      const t = new Intl.DateTimeFormat(e, { weekday: "short" }), s = [];
+      for (let i = 0; i < 7; i++) {
+        const l = new Date(2024, 0, 7 + (n + i) % 7), r = t.format(l);
+        s.push(r.charAt(0).toUpperCase() + r.slice(1));
+      }
+      return s;
+    } catch {
+    }
+  const a = [];
+  for (let t = 0; t < 7; t++)
+    a.push(wt[(n + t) % 7]);
+  return a;
 }
-function Xe(n, e) {
+function Ue(n, e) {
   return new Date(n, e + 1, 0).getDate();
 }
-function xt(n, e) {
+function Ct(n, e) {
   return new Date(n, e, 1).getDay();
 }
 function Z(n) {
@@ -113,7 +177,7 @@ function Z(n) {
   const e = n instanceof Date ? n : new Date(n.year, n.month, n.day), a = e.getFullYear(), t = String(e.getMonth() + 1).padStart(2, "0"), s = String(e.getDate()).padStart(2, "0");
   return `${a}-${t}-${s}`;
 }
-function G(n) {
+function U(n) {
   if (!n) return null;
   if (n instanceof Date) return n;
   if (typeof n == "string") {
@@ -124,12 +188,12 @@ function G(n) {
 }
 function de(n, e) {
   if (!n || !e) return !1;
-  const a = G(n), t = G(e);
+  const a = U(n), t = U(e);
   return !a || !t ? !1 : a.getFullYear() === t.getFullYear() && a.getMonth() === t.getMonth() && a.getDate() === t.getDate();
 }
-function kt(n, e, a) {
+function Dt(n, e, a) {
   if (!n || !e || !a) return !1;
-  const t = G(n), s = G(e), i = G(a);
+  const t = U(n), s = U(e), i = U(a);
   if (!t || !s || !i) return !1;
   const l = t.getTime(), r = Math.min(s.getTime(), i.getTime()), o = Math.max(s.getTime(), i.getTime());
   return l >= r && l <= o;
@@ -142,28 +206,28 @@ function ge(n, e, a) {
   return { year: t.getFullYear(), month: t.getMonth() };
 }
 function ye(n, e) {
-  const a = G(n);
+  const a = U(n);
   return a ? (a.setDate(a.getDate() + e), Z(a)) : n;
 }
-function tt(n, e, a = 0) {
-  const t = Xe(n, e), i = (xt(n, e) - a + 7) % 7, l = [], r = me(), o = ge(n, e, -1), h = Xe(o.year, o.month);
-  for (let g = i - 1; g >= 0; g--) {
-    const u = h - g, p = Z({ year: o.year, month: o.month, day: u });
-    l.push({ year: o.year, month: o.month, day: u, dateString: p, isCurrentMonth: !1, isToday: p === r });
+function lt(n, e, a = 0) {
+  const t = Ue(n, e), i = (Ct(n, e) - a + 7) % 7, l = [], r = me(), o = ge(n, e, -1), h = Ue(o.year, o.month);
+  for (let p = i - 1; p >= 0; p--) {
+    const u = h - p, g = Z({ year: o.year, month: o.month, day: u });
+    l.push({ year: o.year, month: o.month, day: u, dateString: g, isCurrentMonth: !1, isToday: g === r });
   }
-  for (let g = 1; g <= t; g++) {
-    const u = Z({ year: n, month: e, day: g });
-    l.push({ year: n, month: e, day: g, dateString: u, isCurrentMonth: !0, isToday: u === r });
+  for (let p = 1; p <= t; p++) {
+    const u = Z({ year: n, month: e, day: p });
+    l.push({ year: n, month: e, day: p, dateString: u, isCurrentMonth: !0, isToday: u === r });
   }
   const c = ge(n, e, 1);
   let d = 1;
   for (; l.length < 42; ) {
-    const g = Z({ year: c.year, month: c.month, day: d });
-    l.push({ year: c.year, month: c.month, day: d, dateString: g, isCurrentMonth: !1, isToday: g === r }), d++;
+    const p = Z({ year: c.year, month: c.month, day: d });
+    l.push({ year: c.year, month: c.month, day: d, dateString: p, isCurrentMonth: !1, isToday: p === r }), d++;
   }
   return l;
 }
-const Me = `
+const $e = `
   :host {
     /* Light theme (default) */
     --cal-bg: 0 0% 100%;
@@ -331,7 +395,7 @@ const Me = `
       --cal-status-success-border: 152 40% 28%;
     }
   }
-`, Ae = `
+`, ze = `
   :host {
     display: inline-block;
     font-family: inherit;
@@ -372,7 +436,7 @@ const Me = `
   [hidden] {
     display: none !important;
   }
-`, $e = `
+`, Ie = `
   @keyframes cal-fade-in {
     from { opacity: 0; }
     to { opacity: 1; }
@@ -436,30 +500,41 @@ const Me = `
   .cal-skeleton--rect {
     border-radius: var(--cal-radius-sm);
   }
-`, Ge = {
+`, Je = {
   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)" }
 }, _e = "blue";
-function xe(n) {
-  return Ge[n] || Ge[_e];
+function xe(n, e) {
+  return e && e[n] ? e[n] : Je[n] || Je[_e];
+}
+function rt(n) {
+  if (!Array.isArray(n) || !n.length) return null;
+  const e = {};
+  for (const a of n)
+    !a.name || !a.bg || !a.fg || (e[a.name] = {
+      bg: a.bg,
+      fg: a.fg,
+      hover: a.hover || a.bg
+    });
+  return Object.keys(e).length ? e : null;
 }
-function wt(n, e = [], a = {}, t = null) {
-  const s = e.find((p) => p.end === n), i = e.find((p) => p.start === n), l = e.find(
-    (p) => p.start < n && p.end > n
+function Tt(n, e = [], a = {}, t = null, s = null) {
+  const i = e.find((f) => f.end === n), l = e.find((f) => f.start === n), r = e.find(
+    (f) => f.start < n && f.end > n
   );
-  let r = "available", o = null, h = !1, c = null, d = null, g = null;
-  s && i ? (r = "half-day", h = !0, c = xe(s.color || _e), d = xe(i.color || _e)) : l ? (r = "booked", g = xe(l.color || _e)) : i && !s ? (r = "checkin-only", d = xe(i.color || _e)) : s && !i && (r = "checkout-only", c = xe(s.color || _e));
-  const u = a[n];
-  if (u && (u.status && (r = u.status), u.label !== void 0 && (o = u.label)), t) {
-    const p = t(n);
-    p && (p.status && (r = p.status), p.label !== void 0 && (o = p.label));
-  }
-  return { status: r, label: o, checkoutBooking: s, checkinBooking: i, halfDay: h, colorOut: c, colorIn: d, colorFull: g };
+  let o = "available", h = null, c = !1, d = null, p = null, u = null;
+  i && l ? (o = "half-day", c = !0, d = xe(i.color || _e, s), p = xe(l.color || _e, s)) : r ? (o = "booked", u = xe(r.color || _e, s)) : l && !i ? (o = "checkin-only", p = xe(l.color || _e, s)) : i && !l && (o = "checkout-only", d = xe(i.color || _e, s));
+  const g = a[n];
+  if (g && (g.status && (o = g.status), g.label !== void 0 && (h = g.label)), t) {
+    const f = t(n);
+    f && (f.status && (o = f.status), f.label !== void 0 && (h = f.label));
+  }
+  return { status: o, label: h, checkoutBooking: i, checkinBooking: l, halfDay: c, colorOut: d, colorIn: p, colorFull: u };
 }
-function at(n, e, a = []) {
+function ot(n, e, a = []) {
   if (!n || !e) return !0;
   const t = n < e ? n : e, s = n < e ? e : n;
   for (const i of a)
@@ -467,10 +542,10 @@ function at(n, e, a = []) {
       return !1;
   return !0;
 }
-function Et(n, e, a = []) {
-  return !n || !e ? !1 : !at(n, e, a);
+function St(n, e, a = []) {
+  return !n || !e ? !1 : !ot(n, e, a);
 }
-function st(n) {
+function ct(n) {
   const {
     year: e,
     month: a,
@@ -483,77 +558,79 @@ function st(n) {
     maxDate: h,
     disabledDates: c = [],
     mode: d = "single",
-    focusedDate: g,
+    focusedDate: p,
     onSelect: u,
-    onHover: p,
+    onHover: g,
     // Booking-specific params
-    bookings: _ = null,
+    bookings: f = null,
     dayData: m = null,
-    labelFormula: v = null,
-    showLabelsOnHover: C = !1
-  } = n, k = _ !== null, S = document.createElement("div");
-  S.setAttribute("role", "grid"), S.classList.add("cal-grid");
+    labelFormula: b = null,
+    showLabelsOnHover: y = !1,
+    locale: w,
+    customColors: A = null
+  } = n, I = f !== null, q = document.createElement("div");
+  q.setAttribute("role", "grid"), q.classList.add("cal-grid");
   const B = document.createElement("div");
   B.setAttribute("role", "row"), B.classList.add("cal-weekdays");
-  for (const M of et(t)) {
-    const x = document.createElement("div");
-    x.setAttribute("role", "columnheader"), x.setAttribute("aria-label", M), x.classList.add("cal-weekday"), x.textContent = M, B.appendChild(x);
-  }
-  S.appendChild(B);
-  const V = tt(e, a, t), O = d === "range" && i && !l && r || k && i && !l && r ? r : l, N = k ? Et(i, r, _) : !1;
-  let I;
-  return V.forEach((M, x) => {
-    x % 7 === 0 && (I = document.createElement("div"), I.setAttribute("role", "row"), I.classList.add("cal-row"), S.appendChild(I));
-    const f = document.createElement("button");
-    f.setAttribute("role", "gridcell"), f.setAttribute("part", "day"), f.classList.add("cal-day");
-    const F = M.dateString;
-    f.dataset.date = F;
-    const R = new Date(M.year, M.month, M.day);
-    f.setAttribute("aria-label", R.toLocaleDateString("en-US", {
+  for (const L of it(t, w)) {
+    const W = document.createElement("div");
+    W.setAttribute("role", "columnheader"), W.setAttribute("aria-label", L), W.classList.add("cal-weekday"), W.textContent = L, B.appendChild(W);
+  }
+  q.appendChild(B);
+  const j = lt(e, a, t), H = d === "range" && i && !l && r || I && i && !l && r ? r : l, F = I ? St(i, r, f) : !1;
+  let k;
+  return j.forEach((L, W) => {
+    W % 7 === 0 && (k = document.createElement("div"), k.setAttribute("role", "row"), k.classList.add("cal-row"), q.appendChild(k));
+    const v = document.createElement("button");
+    v.setAttribute("role", "gridcell"), v.setAttribute("part", "day"), v.classList.add("cal-day");
+    const C = L.dateString;
+    v.dataset.date = C;
+    const x = new Date(L.year, L.month, L.day);
+    v.setAttribute("aria-label", x.toLocaleDateString("en-US", {
       weekday: "long",
       year: "numeric",
       month: "long",
       day: "numeric"
-    })), M.isCurrentMonth || f.classList.add("cal-day--outside"), M.isToday && f.classList.add("cal-day--today");
-    let L = null, y = !1;
-    if (k) {
-      L = wt(F, _, m || {}, v);
-      const { status: E, label: Y, halfDay: W, colorOut: $, colorIn: T, colorFull: z } = L;
-      if (E === "booked" && (f.classList.add("cal-day--booked"), z && (f.style.setProperty("--booking-bg", `hsl(${z.bg})`), f.style.setProperty("--booking-fg", `hsl(${z.fg})`), f.style.setProperty("--booking-hover", `hsl(${z.hover})`)), y = !0), E === "blocked" && (f.classList.add("cal-day--blocked"), y = !0), W && (f.classList.add("cal-day--half-day"), $ && f.style.setProperty("--half-day-color-out", `hsl(${$.bg})`), T && f.style.setProperty("--half-day-color-in", `hsl(${T.bg})`), y = !0), E === "checkout-only" && (f.classList.add("cal-day--checkout-only"), $ && f.style.setProperty("--half-day-color-out", `hsl(${$.bg})`)), E === "checkin-only" && (f.classList.add("cal-day--checkin-only"), T && f.style.setProperty("--half-day-color-in", `hsl(${T.bg})`)), C) {
-        let q = null;
-        if (W && L.checkoutBooking && L.checkinBooking)
-          q = `${L.checkoutBooking.label || ""} / ${L.checkinBooking.label || ""}`;
-        else if (E === "booked") {
-          const Q = _.find((be) => be.start <= F && be.end > F);
-          Q && (q = Q.label);
-        } else E === "checkout-only" && L.checkoutBooking ? q = L.checkoutBooking.label : E === "checkin-only" && L.checkinBooking && (q = L.checkinBooking.label);
-        q && f.setAttribute("data-booking-label", q);
+    })), L.isCurrentMonth || v.classList.add("cal-day--outside"), L.isToday && v.classList.add("cal-day--today");
+    let T = null, X = !1;
+    if (I) {
+      T = Tt(C, f, m || {}, b, A);
+      const { status: O, label: S, halfDay: M, colorOut: z, colorIn: G, colorFull: Q } = T;
+      if (O === "booked" && (v.classList.add("cal-day--booked"), Q && (v.style.setProperty("--booking-bg", `hsl(${Q.bg})`), v.style.setProperty("--booking-fg", `hsl(${Q.fg})`), v.style.setProperty("--booking-hover", `hsl(${Q.hover})`)), X = !0), O === "blocked" && (v.classList.add("cal-day--blocked"), X = !0), M && (v.classList.add("cal-day--half-day"), z && v.style.setProperty("--half-day-color-out", `hsl(${z.bg})`), G && v.style.setProperty("--half-day-color-in", `hsl(${G.bg})`), X = !0), O === "checkout-only" && (v.classList.add("cal-day--checkout-only"), z && v.style.setProperty("--half-day-color-out", `hsl(${z.bg})`)), O === "checkin-only" && (v.classList.add("cal-day--checkin-only"), G && v.style.setProperty("--half-day-color-in", `hsl(${G.bg})`)), y) {
+        let ne = null;
+        if (M && T.checkoutBooking && T.checkinBooking)
+          ne = `${T.checkoutBooking.label || ""} / ${T.checkinBooking.label || ""}`;
+        else if (O === "booked") {
+          const ve = f.find((E) => E.start <= C && E.end > C);
+          ve && (ne = ve.label);
+        } else O === "checkout-only" && T.checkoutBooking ? ne = T.checkoutBooking.label : O === "checkin-only" && T.checkinBooking && (ne = T.checkinBooking.label);
+        ne && v.setAttribute("data-booking-label", ne);
       }
-      if (N && i && !l && r) {
-        const q = i < r ? i : r, Q = i < r ? r : i;
-        F >= q && F <= Q && f.classList.add("cal-day--invalid-range");
+      if (F && i && !l && r) {
+        const ne = i < r ? i : r, ve = i < r ? r : i;
+        C >= ne && C <= ve && v.classList.add("cal-day--invalid-range");
       }
     }
-    if (k ? i && l && (de(F, i) || de(F, l)) ? (f.classList.add("cal-day--selected"), f.setAttribute("aria-selected", "true")) : f.setAttribute("aria-selected", "false") : s.some((Y) => de(Y, F)) ? (f.classList.add("cal-day--selected"), f.setAttribute("aria-selected", "true")) : f.setAttribute("aria-selected", "false"), (d === "range" || k) && i && O) {
-      const E = de(F, i), Y = de(F, O), W = kt(F, i, O);
-      E && f.classList.add("cal-day--range-start"), Y && f.classList.add("cal-day--range-end"), W && !E && !Y && f.classList.add("cal-day--in-range");
+    if (I ? i && l && (de(C, i) || de(C, l)) ? (v.classList.add("cal-day--selected"), v.setAttribute("aria-selected", "true")) : v.setAttribute("aria-selected", "false") : s.some((S) => de(S, C)) ? (v.classList.add("cal-day--selected"), v.setAttribute("aria-selected", "true")) : v.setAttribute("aria-selected", "false"), (d === "range" || I) && i && H) {
+      const O = de(C, i), S = de(C, H), M = Dt(C, i, H);
+      O && v.classList.add("cal-day--range-start"), S && v.classList.add("cal-day--range-end"), M && !O && !S && v.classList.add("cal-day--in-range");
     }
-    const K = Lt(F, o, h, c) || y;
-    if (K && (f.classList.add("cal-day--disabled"), f.disabled = !0, f.setAttribute("aria-disabled", "true")), g && de(F, g) ? f.setAttribute("tabindex", "0") : f.setAttribute("tabindex", "-1"), k && L && L.label != null) {
-      f.classList.add("cal-day--with-label");
-      const E = document.createElement("span");
-      E.classList.add("cal-day__number"), E.textContent = M.day, f.appendChild(E);
-      const Y = document.createElement("span");
-      Y.classList.add("cal-day__label"), Y.textContent = L.label, f.appendChild(Y);
+    const R = Mt(C, o, h, c) || X;
+    if (R && (v.classList.add("cal-day--disabled"), v.disabled = !0, v.setAttribute("aria-disabled", "true")), p && de(C, p) ? v.setAttribute("tabindex", "0") : v.setAttribute("tabindex", "-1"), I && T && T.label != null) {
+      v.classList.add("cal-day--with-label");
+      const O = document.createElement("span");
+      O.classList.add("cal-day__number"), O.textContent = L.day, v.appendChild(O);
+      const S = document.createElement("span");
+      S.classList.add("cal-day__label"), S.textContent = T.label, v.appendChild(S);
     } else
-      f.textContent = M.day;
-    K ? k && f.addEventListener("mouseenter", () => p == null ? void 0 : p(F)) : (f.addEventListener("click", () => u == null ? void 0 : u(F)), f.addEventListener("mouseenter", () => p == null ? void 0 : p(F))), I.appendChild(f);
-  }), S.addEventListener("mouseleave", () => p == null ? void 0 : p(null)), S;
+      v.textContent = L.day;
+    R ? I && v.addEventListener("mouseenter", () => g == null ? void 0 : g(C)) : (v.addEventListener("click", () => u == null ? void 0 : u(C)), v.addEventListener("mouseenter", () => g == null ? void 0 : g(C))), k.appendChild(v);
+  }), q.addEventListener("mouseleave", () => g == null ? void 0 : g(null)), q;
 }
-function Lt(n, e, a, t) {
+function Mt(n, e, a, t) {
   return !!(t.includes(n) || e && n < e || a && n > a);
 }
-const nt = `
+const dt = `
   .cal-grid {
     display: flex;
     flex-direction: column;
@@ -811,18 +888,18 @@ const nt = `
     pointer-events: none;
     z-index: 10;
   }
-`, Oe = '<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>', Fe = '<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 Le({ year: n, month: e, onPrev: a, onNext: t, onTitleClick: s }) {
-  const i = document.createElement("div");
-  i.classList.add("cal-nav");
-  const l = document.createElement("button");
-  l.classList.add("cal-nav__btn", "cal-nav__btn--prev"), l.innerHTML = Oe, l.setAttribute("aria-label", "Previous month"), l.addEventListener("click", a);
-  const r = s ? "button" : "div", o = document.createElement(r);
-  o.classList.add("cal-nav__title"), s && (o.classList.add("cal-nav__title--interactive"), o.setAttribute("aria-label", `Select month and year, currently ${ne[e]} ${n}`), o.addEventListener("click", s)), o.setAttribute("aria-live", "polite"), o.textContent = `${ne[e]} ${n}`;
-  const h = document.createElement("button");
-  return h.classList.add("cal-nav__btn", "cal-nav__btn--next"), h.innerHTML = Fe, h.setAttribute("aria-label", "Next month"), h.addEventListener("click", t), i.appendChild(l), i.appendChild(o), i.appendChild(h), i;
+`, je = '<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 De({ year: n, month: e, onPrev: a, onNext: t, onTitleClick: s, locale: i }) {
+  const l = document.createElement("div");
+  l.classList.add("cal-nav");
+  const r = document.createElement("button");
+  r.classList.add("cal-nav__btn", "cal-nav__btn--prev"), r.innerHTML = je, r.setAttribute("aria-label", "Previous month"), r.addEventListener("click", a);
+  const o = st(i), h = s ? "button" : "div", c = document.createElement(h);
+  c.classList.add("cal-nav__title"), s && (c.classList.add("cal-nav__title--interactive"), c.setAttribute("aria-label", `Select month and year, currently ${o[e]} ${n}`), c.addEventListener("click", s)), c.setAttribute("aria-live", "polite"), c.textContent = `${o[e]} ${n}`;
+  const d = document.createElement("button");
+  return d.classList.add("cal-nav__btn", "cal-nav__btn--next"), d.innerHTML = Ne, d.setAttribute("aria-label", "Next month"), d.addEventListener("click", t), l.appendChild(r), l.appendChild(c), l.appendChild(d), l;
 }
-const it = `
+const ht = `
   .cal-nav {
     display: flex;
     align-items: center;
@@ -863,51 +940,39 @@ const it = `
   .cal-nav__title--interactive:hover {
     background: hsl(var(--cal-hover));
   }
-`, Ct = [
-  "Jan",
-  "Feb",
-  "Mar",
-  "Apr",
-  "May",
-  "Jun",
-  "Jul",
-  "Aug",
-  "Sep",
-  "Oct",
-  "Nov",
-  "Dec"
-];
-function lt({
+`;
+function ut({
   pickerYear: n,
   viewMonth: e,
   viewYear: a,
   onMonthSelect: t,
   onYearPrev: s,
   onYearNext: i,
-  onClose: l
+  onClose: l,
+  locale: r
 }) {
-  const r = document.createElement("div");
-  r.classList.add("cal-myp", "cal-animate-fade");
   const o = document.createElement("div");
-  o.classList.add("cal-myp__year-nav");
-  const h = document.createElement("button");
-  h.classList.add("cal-nav__btn"), h.innerHTML = Oe, h.setAttribute("aria-label", "Previous year"), h.addEventListener("click", s);
-  const c = document.createElement("div");
-  c.classList.add("cal-myp__year-label"), c.textContent = n;
-  const d = document.createElement("button");
-  d.classList.add("cal-nav__btn"), d.innerHTML = Fe, d.setAttribute("aria-label", "Next year"), d.addEventListener("click", i), o.appendChild(h), o.appendChild(c), o.appendChild(d), r.appendChild(o);
-  const g = document.createElement("div");
-  g.classList.add("cal-myp__grid");
-  const u = /* @__PURE__ */ new Date(), p = u.getMonth(), _ = u.getFullYear();
-  for (let m = 0; m < 12; m++) {
-    const v = document.createElement("button");
-    v.classList.add("cal-myp__cell"), v.textContent = Ct[m], m === e && n === a && v.classList.add("cal-myp__cell--active"), m === p && n === _ && v.classList.add("cal-myp__cell--today"), v.addEventListener("click", () => t(m, n)), g.appendChild(v);
-  }
-  return r.appendChild(g), r.addEventListener("keydown", (m) => {
-    m.key === "Escape" && (m.stopPropagation(), l());
-  }), r;
+  o.classList.add("cal-myp", "cal-animate-fade");
+  const h = document.createElement("div");
+  h.classList.add("cal-myp__year-nav");
+  const c = document.createElement("button");
+  c.classList.add("cal-nav__btn"), c.innerHTML = je, c.setAttribute("aria-label", "Previous year"), c.addEventListener("click", s);
+  const d = document.createElement("div");
+  d.classList.add("cal-myp__year-label"), d.textContent = n;
+  const p = document.createElement("button");
+  p.classList.add("cal-nav__btn"), p.innerHTML = Ne, p.setAttribute("aria-label", "Next year"), p.addEventListener("click", i), h.appendChild(c), h.appendChild(d), h.appendChild(p), o.appendChild(h);
+  const u = document.createElement("div");
+  u.classList.add("cal-myp__grid");
+  const g = Re(r), f = /* @__PURE__ */ new Date(), m = f.getMonth(), b = f.getFullYear();
+  for (let y = 0; y < 12; y++) {
+    const w = document.createElement("button");
+    w.classList.add("cal-myp__cell"), w.textContent = g[y], y === e && n === a && w.classList.add("cal-myp__cell--active"), y === m && n === b && w.classList.add("cal-myp__cell--today"), w.addEventListener("click", () => t(y, n)), u.appendChild(w);
+  }
+  return o.appendChild(u), o.addEventListener("keydown", (y) => {
+    y.key === "Escape" && (y.stopPropagation(), l());
+  }), o;
 }
-const rt = `
+const pt = `
   .cal-myp {
     width: calc(7 * var(--cal-cell-size));
   }
@@ -965,58 +1030,74 @@ const rt = `
     border: 1px solid hsl(var(--cal-border));
     font-weight: 600;
   }
-`;
-function Dt() {
+`, Ve = {
+  today: "Today",
+  "this-week": "This Week",
+  "next-7": "Next 7 Days",
+  "next-30": "Next 30 Days"
+};
+function Le(n, e) {
+  if (!e) return Ve[n] || n;
+  try {
+    if (n === "today") {
+      const s = new Intl.RelativeTimeFormat(e, { numeric: "auto" }).formatToParts(0, "day").map((i) => i.value).join("");
+      return s.charAt(0).toUpperCase() + s.slice(1);
+    }
+  } catch {
+  }
+  return Ve[n] || n;
+}
+function At(n) {
   return [
     {
       key: "today",
-      label: "Today",
+      label: Le("today", n),
       resolve() {
-        const n = me();
-        return { start: n, end: n };
+        const e = me();
+        return { start: e, end: e };
       }
     },
     {
       key: "this-week",
-      label: "This Week",
+      label: Le("this-week", n),
       resolve() {
-        const n = /* @__PURE__ */ new Date(), e = n.getDay(), a = new Date(n);
-        a.setDate(n.getDate() - e);
-        const t = new Date(a);
-        return t.setDate(a.getDate() + 6), { start: Z(a), end: Z(t) };
+        const e = /* @__PURE__ */ new Date(), a = e.getDay(), t = new Date(e);
+        t.setDate(e.getDate() - a);
+        const s = new Date(t);
+        return s.setDate(t.getDate() + 6), { start: Z(t), end: Z(s) };
       }
     },
     {
       key: "next-7",
-      label: "Next 7 Days",
+      label: Le("next-7", n),
       resolve() {
-        const n = /* @__PURE__ */ new Date(), e = /* @__PURE__ */ new Date();
-        return e.setDate(n.getDate() + 6), { start: Z(n), end: Z(e) };
+        const e = /* @__PURE__ */ new Date(), a = /* @__PURE__ */ new Date();
+        return a.setDate(e.getDate() + 6), { start: Z(e), end: Z(a) };
       }
     },
     {
       key: "next-30",
-      label: "Next 30 Days",
+      label: Le("next-30", n),
       resolve() {
-        const n = /* @__PURE__ */ new Date(), e = /* @__PURE__ */ new Date();
-        return e.setDate(n.getDate() + 29), { start: Z(n), end: Z(e) };
+        const e = /* @__PURE__ */ new Date(), a = /* @__PURE__ */ new Date();
+        return a.setDate(e.getDate() + 29), { start: Z(e), end: Z(a) };
       }
     }
   ];
 }
-function St({ presetKeys: n, onSelect: e }) {
-  const a = document.createElement("div");
-  a.classList.add("cal-presets");
-  const t = Dt(), s = n.map((i) => t.find((l) => l.key === i)).filter(Boolean);
-  for (const i of s) {
-    const l = document.createElement("button");
-    l.classList.add("cal-preset"), l.textContent = i.label, l.addEventListener("click", () => {
-      e == null || e(i.resolve());
-    }), a.appendChild(l);
+function $t({ presetKeys: n, onSelect: e, locale: a }) {
+  const t = document.createElement("div");
+  t.classList.add("cal-presets");
+  const s = At(a), i = n.map((l) => s.find((r) => r.key === l)).filter(Boolean);
+  for (const l of i) {
+    const r = document.createElement("button");
+    r.classList.add("cal-preset"), r.textContent = l.label, r.addEventListener("click", () => {
+      e == null || e(l.resolve());
+    }), t.appendChild(r);
   }
-  return a;
+  return t;
 }
-const Tt = `
+const zt = `
   .cal-presets {
     display: flex;
     flex-wrap: wrap;
@@ -1043,14 +1124,14 @@ const Tt = `
     background: hsl(var(--cal-hover));
   }
 `;
-function Ne({ trigger: n, content: e, onClose: a }) {
+function qe({ trigger: n, 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 s = !1;
   function i() {
     t.classList.remove("cal-popover--above");
-    const d = n.getBoundingClientRect(), g = t.offsetHeight, u = window.innerHeight - d.bottom, p = d.top;
-    u < g + 8 && p > u ? (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 d = n.getBoundingClientRect(), p = t.offsetHeight, u = window.innerHeight - d.bottom, g = d.top;
+    u < p + 8 && g > u ? (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 l() {
     s || (s = !0, t.style.display = "", t.classList.add("cal-animate-slide-up"), requestAnimationFrame(() => i()), document.addEventListener("click", o, !0), document.addEventListener("keydown", h, !0));
@@ -1060,8 +1141,8 @@ function Ne({ trigger: n, content: e, onClose: a }) {
   }
   function o(d) {
     var u;
-    const g = (u = n.getRootNode()) == null ? void 0 : u.host;
-    g && !g.contains(d.target) && d.target !== g && r();
+    const p = (u = n.getRootNode()) == null ? void 0 : u.host;
+    p && !p.contains(d.target) && d.target !== p && r();
   }
   function h(d) {
     d.key === "Escape" && (d.stopPropagation(), r());
@@ -1073,7 +1154,7 @@ function Ne({ trigger: n, content: e, onClose: a }) {
     return s;
   } };
 }
-const Re = `
+const We = `
   .cal-popover-wrapper {
     position: relative;
     display: inline-block;
@@ -1119,7 +1200,7 @@ const Re = `
     color: hsl(var(--cal-fg-muted));
   }
 `;
-function ot({ columns: n = 3, rows: e = 4, durationLabels: a = !1 } = {}) {
+function gt({ columns: n = 3, rows: e = 4, durationLabels: a = !1 } = {}) {
   const t = document.createElement("div");
   t.setAttribute("role", "status"), t.setAttribute("aria-label", "Loading..."), t.classList.add("cal-skeleton-time-grid"), a && t.classList.add("cal-skeleton-time-grid--duration");
   const s = n * e;
@@ -1129,7 +1210,7 @@ function ot({ columns: n = 3, rows: e = 4, durationLabels: a = !1 } = {}) {
   }
   return t;
 }
-function ct({ rows: n = 5 } = {}) {
+function mt({ rows: n = 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++) {
@@ -1143,7 +1224,7 @@ function ct({ rows: n = 5 } = {}) {
   }
   return e;
 }
-const je = `
+const Xe = `
   .cal-skeleton-time-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
@@ -1176,17 +1257,17 @@ const je = `
     aspect-ratio: 1;
     border-radius: var(--cal-radius-sm) !important;
   }
-`, Ke = {
+`, Ze = {
   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 ze({ type: n = "info", message: e, dismissible: a = !0, onDismiss: t }) {
+function Ye({ type: n = "info", message: e, dismissible: a = !0, onDismiss: t }) {
   const s = document.createElement("div");
   s.classList.add("cal-status", `cal-status--${n}`, "cal-animate-slide-up"), s.setAttribute("role", n === "error" ? "alert" : "status"), s.setAttribute("aria-live", n === "error" ? "assertive" : "polite");
   const i = document.createElement("span");
-  i.classList.add("cal-status__icon"), i.innerHTML = Ke[n] || Ke.info, s.appendChild(i);
+  i.classList.add("cal-status__icon"), i.innerHTML = Ze[n] || Ze.info, s.appendChild(i);
   const l = document.createElement("span");
   if (l.classList.add("cal-status__text"), l.textContent = e, s.appendChild(l), a) {
     const r = document.createElement("button");
@@ -1194,7 +1275,7 @@ function ze({ type: n = "info", message: e, dismissible: a = !0, onDismiss: t })
   }
   return s;
 }
-const Ye = `
+const Pe = `
   .cal-status {
     display: flex;
     align-items: center;
@@ -1256,7 +1337,7 @@ const Ye = `
     color: hsl(var(--cal-status-success-fg));
     border: 1px solid hsl(var(--cal-status-success-border));
   }
-`, Mt = '<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>', At = `
+`, It = '<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>', Yt = `
   .cal-picker {
     background: hsl(var(--cal-bg));
     border-radius: var(--cal-radius);
@@ -1277,9 +1358,9 @@ const Ye = `
     flex: 0 0 auto;
   }
 `;
-class $t extends Se {
+class Pt extends Me {
   static get styles() {
-    return [Me, Ae, $e, nt, it, rt, Tt, Re, je, Ye, At];
+    return [$e, ze, Ie, dt, ht, pt, zt, We, Xe, Pe, Yt];
   }
   static get observedAttributes() {
     return ["mode", "display", "theme", "value", "min-date", "max-date", "disabled-dates", "first-day", "locale", "presets", "placeholder", "loading"];
@@ -1287,7 +1368,7 @@ class $t extends Se {
   constructor() {
     super();
     const e = /* @__PURE__ */ new Date();
-    this._store = Te({
+    this._store = Ae({
       viewYear: e.getFullYear(),
       viewMonth: e.getMonth(),
       selectedDates: [],
@@ -1323,6 +1404,9 @@ class $t extends Se {
   get maxDate() {
     return this.getAttribute("max-date") || null;
   }
+  get locale() {
+    return this.getAttribute("locale") || void 0;
+  }
   get loading() {
     return this.hasAttribute("loading");
   }
@@ -1353,7 +1437,7 @@ class $t extends Se {
     } 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 = G(e);
+    const a = U(e);
     a && this._store.set({ viewYear: a.getFullYear(), viewMonth: a.getMonth() });
   }
   connectedCallback() {
@@ -1454,7 +1538,7 @@ class $t extends Se {
       e.stopPropagation(), this._store.set({ pickingMonth: !1 });
       return;
     }
-    const a = this._store.getState(), t = G(a.focusedDate);
+    const a = this._store.getState(), t = U(a.focusedDate);
     if (!t) return;
     let s = null;
     switch (e.key) {
@@ -1503,8 +1587,8 @@ class $t extends Se {
       const o = r === t, h = r === i;
       let c = !1;
       if (t && i) {
-        const d = t < i ? t : i, g = t < i ? i : t;
-        c = r >= d && r <= g && !o && !h;
+        const d = t < i ? t : i, p = t < i ? i : t;
+        c = r >= d && r <= p && !o && !h;
       }
       l.classList.toggle("cal-day--range-start", o && !!i), l.classList.toggle("cal-day--range-end", h && !!i), l.classList.toggle("cal-day--in-range", c);
     }
@@ -1519,10 +1603,18 @@ class $t extends Se {
   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(ze({
+    if (a.classList.add("cal-picker"), e.statusType && e.statusMessage && a.appendChild(Ye({
       type: e.statusType,
       message: e.statusMessage,
       dismissible: e.statusDismissible,
@@ -1531,14 +1623,14 @@ class $t extends Se {
       const l = document.createElement("div");
       l.classList.add("cal-months");
       const r = document.createElement("div");
-      return r.classList.add("cal-month"), r.appendChild(ct()), l.appendChild(r), a.appendChild(l), a.addEventListener("keydown", (o) => this._handleKeydown(o)), a;
+      return r.classList.add("cal-month"), r.appendChild(mt()), l.appendChild(r), a.appendChild(l), a.addEventListener("keydown", (o) => this._handleKeydown(o)), a;
     }
     const t = document.createElement("div");
     t.classList.add("cal-months");
     const s = this.mode === "range" && this.hasAttribute("dual"), i = s ? 2 : 1;
     for (let l = 0; l < i; l++) {
       const { year: r, month: o } = l === 0 ? { year: e.viewYear, month: e.viewMonth } : ge(e.viewYear, e.viewMonth, 1), h = document.createElement("div");
-      if (h.classList.add("cal-month"), l === 0 && h.appendChild(Le({
+      if (h.classList.add("cal-month"), l === 0 && h.appendChild(De({
         year: r,
         month: o,
         onPrev: e.pickingMonth ? () => {
@@ -1547,26 +1639,29 @@ class $t extends Se {
         } : () => {
           s || this._nextMonth();
         },
-        onTitleClick: () => this._toggleMonthPicker()
-      })), l === 1 && h.appendChild(Le({
+        onTitleClick: () => this._toggleMonthPicker(),
+        locale: this.locale
+      })), l === 1 && h.appendChild(De({
         year: r,
         month: o,
         onPrev: () => {
         },
-        onNext: () => this._nextMonth()
+        onNext: () => this._nextMonth(),
+        locale: this.locale
       })), e.pickingMonth && l === 0) {
-        const c = lt({
+        const c = ut({
           pickerYear: e.pickerYear,
           viewMonth: e.viewMonth,
           viewYear: e.viewYear,
-          onMonthSelect: (d, g) => this._selectMonthFromPicker(d, g),
+          onMonthSelect: (d, p) => this._selectMonthFromPicker(d, p),
           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
         });
         h.appendChild(c);
       } else {
-        const c = e.navDirection === "next" ? "cal-animate-slide-left" : e.navDirection === "prev" ? "cal-animate-slide-right" : "", d = st({
+        const c = e.navDirection === "next" ? "cal-animate-slide-left" : e.navDirection === "prev" ? "cal-animate-slide-right" : "", d = ct({
           year: r,
           month: o,
           firstDay: this.firstDay,
@@ -1579,16 +1674,18 @@ class $t extends Se {
           disabledDates: this.disabledDates,
           mode: this.mode,
           focusedDate: e.focusedDate,
-          onSelect: (g) => this._handleSelect(g),
-          onHover: (g) => this._handleHover(g)
+          onSelect: (p) => this._handleSelect(p),
+          onHover: (p) => this._handleHover(p),
+          locale: this.locale
         });
         c && d.classList.add(c), h.appendChild(d);
       }
       t.appendChild(h);
     }
-    return a.appendChild(t), this.mode === "range" && this.presetKeys.length && a.appendChild(St({
+    return a.appendChild(t), this.mode === "range" && this.presetKeys.length && a.appendChild($t({
       presetKeys: this.presetKeys,
-      onSelect: (l) => this._handlePresetSelect(l)
+      onSelect: (l) => this._handlePresetSelect(l),
+      locale: this.locale
     })), a.addEventListener("keydown", (l) => this._handleKeydown(l)), a;
   }
   _formatTriggerText() {
@@ -1596,8 +1693,14 @@ class $t extends Se {
     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 = G(e);
-    return a ? `${ne[a.getMonth()].slice(0, 3)} ${a.getDate()}, ${a.getFullYear()}` : e;
+    const a = U(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 `${Re(this.locale)[a.getMonth()]} ${a.getDate()}, ${a.getFullYear()}`;
   }
   render() {
     var t;
@@ -1612,10 +1715,10 @@ class $t extends Se {
       const i = document.createElement("button");
       i.classList.add("cal-trigger");
       const l = document.createElement("span");
-      l.classList.add("cal-trigger__icon"), l.innerHTML = Mt, i.appendChild(l);
+      l.classList.add("cal-trigger__icon"), l.innerHTML = It, i.appendChild(l);
       const r = this._formatTriggerText(), o = document.createElement("span");
       r ? o.textContent = r : (o.textContent = this.placeholder, o.classList.add("cal-trigger--placeholder")), i.appendChild(o), s.appendChild(i);
-      const h = this._renderCalendarContent(), c = Ne({
+      const h = this._renderCalendarContent(), c = qe({
         trigger: i,
         content: h,
         onClose: () => {
@@ -1649,7 +1752,7 @@ function he(n, e, a = "24h") {
   }
   return `${String(n).padStart(2, "0")}:${t}`;
 }
-function b(n) {
+function _(n) {
   const e = le(n);
   return e ? e.hours * 60 + e.minutes : 0;
 }
@@ -1658,28 +1761,32 @@ function ie(n) {
   return `${String(e).padStart(2, "0")}:${String(a).padStart(2, "0")}`;
 }
 function Ee(n, e, a) {
-  const t = [], s = b(n), i = b(e);
+  const t = [], s = _(n);
+  let i = _(e);
+  i <= s && (i += 1440);
   for (let l = s; l <= i; l += a)
-    t.push(ie(l));
+    t.push(ie(l % 1440));
   return t;
 }
-function dt(n, e, a, t = "24h") {
-  const s = [], i = b(n), l = b(e);
+function ft(n, e, a, t = "24h") {
+  const s = [], i = _(n);
+  let l = _(e);
+  l <= i && (l += 1440);
   for (let r = i; r <= l; r += a) {
-    const o = ie(r), h = r + a, c = ie(Math.min(h, l + a)), d = le(o), g = le(c), u = d ? he(d.hours, d.minutes, t) : o, p = g ? he(g.hours, g.minutes, t) : c;
-    s.push({ time: o, displayText: `${u}–${p}` });
+    const o = ie(r % 1440), h = r + a, c = ie(Math.min(h, l + a) % 1440), d = le(o), p = le(c), u = d ? he(d.hours, d.minutes, t) : o, g = p ? he(p.hours, p.minutes, t) : c;
+    s.push({ time: o, displayText: `${u}–${g}` });
   }
   return s;
 }
-function ht() {
+function bt() {
   const n = /* @__PURE__ */ new Date();
   return `${String(n.getHours()).padStart(2, "0")}:${String(n.getMinutes()).padStart(2, "0")}`;
 }
-function Ue(n, e, a) {
-  const t = b(n), s = b(e), i = b(a), l = Math.min(s, i), r = Math.max(s, i);
-  return t >= l && t <= r;
+function Qe(n, e, a) {
+  const t = _(n), s = _(e), i = _(a);
+  return i >= s ? t >= s && t <= i : t >= s || t <= i;
 }
-function ut(n) {
+function vt(n) {
   const {
     slots: e = [],
     mode: a = "single",
@@ -1693,33 +1800,33 @@ function ut(n) {
     durationLabels: c = !1
   } = n, d = document.createElement("div");
   d.classList.add("cal-time-grid"), c && d.classList.add("cal-time-grid--duration"), d.setAttribute("role", "listbox"), a === "multi" && d.setAttribute("aria-multiselectable", "true");
-  for (const g of e) {
+  for (const p of e) {
     const u = document.createElement("button");
-    u.classList.add("cal-time-slot"), u.setAttribute("role", "option"), u.dataset.time = g.time;
-    const p = le(g.time), _ = g.displayText ? g.displayText : p ? he(p.hours, p.minutes, t) : g.time, m = document.createElement("span");
-    if (m.classList.add("cal-time-slot__time"), m.textContent = _, u.appendChild(m), g.label) {
-      const k = document.createElement("span");
-      k.classList.add("cal-time-slot__label"), k.textContent = g.label, u.appendChild(k);
+    u.classList.add("cal-time-slot"), u.setAttribute("role", "option"), u.dataset.time = p.time;
+    const g = le(p.time), f = p.displayText ? p.displayText : g ? he(g.hours, g.minutes, t) : p.time, m = document.createElement("span");
+    if (m.classList.add("cal-time-slot__time"), m.textContent = f, u.appendChild(m), p.label) {
+      const w = document.createElement("span");
+      w.classList.add("cal-time-slot__label"), w.textContent = p.label, u.appendChild(w);
     }
-    const v = g.available === !1 || r.includes(g.time);
-    if (v && (u.classList.add("cal-time-slot--unavailable"), u.disabled = !0, u.setAttribute("aria-disabled", "true")), zt(g.time, s, a) ? (u.classList.add("cal-time-slot--selected"), u.setAttribute("aria-selected", "true")) : u.setAttribute("aria-selected", "false"), a === "range" && l && !Yt(s) && i) {
-      const k = Ue(g.time, l, i), S = g.time === l, B = g.time === i;
-      k && !S && !B && u.classList.add("cal-time-slot--in-range"), S && u.classList.add("cal-time-slot--range-start"), B && u.classList.add("cal-time-slot--range-end");
+    const b = p.available === !1 || r.includes(p.time);
+    if (b && (u.classList.add("cal-time-slot--unavailable"), u.disabled = !0, u.setAttribute("aria-disabled", "true")), Ht(p.time, s, a) ? (u.classList.add("cal-time-slot--selected"), u.setAttribute("aria-selected", "true")) : u.setAttribute("aria-selected", "false"), a === "range" && l && !Bt(s) && i) {
+      const w = Qe(p.time, l, i), A = p.time === l, I = p.time === i;
+      w && !A && !I && u.classList.add("cal-time-slot--in-range"), A && u.classList.add("cal-time-slot--range-start"), I && u.classList.add("cal-time-slot--range-end");
     } else if (a === "range" && s && typeof s == "object" && s.start && s.end) {
-      const k = Ue(g.time, s.start, s.end), S = g.time === s.start, B = g.time === s.end;
-      S && u.classList.add("cal-time-slot--range-start", "cal-time-slot--selected"), B && u.classList.add("cal-time-slot--range-end", "cal-time-slot--selected"), k && !S && !B && u.classList.add("cal-time-slot--in-range");
+      const w = Qe(p.time, s.start, s.end), A = p.time === s.start, I = p.time === s.end;
+      A && u.classList.add("cal-time-slot--range-start", "cal-time-slot--selected"), I && u.classList.add("cal-time-slot--range-end", "cal-time-slot--selected"), w && !A && !I && u.classList.add("cal-time-slot--in-range");
     }
-    v || (u.addEventListener("click", () => o == null ? void 0 : o(g.time)), u.addEventListener("mouseenter", () => h == null ? void 0 : h(g.time))), d.appendChild(u);
+    b || (u.addEventListener("click", () => o == null ? void 0 : o(p.time)), u.addEventListener("mouseenter", () => h == null ? void 0 : h(p.time))), d.appendChild(u);
   }
   return d.addEventListener("mouseleave", () => h == null ? void 0 : h(null)), d;
 }
-function zt(n, e, a) {
+function Ht(n, e, a) {
   return e ? a === "single" ? e === n : a === "multi" ? Array.isArray(e) && e.includes(n) : a === "range" && typeof e == "object" && e.start && e.end ? e.start === n || e.end === n : !1 : !1;
 }
-function Yt(n) {
+function Bt(n) {
   return n && typeof n == "object" && n.start && n.end;
 }
-const pt = `
+const _t = `
   .cal-time-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
@@ -1801,7 +1908,7 @@ const pt = `
   .cal-time-grid--duration .cal-time-slot {
     font-size: 12px;
   }
-`, It = '<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>', Pt = `
+`, Ot = '<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>', Ft = `
   .cal-picker {
     background: hsl(var(--cal-bg));
     border-radius: var(--cal-radius);
@@ -1836,9 +1943,9 @@ const pt = `
     margin-bottom: 8px;
   }
 `;
-class Ht extends Se {
+class Rt extends Me {
   static get styles() {
-    return [Me, Ae, $e, nt, pt, it, rt, Re, je, Ye, Pt];
+    return [$e, ze, Ie, dt, _t, ht, pt, We, Xe, Pe, Ft];
   }
   static get observedAttributes() {
     return [
@@ -1847,6 +1954,7 @@ class Ht extends Se {
       "min-date",
       "max-date",
       "first-day",
+      "locale",
       "placeholder",
       "dual",
       "show-labels-on-hover",
@@ -1862,7 +1970,7 @@ class Ht extends Se {
   constructor() {
     super();
     const e = /* @__PURE__ */ new Date();
-    this._store = Te({
+    this._store = Ae({
       viewYear: e.getFullYear(),
       viewMonth: e.getMonth(),
       rangeStart: null,
@@ -1882,7 +1990,7 @@ class Ht extends Se {
       statusType: null,
       statusMessage: null,
       statusDismissible: !0
-    }), this._bookings = [], this._dayData = {}, this._labelFormula = null, this._timeSlots = null, this._popover = null, this._unsubscribe = null, this._rendering = !1;
+    }), this._bookings = [], this._dayData = {}, this._labelFormula = null, this._colors = null, this._customColorMap = null, this._timeSlots = null, this._popover = null, this._unsubscribe = null, this._rendering = !1;
   }
   // -- Attribute getters --
   get display() {
@@ -1900,6 +2008,9 @@ class Ht extends Se {
   get maxDate() {
     return this.getAttribute("max-date") || null;
   }
+  get locale() {
+    return this.getAttribute("locale") || void 0;
+  }
   get showLabelsOnHover() {
     return this.hasAttribute("show-labels-on-hover");
   }
@@ -1952,6 +2063,15 @@ class Ht extends Se {
   set timeSlots(e) {
     this._timeSlots = Array.isArray(e) ? e : null, this._initialized && this.render();
   }
+  get colors() {
+    return this._colors;
+  }
+  set colors(e) {
+    if (this._colors = Array.isArray(e) ? e : null, this._customColorMap = rt(this._colors), this._customColorMap)
+      for (const [a, t] of Object.entries(this._customColorMap))
+        this.style.setProperty(`--cal-booking-${a}-bg`, t.bg), this.style.setProperty(`--cal-booking-${a}-fg`, t.fg), this.style.setProperty(`--cal-booking-${a}-hover`, t.hover);
+    this._initialized && this.render();
+  }
   get value() {
     const e = this._store.getState();
     if (!e.rangeStart || !e.rangeEnd) return null;
@@ -1972,7 +2092,7 @@ class Ht extends Se {
       });
   }
   _navigateToDate(e) {
-    const a = G(e);
+    const a = U(e);
     a && this._store.set({ viewYear: a.getFullYear(), viewMonth: a.getMonth() });
   }
   connectedCallback() {
@@ -2009,7 +2129,7 @@ class Ht extends Se {
       });
     else {
       let t = a.rangeStart, s = e;
-      if (t > s && ([t, s] = [s, t]), !at(t, s, this._bookings)) {
+      if (t > s && ([t, s] = [s, t]), !ot(t, s, this._bookings)) {
         this.emit("cal:selection-invalid", { start: t, end: s }), this._store.set({
           rangeStart: null,
           rangeEnd: null,
@@ -2070,14 +2190,14 @@ class Ht extends Se {
       const h = o === t && !!i, c = o === i && !!i;
       let d = !1;
       if (t && i) {
-        const u = t < i ? t : i, p = t < i ? i : t;
-        d = o >= u && o <= p && !h && !c;
+        const u = t < i ? t : i, g = t < i ? i : t;
+        d = o >= u && o <= g && !h && !c;
       }
-      const g = l && t && !e.rangeEnd && s && (() => {
-        const u = t < s ? t : s, p = t < s ? s : t;
-        return o >= u && o <= p;
+      const p = l && t && !e.rangeEnd && s && (() => {
+        const u = t < s ? t : s, g = t < s ? s : t;
+        return o >= u && o <= g;
       })();
-      r.classList.toggle("cal-day--range-start", h), r.classList.toggle("cal-day--range-end", c), r.classList.toggle("cal-day--in-range", d), r.classList.toggle("cal-day--invalid-range", !!g);
+      r.classList.toggle("cal-day--range-start", h), r.classList.toggle("cal-day--range-end", c), r.classList.toggle("cal-day--in-range", d), r.classList.toggle("cal-day--invalid-range", !!p);
     }
   }
   // -- Navigation --
@@ -2110,7 +2230,7 @@ class Ht extends Se {
       e.stopPropagation(), this._store.set({ pickingMonth: !1 });
       return;
     }
-    const a = this._store.getState(), t = G(a.focusedDate);
+    const a = this._store.getState(), t = U(a.focusedDate);
     if (!t) return;
     let s = null;
     switch (e.key) {
@@ -2160,14 +2280,24 @@ class Ht extends Se {
   goToMonth(e, a) {
     this._store.set({ viewYear: a, viewMonth: e });
   }
+  clear() {
+    this._store.set({
+      rangeStart: null,
+      rangeEnd: null,
+      hoverDate: null,
+      startTime: null,
+      endTime: null,
+      timeSelectPhase: null
+    }), this.emit("cal:change", { value: null });
+  }
   // -- Time slots generation --
   _getTimeSlotArray() {
-    return this._timeSlots ? this._timeSlots : this.durationLabels ? dt(this.timeStartTime, this.timeEndTime, this.timeInterval, this.timeFormat).map((a) => ({ ...a, available: !0 })) : Ee(this.timeStartTime, this.timeEndTime, this.timeInterval).map((a) => ({ time: a, available: !0 }));
+    return this._timeSlots ? this._timeSlots : this.durationLabels ? ft(this.timeStartTime, this.timeEndTime, this.timeInterval, this.timeFormat).map((a) => ({ ...a, available: !0 })) : Ee(this.timeStartTime, this.timeEndTime, this.timeInterval).map((a) => ({ time: a, available: !0 }));
   }
   // -- Render --
   _renderCalendarContent() {
     const e = this._store.getState(), a = document.createElement("div");
-    if (a.classList.add("cal-picker"), e.statusType && e.statusMessage && a.appendChild(ze({
+    if (a.classList.add("cal-picker"), e.statusType && e.statusMessage && a.appendChild(Ye({
       type: e.statusType,
       message: e.statusMessage,
       dismissible: e.statusDismissible,
@@ -2176,9 +2306,9 @@ class Ht extends Se {
       const l = document.createElement("div");
       l.classList.add("cal-months");
       const r = document.createElement("div");
-      if (r.classList.add("cal-month"), r.appendChild(ct()), l.appendChild(r), a.appendChild(l), this.timeSlotsEnabled) {
+      if (r.classList.add("cal-month"), r.appendChild(mt()), l.appendChild(r), a.appendChild(l), this.timeSlotsEnabled) {
         const o = document.createElement("div");
-        o.classList.add("cal-booking-time-section"), o.appendChild(ot({ durationLabels: this.durationLabels })), a.appendChild(o);
+        o.classList.add("cal-booking-time-section"), o.appendChild(gt({ durationLabels: this.durationLabels })), a.appendChild(o);
       }
       return a.addEventListener("keydown", (o) => this._handleKeydown(o)), a;
     }
@@ -2187,7 +2317,7 @@ class Ht extends Se {
     const s = this.hasAttribute("dual"), i = s ? 2 : 1;
     for (let l = 0; l < i; l++) {
       const { year: r, month: o } = l === 0 ? { year: e.viewYear, month: e.viewMonth } : ge(e.viewYear, e.viewMonth, 1), h = document.createElement("div");
-      if (h.classList.add("cal-month"), l === 0 && h.appendChild(Le({
+      if (h.classList.add("cal-month"), l === 0 && h.appendChild(De({
         year: r,
         month: o,
         onPrev: e.pickingMonth ? () => {
@@ -2196,26 +2326,29 @@ class Ht extends Se {
         } : () => {
           s || this._nextMonth();
         },
-        onTitleClick: () => this._toggleMonthPicker()
-      })), l === 1 && h.appendChild(Le({
+        onTitleClick: () => this._toggleMonthPicker(),
+        locale: this.locale
+      })), l === 1 && h.appendChild(De({
         year: r,
         month: o,
         onPrev: () => {
         },
-        onNext: () => this._nextMonth()
+        onNext: () => this._nextMonth(),
+        locale: this.locale
       })), e.pickingMonth && l === 0) {
-        const c = lt({
+        const c = ut({
           pickerYear: e.pickerYear,
           viewMonth: e.viewMonth,
           viewYear: e.viewYear,
-          onMonthSelect: (d, g) => this._selectMonthFromPicker(d, g),
+          onMonthSelect: (d, p) => this._selectMonthFromPicker(d, p),
           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
         });
         h.appendChild(c);
       } else {
-        const c = e.navDirection === "next" ? "cal-animate-slide-left" : e.navDirection === "prev" ? "cal-animate-slide-right" : "", d = st({
+        const c = e.navDirection === "next" ? "cal-animate-slide-left" : e.navDirection === "prev" ? "cal-animate-slide-right" : "", d = ct({
           year: r,
           month: o,
           firstDay: this.firstDay,
@@ -2226,13 +2359,15 @@ class Ht extends Se {
           maxDate: this.maxDate,
           focusedDate: e.focusedDate,
           mode: "range",
-          onSelect: (g) => this._handleSelect(g),
-          onHover: (g) => this._handleHover(g),
+          onSelect: (p) => this._handleSelect(p),
+          onHover: (p) => this._handleHover(p),
           // Booking-specific params
           bookings: this._bookings,
           dayData: this._dayData,
           labelFormula: this._labelFormula,
-          showLabelsOnHover: this.showLabelsOnHover
+          showLabelsOnHover: this.showLabelsOnHover,
+          locale: this.locale,
+          customColors: this._customColorMap
         });
         c && d.classList.add(c), h.appendChild(d);
       }
@@ -2243,7 +2378,7 @@ class Ht extends Se {
       l.classList.add("cal-booking-time-section");
       const r = document.createElement("div");
       r.classList.add("cal-booking-time-header"), r.textContent = e.timeSelectPhase === "start" ? "Select check-in time" : "Select check-out time", l.appendChild(r);
-      const o = this._getTimeSlotArray(), h = ut({
+      const o = this._getTimeSlotArray(), h = vt({
         slots: o,
         mode: "single",
         format: this.timeFormat,
@@ -2266,8 +2401,14 @@ class Ht extends Se {
     return null;
   }
   _formatShortDate(e) {
-    const a = G(e);
-    return a ? `${ne[a.getMonth()].slice(0, 3)} ${a.getDate()}, ${a.getFullYear()}` : e;
+    const a = U(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 `${Re(this.locale)[a.getMonth()]} ${a.getDate()}, ${a.getFullYear()}`;
   }
   render() {
     var t;
@@ -2282,10 +2423,10 @@ class Ht extends Se {
       const i = document.createElement("button");
       i.classList.add("cal-trigger");
       const l = document.createElement("span");
-      l.classList.add("cal-trigger__icon"), l.innerHTML = It, i.appendChild(l);
+      l.classList.add("cal-trigger__icon"), l.innerHTML = Ot, i.appendChild(l);
       const r = this._formatTriggerText(), o = document.createElement("span");
       r ? o.textContent = r : (o.textContent = this.placeholder, o.classList.add("cal-trigger--placeholder")), i.appendChild(o), s.appendChild(i);
-      const h = this._renderCalendarContent(), c = Ne({
+      const h = this._renderCalendarContent(), c = qe({
         trigger: i,
         content: h,
         onClose: () => {
@@ -2300,7 +2441,7 @@ class Ht extends Se {
     this._store.set({ navDirection: null }), this._rendering = !1;
   }
 }
-const Bt = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="6"/><path d="M8 4.5V8l2.5 1.5"/></svg>', Ot = `
+const jt = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="6"/><path d="M8 4.5V8l2.5 1.5"/></svg>', Nt = `
   .cal-timepicker {
     background: hsl(var(--cal-bg));
     border-radius: var(--cal-radius);
@@ -2321,15 +2462,15 @@ const Bt = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="
     padding: 0 4px;
   }
 `;
-class Ft extends Se {
+class qt extends Me {
   static get styles() {
-    return [Me, Ae, $e, pt, Re, je, Ye, Ot];
+    return [$e, ze, Ie, _t, We, Xe, Pe, Nt];
   }
   static get observedAttributes() {
-    return ["mode", "display", "theme", "start-time", "end-time", "interval", "format", "placeholder", "value", "duration-labels", "loading"];
+    return ["mode", "display", "theme", "start-time", "end-time", "interval", "format", "placeholder", "value", "duration-labels", "loading", "locale", "min-time"];
   }
   constructor() {
-    super(), this._store = Te({
+    super(), this._store = Ae({
       selected: null,
       // string | string[] | {start, end}
       rangeStart: null,
@@ -2372,6 +2513,12 @@ class Ft extends Se {
   set loading(e) {
     e ? this.setAttribute("loading", "") : this.removeAttribute("loading");
   }
+  get locale() {
+    return this.getAttribute("locale") || void 0;
+  }
+  get minTime() {
+    return this.getAttribute("min-time") || null;
+  }
   // -- Properties --
   get slots() {
     return this._slots;
@@ -2389,16 +2536,26 @@ class Ft extends Se {
     return this._store.getState().selected;
   }
   set value(e) {
-    this.mode === "single" && typeof e == "string" ? this._store.set({ selected: e, rangeStart: null }) : this.mode === "multi" && Array.isArray(e) ? this._store.set({ selected: [...e].sort((a, t) => b(a) - b(t)), rangeStart: null }) : this.mode === "range" && e && typeof e == "object" ? this._store.set({ selected: { start: e.start, end: e.end }, rangeStart: null }) : this._store.set({ selected: null, rangeStart: null });
+    this.mode === "single" && typeof e == "string" ? this._store.set({ selected: e, rangeStart: null }) : this.mode === "multi" && Array.isArray(e) ? this._store.set({ selected: [...e].sort((a, t) => _(a) - _(t)), rangeStart: null }) : this.mode === "range" && e && typeof e == "object" ? this._store.set({ selected: { start: e.start, end: e.end }, rangeStart: null }) : this._store.set({ selected: null, rangeStart: null });
   }
   _getEffectiveSlots() {
-    return this._slots ? this._slots : this.durationLabels ? dt(this.startTime, this.endTime, this.interval, this.format).map((t) => ({
-      ...t,
-      available: !this._unavailableTimes.includes(t.time)
-    })) : Ee(this.startTime, this.endTime, this.interval).map((a) => ({
-      time: a,
-      available: !this._unavailableTimes.includes(a)
+    let e;
+    this._slots ? e = this._slots : this.durationLabels ? e = ft(this.startTime, this.endTime, this.interval, this.format).map((s) => ({
+      ...s,
+      available: !this._unavailableTimes.includes(s.time)
+    })) : e = Ee(this.startTime, this.endTime, this.interval).map((s) => ({
+      time: s,
+      available: !this._unavailableTimes.includes(s)
     }));
+    const a = this.minTime;
+    if (a) {
+      const t = _(a);
+      e = e.map((s) => {
+        const i = typeof s == "string" ? s : s.time;
+        return _(i) < t ? typeof s == "string" ? { time: s, available: !1 } : { ...s, available: !1 } : s;
+      });
+    }
+    return e;
   }
   connectedCallback() {
     super.connectedCallback(), this._unsubscribe = this._store.subscribe((a, t) => {
@@ -2439,13 +2596,13 @@ class Ft extends Se {
       this._store.set({ selected: e }), this.emit("cal:time-change", { value: e }), this.display === "popover" && this.close();
     else if (this.mode === "multi") {
       const t = Array.isArray(a.selected) ? [...a.selected] : [], s = t.indexOf(e);
-      s >= 0 ? t.splice(s, 1) : t.push(e), t.sort((i, l) => b(i) - b(l)), this._store.set({ selected: t }), this.emit("cal:time-change", { value: t });
+      s >= 0 ? t.splice(s, 1) : t.push(e), t.sort((i, l) => _(i) - _(l)), this._store.set({ selected: t }), this.emit("cal:time-change", { value: t });
     } else if (this.mode === "range")
       if (!a.rangeStart || a.selected && typeof a.selected == "object" && a.selected.start && a.selected.end)
         this._store.set({ rangeStart: e, selected: null, hoverTime: null });
       else {
         let t = a.rangeStart, s = e;
-        b(t) > b(s) && ([t, s] = [s, t]);
+        _(t) > _(s) && ([t, s] = [s, t]);
         const i = { start: t, end: s };
         this._store.set({ selected: i, rangeStart: null, hoverTime: null }), this.emit("cal:time-change", { value: i }), this.display === "popover" && this.close();
       }
@@ -2460,8 +2617,8 @@ class Ft extends Se {
       const o = r.dataset.time;
       if (!(!o || r.disabled))
         if (t && !l && s) {
-          const h = b(t) < b(s) ? t : s, c = b(t) < b(s) ? s : t, d = b(o), g = d > b(h) && d < b(c), u = o === t, p = o === s;
-          r.classList.toggle("cal-time-slot--range-start", u), r.classList.toggle("cal-time-slot--range-end", p), r.classList.toggle("cal-time-slot--in-range", g);
+          const h = _(t) < _(s) ? t : s, c = _(t) < _(s) ? s : t, d = _(o), p = d > _(h) && d < _(c), u = o === t, g = o === s;
+          r.classList.toggle("cal-time-slot--range-start", u), r.classList.toggle("cal-time-slot--range-end", g), r.classList.toggle("cal-time-slot--in-range", p);
         } else t || r.classList.remove("cal-time-slot--range-start", "cal-time-slot--range-end", "cal-time-slot--in-range");
     }
   }
@@ -2472,10 +2629,17 @@ class Ft extends Se {
   close() {
     this._popover && (this._popover.close(), this._store.set({ isOpen: !1 }), this.emit("cal:close"));
   }
+  clear() {
+    this._store.set({
+      selected: null,
+      rangeStart: null,
+      hoverTime: null
+    }), this.emit("cal:time-change", { value: null });
+  }
   // -- Render --
   _renderTimepickerContent() {
     const e = this._store.getState(), a = document.createElement("div");
-    a.classList.add("cal-timepicker"), e.statusType && e.statusMessage && a.appendChild(ze({
+    a.classList.add("cal-timepicker"), e.statusType && e.statusMessage && a.appendChild(Ye({
       type: e.statusType,
       message: e.statusMessage,
       dismissible: e.statusDismissible,
@@ -2483,9 +2647,9 @@ class Ft extends Se {
     }));
     const t = document.createElement("div");
     if (t.classList.add("cal-timepicker__header"), t.textContent = "Select Time", a.appendChild(t), this.loading)
-      a.appendChild(ot({ durationLabels: this.durationLabels }));
+      a.appendChild(gt({ durationLabels: this.durationLabels }));
     else {
-      const s = this._getEffectiveSlots(), i = ut({
+      const s = this._getEffectiveSlots(), i = vt({
         slots: s,
         mode: this.mode,
         format: this.format,
@@ -2518,10 +2682,10 @@ class Ft extends Se {
       const i = document.createElement("button");
       i.classList.add("cal-trigger");
       const l = document.createElement("span");
-      l.classList.add("cal-trigger__icon"), l.innerHTML = Bt, i.appendChild(l);
+      l.classList.add("cal-trigger__icon"), l.innerHTML = jt, i.appendChild(l);
       const r = this._formatTriggerText(), o = document.createElement("span");
       r ? o.textContent = r : (o.textContent = this.placeholder, o.classList.add("cal-trigger--placeholder")), i.appendChild(o), s.appendChild(i);
-      const h = this._renderTimepickerContent(), c = Ne({
+      const h = this._renderTimepickerContent(), c = qe({
         trigger: i,
         content: h,
         onClose: () => {
@@ -2536,42 +2700,43 @@ class Ft extends Se {
     this._rendering = !1;
   }
 }
-function Nt(n, e = 0) {
-  const a = G(n);
+function Wt(n, e = 0) {
+  const a = U(n);
   if (!a) return n;
   const s = (a.getDay() - e + 7) % 7;
   return a.setDate(a.getDate() - s), Z(a);
 }
-function Be(n, e = 0) {
-  const a = Nt(n, e), t = [];
+function Fe(n, e = 0) {
+  const a = Wt(n, e), t = [];
   for (let s = 0; s < 7; s++)
     t.push(ye(a, s));
   return t;
 }
-function Rt(n, e, a) {
-  const t = G(e);
-  if (!t) return "";
+function Xt(n, e, a, t) {
+  const s = U(e);
+  if (!s) return "";
+  const i = st(t);
   if (n === "day")
-    return `${ne[t.getMonth()]} ${t.getDate()}, ${t.getFullYear()}`;
+    return `${i[s.getMonth()]} ${s.getDate()}, ${s.getFullYear()}`;
   if (n === "week" && a && a.length === 7) {
-    const s = G(a[0]), i = G(a[6]);
-    return !s || !i ? "" : s.getMonth() === i.getMonth() ? `${ne[s.getMonth()]} ${s.getDate()}–${i.getDate()}, ${s.getFullYear()}` : s.getFullYear() === i.getFullYear() ? `${ne[s.getMonth()].slice(0, 3)} ${s.getDate()} – ${ne[i.getMonth()].slice(0, 3)} ${i.getDate()}, ${s.getFullYear()}` : `${ne[s.getMonth()].slice(0, 3)} ${s.getDate()}, ${s.getFullYear()} – ${ne[i.getMonth()].slice(0, 3)} ${i.getDate()}, ${i.getFullYear()}`;
+    const l = U(a[0]), r = U(a[6]);
+    return !l || !r ? "" : l.getMonth() === r.getMonth() ? `${i[l.getMonth()]} ${l.getDate()}–${r.getDate()}, ${l.getFullYear()}` : l.getFullYear() === r.getFullYear() ? `${i[l.getMonth()].slice(0, 3)} ${l.getDate()} – ${i[r.getMonth()].slice(0, 3)} ${r.getDate()}, ${l.getFullYear()}` : `${i[l.getMonth()].slice(0, 3)} ${l.getDate()}, ${l.getFullYear()} – ${i[r.getMonth()].slice(0, 3)} ${r.getDate()}, ${r.getFullYear()}`;
   }
-  return n === "month" ? `${ne[t.getMonth()]} ${t.getFullYear()}` : "";
+  return n === "month" ? `${i[s.getMonth()]} ${s.getFullYear()}` : "";
 }
 function ke(n, e) {
   return n.filter((a) => a.start ? a.end && a.end !== a.start ? e >= a.start && e <= a.end : a.start === e : !1);
 }
-function Ce(n) {
+function Te(n) {
   if (!n.length) return n;
   const e = [...n].sort((t, s) => {
-    const i = b(t.startTime || "00:00"), l = b(s.startTime || "00:00");
+    const i = _(t.startTime || "00:00"), l = _(s.startTime || "00:00");
     if (i !== l) return i - l;
-    const r = b(t.endTime || "23:59");
-    return b(s.endTime || "23:59") - l - (r - i);
+    const r = _(t.endTime || "23:59");
+    return _(s.endTime || "23:59") - l - (r - i);
   }), a = [];
   for (const t of e) {
-    const s = b(t.startTime || "00:00"), i = b(t.endTime || "23:59");
+    const s = _(t.startTime || "00:00"), i = _(t.endTime || "23:59");
     let l = !1;
     for (let r = 0; r < a.length; r++)
       if (s >= a[r]) {
@@ -2581,10 +2746,10 @@ function Ce(n) {
     l || (t._col = a.length, a.push(i));
   }
   for (const t of e) {
-    const s = b(t.startTime || "00:00"), i = b(t.endTime || "23:59");
+    const s = _(t.startTime || "00:00"), i = _(t.endTime || "23:59");
     let l = t._col;
     for (const r of e) {
-      const o = b(r.startTime || "00:00"), h = b(r.endTime || "23:59");
+      const o = _(r.startTime || "00:00"), h = _(r.endTime || "23:59");
       o < i && h > s && (l = Math.max(l, r._col));
     }
     t._totalCols = l + 1;
@@ -2592,76 +2757,93 @@ function Ce(n) {
   return e;
 }
 function pe(n, e, a, t) {
-  return (b(n) - b(e)) / t * a;
+  return (_(n) - _(e)) / t * a;
 }
-function Ve(n, e, a, t) {
-  const s = n / a * t, i = b(e) + s;
+function et(n, e, a, t) {
+  const s = n / a * t, i = _(e) + s;
   return ie(Math.round(i));
 }
-function Je(n, e) {
-  const a = b(n), t = Math.round(a / e) * e;
+function tt(n, e) {
+  const a = _(n), t = Math.round(a / e) * e;
   return ie(t);
 }
-function jt(n, e, a) {
+function Gt(n, e, a) {
   return ke(n, a).filter(
     (t) => t.resourceId === e
   );
 }
-function gt(n, e, a, t, s) {
-  const i = jt(n, e, a), l = b(t), r = b(s);
+function yt(n, e, a, t, s) {
+  const i = Gt(n, e, a), l = _(t), r = _(s);
   for (const o of i) {
     if (!o.startTime || !o.endTime) continue;
-    const h = b(o.startTime), c = b(o.endTime);
+    const h = _(o.startTime), c = _(o.endTime);
     if (l < c && r > h)
       return !1;
   }
   return !0;
 }
-function qt(n, e, a, t, s = "08:00", i = "18:00") {
+function Kt(n, e, a, t, s = "08:00", i = "18:00") {
   const { duration: l, resourceId: r, minCapacity: o } = n, h = n.date || me(), c = 14;
   let d = e;
-  r && (d = e.filter((p) => p.id === r)), o && (d = d.filter(
-    (p) => p.capacity && p.capacity >= o
+  r && (d = e.filter((g) => g.id === r)), o && (d = d.filter(
+    (g) => g.capacity && g.capacity >= o
   ));
-  const g = b(s), u = b(i);
-  for (let p = 0; p < c; p++) {
-    const _ = ye(h, p);
+  const p = _(s), u = _(i);
+  for (let g = 0; g < c; g++) {
+    const f = ye(h, g);
     for (const m of d)
-      for (let v = g; v + l <= u; v += t) {
-        const C = ie(v), k = ie(v + l);
-        if (gt(a, m.id, _, C, k))
+      for (let b = p; b + l <= u; b += t) {
+        const y = ie(b), w = ie(b + l);
+        if (yt(a, m.id, f, y, w))
           return {
             resourceId: m.id,
-            date: _,
-            startTime: C,
-            endTime: k
+            date: f,
+            startTime: y,
+            endTime: w
           };
       }
   }
   return null;
 }
-function Wt({ title: n, view: e, onPrev: a, onNext: t, onToday: s, onViewChange: i }) {
-  const l = document.createElement("div");
-  l.classList.add("cal-sched-nav");
+function Ut({ title: n, view: e, onPrev: a, onNext: t, onToday: s, onViewChange: i, locale: l }) {
   const r = document.createElement("div");
-  r.classList.add("cal-sched-nav__left");
-  const o = document.createElement("button");
-  o.classList.add("cal-sched-nav__btn"), o.innerHTML = Oe, o.setAttribute("aria-label", "Previous"), o.addEventListener("click", a);
+  r.classList.add("cal-sched-nav");
+  const o = document.createElement("div");
+  o.classList.add("cal-sched-nav__left");
   const h = document.createElement("button");
-  h.classList.add("cal-sched-nav__btn"), h.innerHTML = Fe, h.setAttribute("aria-label", "Next"), h.addEventListener("click", t);
+  h.classList.add("cal-sched-nav__btn"), h.innerHTML = je, h.setAttribute("aria-label", "Previous"), h.addEventListener("click", a);
   const c = document.createElement("button");
-  c.classList.add("cal-sched-nav__today"), c.textContent = "Today", c.addEventListener("click", s);
-  const d = document.createElement("span");
-  d.classList.add("cal-sched-nav__title"), d.setAttribute("aria-live", "polite"), d.textContent = n, r.appendChild(o), r.appendChild(h), r.appendChild(c), r.appendChild(d);
+  c.classList.add("cal-sched-nav__btn"), c.innerHTML = Ne, c.setAttribute("aria-label", "Next"), c.addEventListener("click", t);
+  let d = "Today";
+  if (l)
+    try {
+      const y = new Intl.RelativeTimeFormat(l, { numeric: "auto" }).formatToParts(0, "day").map((w) => w.value).join("");
+      d = y.charAt(0).toUpperCase() + y.slice(1);
+    } catch {
+    }
+  const p = document.createElement("button");
+  p.classList.add("cal-sched-nav__today"), p.textContent = d, p.addEventListener("click", s);
+  const u = document.createElement("span");
+  u.classList.add("cal-sched-nav__title"), u.setAttribute("aria-live", "polite"), u.textContent = n, o.appendChild(h), o.appendChild(c), o.appendChild(p), o.appendChild(u);
   const g = document.createElement("div");
   g.classList.add("cal-sched-nav__tabs");
-  for (const u of ["day", "week", "month"]) {
-    const p = document.createElement("button");
-    p.classList.add("cal-sched-nav__tab"), u === e && p.classList.add("cal-sched-nav__tab--active"), p.textContent = u.charAt(0).toUpperCase() + u.slice(1), p.addEventListener("click", () => i(u)), g.appendChild(p);
+  const f = { day: "Day", week: "Week", month: "Month" };
+  if (l)
+    try {
+      const m = new Intl.DisplayNames(l, { type: "dateTimeField" });
+      for (const b of ["day", "week", "month"]) {
+        const y = m.of(b);
+        y && (f[b] = y.charAt(0).toUpperCase() + y.slice(1));
+      }
+    } catch {
+    }
+  for (const m of ["day", "week", "month"]) {
+    const b = document.createElement("button");
+    b.classList.add("cal-sched-nav__tab"), m === e && b.classList.add("cal-sched-nav__tab--active"), b.textContent = f[m], b.addEventListener("click", () => i(m)), g.appendChild(b);
   }
-  return l.appendChild(r), l.appendChild(g), l;
+  return r.appendChild(o), r.appendChild(g), r;
 }
-const Xt = `
+const Jt = `
   .cal-sched-nav {
     display: flex;
     align-items: center;
@@ -2750,7 +2932,7 @@ const Xt = `
     color: hsl(var(--cal-accent-fg));
   }
 `;
-function mt({ startTime: n, endTime: e, interval: a, slotHeight: t, format: s }) {
+function xt({ startTime: n, endTime: e, interval: a, slotHeight: t, format: s }) {
   const i = document.createElement("div");
   i.classList.add("cal-sched-time-axis");
   const l = Ee(n, e, a);
@@ -2766,7 +2948,7 @@ function mt({ startTime: n, endTime: e, interval: a, slotHeight: t, format: s })
   }
   return i;
 }
-const Gt = `
+const Vt = `
   .cal-sched-time-axis {
     display: flex;
     flex-direction: column;
@@ -2792,7 +2974,7 @@ const Gt = `
     user-select: none;
   }
 `;
-function Kt({ resource: n, width: e }) {
+function Zt({ resource: n, width: e }) {
   const a = document.createElement("div");
   a.classList.add("cal-sched-resource-header"), e && (a.style.width = `${e}px`), a.style.flex = e ? `0 0 ${e}px` : "1 1 0";
   const t = document.createElement("span");
@@ -2806,14 +2988,14 @@ function Kt({ resource: n, width: e }) {
   }
   return a;
 }
-function Ut({ resources: n }) {
+function Qt({ resources: n }) {
   const e = document.createElement("div");
   e.classList.add("cal-sched-resource-header-row");
   for (const a of n)
-    e.appendChild(Kt({ resource: a }));
+    e.appendChild(Zt({ resource: a }));
   return e;
 }
-const Vt = `
+const ea = `
   .cal-sched-resource-header-row {
     display: flex;
     border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
@@ -2858,29 +3040,29 @@ const Vt = `
     flex-shrink: 0;
   }
 `;
-function De({ event: n, gridStartTime: e, slotHeight: a, interval: t, format: s, onClick: i, eventContent: l, showTime: r = !0, resource: o, draggable: h }) {
+function Se({ event: n, gridStartTime: e, slotHeight: a, interval: t, format: s, onClick: i, eventContent: l, showTime: r = !0, resource: o, draggable: h }) {
   const c = document.createElement("div");
   c.classList.add("cal-sched-event"), c.setAttribute("role", "button"), c.setAttribute("tabindex", "0"), c.dataset.eventId = n.id;
   const d = !!n.locked;
   h && !d && (c.dataset.draggable = "true"), d && c.classList.add("cal-sched-event--locked");
-  const g = n.color || "blue";
-  if (c.style.setProperty("--ev-bg", `var(--cal-booking-${g}-bg)`), c.style.setProperty("--ev-fg", `var(--cal-booking-${g}-fg)`), n.startTime && n.endTime) {
-    const u = pe(n.startTime, e, a, t), p = pe(n.endTime, e, a, t), _ = Math.max(p - u, a * 0.5);
-    if (c.style.top = `${u}px`, c.style.height = `${_}px`, n._totalCols > 1) {
+  const p = n.color || "blue";
+  if (c.style.setProperty("--ev-bg", `var(--cal-booking-${p}-bg)`), c.style.setProperty("--ev-fg", `var(--cal-booking-${p}-fg)`), n.startTime && n.endTime) {
+    const u = pe(n.startTime, e, a, t), g = pe(n.endTime, e, a, t), f = Math.max(g - u, a * 0.5);
+    if (c.style.top = `${u}px`, c.style.height = `${f}px`, n._totalCols > 1) {
       const m = 100 / n._totalCols;
       c.style.left = `${n._col * m}%`, c.style.width = `${m}%`;
     }
   }
   if (typeof l == "function") {
-    const u = l(n, o), p = document.createElement("div");
-    p.classList.add("cal-sched-event__custom"), u instanceof HTMLElement ? p.appendChild(u) : u != null && (p.textContent = String(u)), c.appendChild(p);
+    const u = l(n, o), g = document.createElement("div");
+    g.classList.add("cal-sched-event__custom"), u instanceof HTMLElement ? g.appendChild(u) : u != null && (g.textContent = String(u)), c.appendChild(g);
   } else {
     const u = document.createElement("div");
     if (u.classList.add("cal-sched-event__title"), u.textContent = n.title || "", c.appendChild(u), r && n.startTime && n.endTime) {
-      const p = document.createElement("div");
-      p.classList.add("cal-sched-event__time");
-      const _ = le(n.startTime), m = le(n.endTime);
-      _ && m && (p.textContent = `${he(_.hours, _.minutes, s)}–${he(m.hours, m.minutes, s)}`), c.appendChild(p);
+      const g = document.createElement("div");
+      g.classList.add("cal-sched-event__time");
+      const f = le(n.startTime), m = le(n.endTime);
+      f && m && (g.textContent = `${he(f.hours, f.minutes, s)}–${he(m.hours, m.minutes, s)}`), c.appendChild(g);
     }
   }
   if (h && !d) {
@@ -2897,7 +3079,7 @@ function De({ event: n, gridStartTime: e, slotHeight: a, interval: t, format: s,
     (u.key === "Enter" || u.key === " ") && (u.preventDefault(), u.stopPropagation(), i(n));
   })), c;
 }
-function ft({ event: n, onClick: e, eventContent: a, resource: t }) {
+function kt({ event: n, onClick: e, eventContent: a, resource: t }) {
   const s = document.createElement("div");
   s.classList.add("cal-sched-allday-chip"), s.dataset.eventId = n.id;
   const i = n.color || "blue";
@@ -2910,7 +3092,7 @@ function ft({ event: n, onClick: e, eventContent: a, resource: t }) {
     l.stopPropagation(), e(n);
   }), s;
 }
-function Jt({ event: n, format: e, onClick: a, eventContent: t, resource: s }) {
+function ta({ event: n, format: e, onClick: a, eventContent: t, resource: s }) {
   const i = document.createElement("div");
   i.classList.add("cal-sched-month-chip"), i.dataset.eventId = n.id;
   const l = n.color || "blue";
@@ -2932,7 +3114,7 @@ function Jt({ event: n, format: e, onClick: a, eventContent: t, resource: s }) {
     r.stopPropagation(), a(n);
   }), i;
 }
-const Zt = `
+const aa = `
   .cal-sched-event {
     position: absolute;
     left: 2px;
@@ -3070,7 +3252,7 @@ function we({ date: n, startTime: e, endTime: a, resourceName: t, format: s, onC
     h.stopPropagation(), i == null || i();
   }), l.appendChild(o), l.addEventListener("click", (h) => h.stopPropagation()), l;
 }
-const Qt = `
+const sa = `
   .cal-sched-slot-prompt {
     position: absolute;
     z-index: 10;
@@ -3135,7 +3317,7 @@ const Qt = `
     box-shadow: inset 0 0 0 1.5px hsl(var(--cal-accent));
   }
 `;
-function ea({
+function na({
   date: n,
   resources: e,
   events: a,
@@ -3148,129 +3330,129 @@ function ea({
   resourceMode: h,
   selectedSlot: c,
   eventContent: d,
-  showTime: g = !0,
+  showTime: p = !0,
   draggable: u,
-  onSlotClick: p,
-  onEventClick: _,
+  onSlotClick: g,
+  onEventClick: f,
   onSlotCreate: m
 }) {
-  const v = document.createElement("div");
-  v.classList.add("cal-sched-day"), o === "horizontal" && v.classList.add("cal-sched-day--horizontal");
-  const C = h === "tabs", k = e.length > 1 && !C, S = ke(a, n), B = S.filter((x) => !x.startTime || !x.endTime), V = S.filter((x) => x.startTime && x.endTime), O = Ee(t, s, i);
-  if (B.length > 0) {
-    const x = document.createElement("div");
-    x.classList.add("cal-sched-day__allday");
-    const f = document.createElement("div");
-    f.classList.add("cal-sched-day__allday-label"), f.textContent = "All day", x.appendChild(f);
-    const F = document.createElement("div");
-    F.classList.add("cal-sched-day__allday-chips");
-    for (const R of B) {
-      const L = e.find((y) => y.id === R.resourceId);
-      F.appendChild(ft({
-        event: R,
-        onClick: (y) => _ == null ? void 0 : _(y, R.resourceId, L),
+  const b = document.createElement("div");
+  b.classList.add("cal-sched-day"), o === "horizontal" && b.classList.add("cal-sched-day--horizontal");
+  const y = h === "tabs", w = e.length > 1 && !y, A = ke(a, n), I = A.filter((k) => !k.startTime || !k.endTime), q = A.filter((k) => k.startTime && k.endTime), B = Ee(t, s, i);
+  if (I.length > 0) {
+    const k = document.createElement("div");
+    k.classList.add("cal-sched-day__allday");
+    const L = document.createElement("div");
+    L.classList.add("cal-sched-day__allday-label"), L.textContent = "All day", k.appendChild(L);
+    const W = document.createElement("div");
+    W.classList.add("cal-sched-day__allday-chips");
+    for (const v of I) {
+      const C = e.find((x) => x.id === v.resourceId);
+      W.appendChild(kt({
+        event: v,
+        onClick: (x) => f == null ? void 0 : f(x, v.resourceId, C),
         eventContent: d,
-        resource: L
+        resource: C
       }));
     }
-    x.appendChild(F), v.appendChild(x);
-  }
-  if (k) {
-    const x = document.createElement("div");
-    x.classList.add("cal-sched-day__header");
-    const f = document.createElement("div");
-    f.classList.add("cal-sched-day__header-spacer"), x.appendChild(f), x.appendChild(Ut({ resources: e })), v.appendChild(x);
-  }
-  const N = document.createElement("div");
-  N.classList.add("cal-sched-day__grid-area"), N.appendChild(mt({ startTime: t, endTime: s, interval: i, slotHeight: l, format: r }));
-  const I = document.createElement("div");
-  if (I.classList.add("cal-sched-day__lanes"), k)
-    for (const x of e) {
-      const f = document.createElement("div");
-      f.classList.add("cal-sched-day__lane"), f.style.flex = "1 1 0", f.dataset.resourceId = x.id, f.dataset.date = n;
-      for (let L = 0; L < O.length; L++) {
-        const y = document.createElement("div");
-        y.classList.add("cal-sched-day__slot"), y.style.height = `${l}px`, y.dataset.time = O[L], y.dataset.resourceId = x.id;
-        const H = L < O.length - 1 ? O[L + 1] : s;
-        c && c.date === n && c.startTime === O[L] && c.resourceId === x.id && (y.classList.add("cal-sched-day__slot--selected"), y.appendChild(we({
+    k.appendChild(W), b.appendChild(k);
+  }
+  if (w) {
+    const k = document.createElement("div");
+    k.classList.add("cal-sched-day__header");
+    const L = document.createElement("div");
+    L.classList.add("cal-sched-day__header-spacer"), k.appendChild(L), k.appendChild(Qt({ resources: e })), b.appendChild(k);
+  }
+  const j = document.createElement("div");
+  j.classList.add("cal-sched-day__grid-area"), j.appendChild(xt({ startTime: t, endTime: s, interval: i, slotHeight: l, format: r }));
+  const H = document.createElement("div");
+  if (H.classList.add("cal-sched-day__lanes"), w)
+    for (const k of e) {
+      const L = document.createElement("div");
+      L.classList.add("cal-sched-day__lane"), L.style.flex = "1 1 0", L.dataset.resourceId = k.id, L.dataset.date = n;
+      for (let C = 0; C < B.length; C++) {
+        const x = document.createElement("div");
+        x.classList.add("cal-sched-day__slot"), x.style.height = `${l}px`, x.dataset.time = B[C], x.dataset.resourceId = k.id;
+        const T = C < B.length - 1 ? B[C + 1] : s;
+        c && c.date === n && c.startTime === B[C] && c.resourceId === k.id && (x.classList.add("cal-sched-day__slot--selected"), x.appendChild(we({
           date: n,
-          startTime: O[L],
-          endTime: H,
-          resourceName: x.name,
+          startTime: B[C],
+          endTime: T,
+          resourceName: k.name,
           format: r,
-          onCreate: () => m == null ? void 0 : m(n, O[L], H, x.id, x)
-        }))), y.addEventListener("click", () => {
-          p == null || p(n, O[L], H, x.id, x);
-        }), f.appendChild(y);
+          onCreate: () => m == null ? void 0 : m(n, B[C], T, k.id, k)
+        }))), x.addEventListener("click", () => {
+          g == null || g(n, B[C], T, k.id, k);
+        }), L.appendChild(x);
       }
-      const F = V.filter((L) => L.resourceId === x.id), R = Ce(F);
-      for (const L of R)
-        f.appendChild(De({
-          event: L,
+      const W = q.filter((C) => C.resourceId === k.id), v = Te(W);
+      for (const C of v)
+        L.appendChild(Se({
+          event: C,
           gridStartTime: t,
           slotHeight: l,
           interval: i,
           format: r,
-          onClick: (y) => _ == null ? void 0 : _(y, x.id, x),
+          onClick: (x) => f == null ? void 0 : f(x, k.id, k),
           eventContent: d,
-          showTime: g,
-          resource: x,
+          showTime: p,
+          resource: k,
           draggable: u
         }));
-      I.appendChild(f);
+      H.appendChild(L);
     }
   else {
-    const x = document.createElement("div");
-    x.classList.add("cal-sched-day__lane"), x.style.flex = "1 1 0", x.dataset.date = n;
-    const f = e.length === 1 ? e[0] : null;
-    f && (x.dataset.resourceId = f.id);
-    for (let R = 0; R < O.length; R++) {
-      const L = document.createElement("div");
-      L.classList.add("cal-sched-day__slot"), L.style.height = `${l}px`, L.dataset.time = O[R];
-      const y = R < O.length - 1 ? O[R + 1] : s, H = (f == null ? void 0 : f.id) || null;
-      c && c.date === n && c.startTime === O[R] && (c.resourceId === H || !c.resourceId && !H) && (L.classList.add("cal-sched-day__slot--selected"), L.appendChild(we({
+    const k = document.createElement("div");
+    k.classList.add("cal-sched-day__lane"), k.style.flex = "1 1 0", k.dataset.date = n;
+    const L = e.length === 1 ? e[0] : null;
+    L && (k.dataset.resourceId = L.id);
+    for (let v = 0; v < B.length; v++) {
+      const C = document.createElement("div");
+      C.classList.add("cal-sched-day__slot"), C.style.height = `${l}px`, C.dataset.time = B[v];
+      const x = v < B.length - 1 ? B[v + 1] : s, T = (L == null ? void 0 : L.id) || null;
+      c && c.date === n && c.startTime === B[v] && (c.resourceId === T || !c.resourceId && !T) && (C.classList.add("cal-sched-day__slot--selected"), C.appendChild(we({
         date: n,
-        startTime: O[R],
-        endTime: y,
-        resourceName: (f == null ? void 0 : f.name) || null,
+        startTime: B[v],
+        endTime: x,
+        resourceName: (L == null ? void 0 : L.name) || null,
         format: r,
-        onCreate: () => m == null ? void 0 : m(n, O[R], y, H, f)
-      }))), L.addEventListener("click", () => {
-        p == null || p(n, O[R], y, H, f);
-      }), x.appendChild(L);
+        onCreate: () => m == null ? void 0 : m(n, B[v], x, T, L)
+      }))), C.addEventListener("click", () => {
+        g == null || g(n, B[v], x, T, L);
+      }), k.appendChild(C);
     }
-    const F = Ce(V);
-    for (const R of F) {
-      const L = e.find((y) => y.id === R.resourceId) || e[0];
-      x.appendChild(De({
-        event: R,
+    const W = Te(q);
+    for (const v of W) {
+      const C = e.find((x) => x.id === v.resourceId) || e[0];
+      k.appendChild(Se({
+        event: v,
         gridStartTime: t,
         slotHeight: l,
         interval: i,
         format: r,
-        onClick: (y) => _ == null ? void 0 : _(y, R.resourceId, L),
+        onClick: (x) => f == null ? void 0 : f(x, v.resourceId, C),
         eventContent: d,
-        showTime: g,
-        resource: L,
+        showTime: p,
+        resource: C,
         draggable: u
       }));
     }
-    I.appendChild(x);
-  }
-  N.appendChild(I);
-  const M = me();
-  if (de(n, M)) {
-    const x = ht(), f = b(x), F = b(t), R = b(s);
-    if (f >= F && f <= R) {
-      const L = pe(x, t, l, i), y = document.createElement("div");
-      y.classList.add("cal-sched-now-line"), y.style.top = `${L}px`;
-      const H = document.createElement("div");
-      H.classList.add("cal-sched-now-line__dot"), y.appendChild(H), I.appendChild(y);
+    H.appendChild(k);
+  }
+  j.appendChild(H);
+  const F = me();
+  if (de(n, F)) {
+    const k = bt(), L = _(k), W = _(t), v = _(s);
+    if (L >= W && L <= v) {
+      const C = pe(k, t, l, i), x = document.createElement("div");
+      x.classList.add("cal-sched-now-line"), x.style.top = `${C}px`;
+      const T = document.createElement("div");
+      T.classList.add("cal-sched-now-line__dot"), x.appendChild(T), H.appendChild(x);
     }
   }
-  return v.appendChild(N), v;
+  return b.appendChild(j), b;
 }
-const ta = `
+const ia = `
   .cal-sched-day {
     display: flex;
     flex-direction: column;
@@ -3409,8 +3591,8 @@ const ta = `
     justify-content: center;
     padding: 4px 0;
   }
-`, Pe = 3, He = 5;
-function aa({
+`, Be = 3, Oe = 5;
+function la({
   date: n,
   firstDay: e,
   resources: a,
@@ -3423,195 +3605,195 @@ function aa({
   layout: h,
   resourceMode: c,
   selectedSlot: d,
-  eventContent: g,
+  eventContent: p,
   showTime: u = !0,
-  draggable: p,
-  allDayCollapsed: _,
+  draggable: g,
+  allDayCollapsed: f,
   onToggleAllDay: m,
-  onSlotClick: v,
-  onEventClick: C,
-  onSlotCreate: k
+  onSlotClick: b,
+  onEventClick: y,
+  onSlotCreate: w
 }) {
-  const S = document.createElement("div");
-  S.classList.add("cal-sched-week"), h === "horizontal" && S.classList.add("cal-sched-week--horizontal");
-  const B = Be(n, e), V = c === "tabs", O = a.length > 1 && !V, N = Ee(s, i, l), I = me(), M = {};
-  for (const y of B) {
-    const H = ke(t, y).filter((K) => !K.startTime || !K.endTime);
-    H.length && (M[y] = H);
-  }
-  if (Object.keys(M).length > 0) {
-    const y = document.createElement("div");
-    y.classList.add("cal-sched-week__allday"), _ && y.classList.add("cal-sched-week__allday--collapsed");
-    const H = document.createElement("div");
-    H.classList.add("cal-sched-week__allday-spacer");
-    const K = document.createElement("span");
-    K.textContent = "All day", H.appendChild(K);
-    const E = document.createElement("button");
-    E.classList.add("cal-sched-week__allday-toggle"), E.setAttribute("aria-label", _ ? "Expand all-day events" : "Collapse all-day events"), E.innerHTML = _ ? '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5l3 3 3-3"/></svg>' : '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7l3-3 3 3"/></svg>', E.addEventListener("click", (Y) => {
-      Y.stopPropagation(), m == null || m();
-    }), H.appendChild(E), y.appendChild(H);
-    for (const Y of B) {
-      const W = document.createElement("div");
-      W.classList.add("cal-sched-week__allday-cell");
-      const $ = M[Y] || [];
-      if (_) {
-        if ($.length > 0) {
-          const T = document.createElement("div");
-          T.classList.add("cal-sched-week__allday-dots");
-          const z = $.slice(0, He);
-          for (const q of z) {
+  const A = document.createElement("div");
+  A.classList.add("cal-sched-week"), h === "horizontal" && A.classList.add("cal-sched-week--horizontal");
+  const I = Fe(n, e), q = c === "tabs", B = a.length > 1 && !q, j = Ee(s, i, l), H = me(), F = {};
+  for (const x of I) {
+    const T = ke(t, x).filter((X) => !X.startTime || !X.endTime);
+    T.length && (F[x] = T);
+  }
+  if (Object.keys(F).length > 0) {
+    const x = document.createElement("div");
+    x.classList.add("cal-sched-week__allday"), f && x.classList.add("cal-sched-week__allday--collapsed");
+    const T = document.createElement("div");
+    T.classList.add("cal-sched-week__allday-spacer");
+    const X = document.createElement("span");
+    X.textContent = "All day", T.appendChild(X);
+    const Y = document.createElement("button");
+    Y.classList.add("cal-sched-week__allday-toggle"), Y.setAttribute("aria-label", f ? "Expand all-day events" : "Collapse all-day events"), Y.innerHTML = f ? '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5l3 3 3-3"/></svg>' : '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7l3-3 3 3"/></svg>', Y.addEventListener("click", (R) => {
+      R.stopPropagation(), m == null || m();
+    }), T.appendChild(Y), x.appendChild(T);
+    for (const R of I) {
+      const O = document.createElement("div");
+      O.classList.add("cal-sched-week__allday-cell");
+      const S = F[R] || [];
+      if (f) {
+        if (S.length > 0) {
+          const M = document.createElement("div");
+          M.classList.add("cal-sched-week__allday-dots");
+          const z = S.slice(0, Oe);
+          for (const G of z) {
             const Q = document.createElement("span");
             Q.classList.add("cal-sched-week__allday-dot");
-            const be = q.color || "blue";
-            Q.style.background = `hsl(var(--cal-booking-${be}-fg))`, T.appendChild(Q);
+            const ne = G.color || "blue";
+            Q.style.background = `hsl(var(--cal-booking-${ne}-fg))`, M.appendChild(Q);
           }
-          if ($.length > He) {
-            const q = document.createElement("span");
-            q.classList.add("cal-sched-week__allday-overflow"), q.textContent = `+${$.length - He}`, T.appendChild(q);
+          if (S.length > Oe) {
+            const G = document.createElement("span");
+            G.classList.add("cal-sched-week__allday-overflow"), G.textContent = `+${S.length - Oe}`, M.appendChild(G);
           }
-          W.appendChild(T);
+          O.appendChild(M);
         }
       } else {
-        const T = $.slice(0, Pe);
-        for (const z of T) {
-          const q = a.find((Q) => Q.id === z.resourceId);
-          W.appendChild(ft({
+        const M = S.slice(0, Be);
+        for (const z of M) {
+          const G = a.find((Q) => Q.id === z.resourceId);
+          O.appendChild(kt({
             event: z,
-            onClick: (Q) => C == null ? void 0 : C(Q, z.resourceId, q),
-            eventContent: g,
-            resource: q
+            onClick: (Q) => y == null ? void 0 : y(Q, z.resourceId, G),
+            eventContent: p,
+            resource: G
           }));
         }
-        if ($.length > Pe) {
+        if (S.length > Be) {
           const z = document.createElement("span");
-          z.classList.add("cal-sched-week__allday-overflow"), z.textContent = `+${$.length - Pe}`, W.appendChild(z);
+          z.classList.add("cal-sched-week__allday-overflow"), z.textContent = `+${S.length - Be}`, O.appendChild(z);
         }
       }
-      y.appendChild(W);
+      x.appendChild(O);
     }
-    S.appendChild(y);
+    A.appendChild(x);
   }
-  const f = document.createElement("div");
-  f.classList.add("cal-sched-week__header");
-  const F = document.createElement("div");
-  F.classList.add("cal-sched-week__header-spacer"), f.appendChild(F);
-  for (const y of B) {
-    const H = G(y), K = document.createElement("div");
-    K.classList.add("cal-sched-week__day-header"), de(y, I) && K.classList.add("cal-sched-week__day-header--today");
-    const E = document.createElement("span");
-    E.classList.add("cal-sched-week__day-name"), E.textContent = Qe(y);
+  const L = document.createElement("div");
+  L.classList.add("cal-sched-week__header");
+  const W = document.createElement("div");
+  W.classList.add("cal-sched-week__header-spacer"), L.appendChild(W);
+  for (const x of I) {
+    const T = U(x), X = document.createElement("div");
+    X.classList.add("cal-sched-week__day-header"), de(x, H) && X.classList.add("cal-sched-week__day-header--today");
     const Y = document.createElement("span");
-    if (Y.classList.add("cal-sched-week__day-num"), de(y, I) && Y.classList.add("cal-sched-week__day-num--today"), Y.textContent = H ? H.getDate() : "", K.appendChild(E), K.appendChild(Y), O) {
-      const W = document.createElement("div");
-      W.classList.add("cal-sched-week__res-row");
-      for (const $ of a) {
-        const T = document.createElement("span");
-        T.classList.add("cal-sched-week__res-label");
+    Y.classList.add("cal-sched-week__day-name"), Y.textContent = nt(x);
+    const R = document.createElement("span");
+    if (R.classList.add("cal-sched-week__day-num"), de(x, H) && R.classList.add("cal-sched-week__day-num--today"), R.textContent = T ? T.getDate() : "", X.appendChild(Y), X.appendChild(R), B) {
+      const O = document.createElement("div");
+      O.classList.add("cal-sched-week__res-row");
+      for (const S of a) {
+        const M = document.createElement("span");
+        M.classList.add("cal-sched-week__res-label");
         const z = document.createElement("span");
-        z.classList.add("cal-sched-week__res-dot"), z.style.background = `hsl(var(--cal-booking-${$.color || "blue"}-fg))`, T.appendChild(z), T.appendChild(document.createTextNode($.name)), W.appendChild(T);
+        z.classList.add("cal-sched-week__res-dot"), z.style.background = `hsl(var(--cal-booking-${S.color || "blue"}-fg))`, M.appendChild(z), M.appendChild(document.createTextNode(S.name)), O.appendChild(M);
       }
-      K.appendChild(W);
+      X.appendChild(O);
     }
-    f.appendChild(K);
+    L.appendChild(X);
   }
-  S.appendChild(f);
-  const R = document.createElement("div");
-  R.classList.add("cal-sched-week__grid-area"), R.appendChild(mt({ startTime: s, endTime: i, interval: l, slotHeight: r, format: o }));
-  const L = document.createElement("div");
-  L.classList.add("cal-sched-week__cols");
-  for (const y of B) {
-    const H = document.createElement("div");
-    H.classList.add("cal-sched-week__day-col"), H.dataset.date = y, de(y, I) && H.classList.add("cal-sched-week__day-col--today");
-    const K = ke(t, y).filter((E) => E.startTime && E.endTime);
-    if (O)
-      for (const E of a) {
-        const Y = document.createElement("div");
-        Y.classList.add("cal-sched-week__lane"), Y.dataset.resourceId = E.id;
-        for (let T = 0; T < N.length; T++) {
+  A.appendChild(L);
+  const v = document.createElement("div");
+  v.classList.add("cal-sched-week__grid-area"), v.appendChild(xt({ startTime: s, endTime: i, interval: l, slotHeight: r, format: o }));
+  const C = document.createElement("div");
+  C.classList.add("cal-sched-week__cols");
+  for (const x of I) {
+    const T = document.createElement("div");
+    T.classList.add("cal-sched-week__day-col"), T.dataset.date = x, de(x, H) && T.classList.add("cal-sched-week__day-col--today");
+    const X = ke(t, x).filter((Y) => Y.startTime && Y.endTime);
+    if (B)
+      for (const Y of a) {
+        const R = document.createElement("div");
+        R.classList.add("cal-sched-week__lane"), R.dataset.resourceId = Y.id;
+        for (let M = 0; M < j.length; M++) {
           const z = document.createElement("div");
-          z.classList.add("cal-sched-week__slot"), z.style.height = `${r}px`, z.dataset.time = N[T];
-          const q = T < N.length - 1 ? N[T + 1] : i;
-          d && d.date === y && d.startTime === N[T] && d.resourceId === E.id && (z.classList.add("cal-sched-week__slot--selected"), z.appendChild(we({
-            date: y,
-            startTime: N[T],
-            endTime: q,
-            resourceName: E.name,
+          z.classList.add("cal-sched-week__slot"), z.style.height = `${r}px`, z.dataset.time = j[M];
+          const G = M < j.length - 1 ? j[M + 1] : i;
+          d && d.date === x && d.startTime === j[M] && d.resourceId === Y.id && (z.classList.add("cal-sched-week__slot--selected"), z.appendChild(we({
+            date: x,
+            startTime: j[M],
+            endTime: G,
+            resourceName: Y.name,
             format: o,
-            onCreate: () => k == null ? void 0 : k(y, N[T], q, E.id, E)
+            onCreate: () => w == null ? void 0 : w(x, j[M], G, Y.id, Y)
           }))), z.addEventListener("click", () => {
-            v == null || v(y, N[T], q, E.id, E);
-          }), Y.appendChild(z);
+            b == null || b(x, j[M], G, Y.id, Y);
+          }), R.appendChild(z);
         }
-        const W = K.filter((T) => T.resourceId === E.id), $ = Ce(W);
-        for (const T of $)
-          Y.appendChild(De({
-            event: T,
+        const O = X.filter((M) => M.resourceId === Y.id), S = Te(O);
+        for (const M of S)
+          R.appendChild(Se({
+            event: M,
             gridStartTime: s,
             slotHeight: r,
             interval: l,
             format: o,
-            onClick: (z) => C == null ? void 0 : C(z, E.id, E),
-            eventContent: g,
+            onClick: (z) => y == null ? void 0 : y(z, Y.id, Y),
+            eventContent: p,
             showTime: u,
-            resource: E,
-            draggable: p
+            resource: Y,
+            draggable: g
           }));
-        H.appendChild(Y);
+        T.appendChild(R);
       }
     else {
-      const E = document.createElement("div");
-      E.classList.add("cal-sched-week__lane", "cal-sched-week__lane--full");
-      const Y = a.length === 1 ? a[0] : null;
-      Y && (E.dataset.resourceId = Y.id);
-      for (let $ = 0; $ < N.length; $++) {
-        const T = document.createElement("div");
-        T.classList.add("cal-sched-week__slot"), T.style.height = `${r}px`, T.dataset.time = N[$];
-        const z = $ < N.length - 1 ? N[$ + 1] : i, q = (Y == null ? void 0 : Y.id) || null;
-        d && d.date === y && d.startTime === N[$] && (d.resourceId === q || !d.resourceId && !q) && (T.classList.add("cal-sched-week__slot--selected"), T.appendChild(we({
-          date: y,
-          startTime: N[$],
+      const Y = document.createElement("div");
+      Y.classList.add("cal-sched-week__lane", "cal-sched-week__lane--full");
+      const R = a.length === 1 ? a[0] : null;
+      R && (Y.dataset.resourceId = R.id);
+      for (let S = 0; S < j.length; S++) {
+        const M = document.createElement("div");
+        M.classList.add("cal-sched-week__slot"), M.style.height = `${r}px`, M.dataset.time = j[S];
+        const z = S < j.length - 1 ? j[S + 1] : i, G = (R == null ? void 0 : R.id) || null;
+        d && d.date === x && d.startTime === j[S] && (d.resourceId === G || !d.resourceId && !G) && (M.classList.add("cal-sched-week__slot--selected"), M.appendChild(we({
+          date: x,
+          startTime: j[S],
           endTime: z,
-          resourceName: (Y == null ? void 0 : Y.name) || null,
+          resourceName: (R == null ? void 0 : R.name) || null,
           format: o,
-          onCreate: () => k == null ? void 0 : k(y, N[$], z, q, Y)
-        }))), T.addEventListener("click", () => {
-          v == null || v(y, N[$], z, q, Y);
-        }), E.appendChild(T);
+          onCreate: () => w == null ? void 0 : w(x, j[S], z, G, R)
+        }))), M.addEventListener("click", () => {
+          b == null || b(x, j[S], z, G, R);
+        }), Y.appendChild(M);
       }
-      const W = Ce(K);
-      for (const $ of W) {
-        const T = a.find((z) => z.id === $.resourceId) || a[0];
-        E.appendChild(De({
-          event: $,
+      const O = Te(X);
+      for (const S of O) {
+        const M = a.find((z) => z.id === S.resourceId) || a[0];
+        Y.appendChild(Se({
+          event: S,
           gridStartTime: s,
           slotHeight: r,
           interval: l,
           format: o,
-          onClick: (z) => C == null ? void 0 : C(z, $.resourceId, T),
-          eventContent: g,
+          onClick: (z) => y == null ? void 0 : y(z, S.resourceId, M),
+          eventContent: p,
           showTime: u,
-          resource: T,
-          draggable: p
+          resource: M,
+          draggable: g
         }));
       }
-      H.appendChild(E);
+      T.appendChild(Y);
     }
-    L.appendChild(H);
-  }
-  if (B.includes(I)) {
-    const y = ht(), H = b(y), K = b(s), E = b(i);
-    if (H >= K && H <= E) {
-      const Y = B.indexOf(I), W = pe(y, s, r, l), $ = document.createElement("div");
-      $.classList.add("cal-sched-now-line", "cal-sched-now-line--week"), $.style.top = `${W}px`;
-      const T = 100 / 7;
-      $.style.left = `${Y * T}%`, $.style.width = `${T}%`;
+    C.appendChild(T);
+  }
+  if (I.includes(H)) {
+    const x = bt(), T = _(x), X = _(s), Y = _(i);
+    if (T >= X && T <= Y) {
+      const R = I.indexOf(H), O = pe(x, s, r, l), S = document.createElement("div");
+      S.classList.add("cal-sched-now-line", "cal-sched-now-line--week"), S.style.top = `${O}px`;
+      const M = 100 / 7;
+      S.style.left = `${R * M}%`, S.style.width = `${M}%`;
       const z = document.createElement("div");
-      z.classList.add("cal-sched-now-line__dot"), $.appendChild(z), L.appendChild($);
+      z.classList.add("cal-sched-now-line__dot"), S.appendChild(z), C.appendChild(S);
     }
   }
-  return R.appendChild(L), S.appendChild(R), S;
+  return v.appendChild(C), A.appendChild(v), A;
 }
-const sa = `
+const ra = `
   .cal-sched-week {
     display: flex;
     flex-direction: column;
@@ -3829,8 +4011,8 @@ const sa = `
     z-index: 5;
     pointer-events: none;
   }
-`, Ze = 3;
-function na({
+`, at = 3;
+function oa({
   date: n,
   firstDay: e,
   resources: a,
@@ -3845,59 +4027,59 @@ function na({
 }) {
   const d = document.createElement("div");
   d.classList.add("cal-sched-month");
-  const g = G(n);
-  if (!g) return d;
-  const u = g.getFullYear(), p = g.getMonth();
+  const p = U(n);
+  if (!p) return d;
+  const u = p.getFullYear(), g = p.getMonth();
   me();
-  const _ = document.createElement("div");
-  _.classList.add("cal-sched-month__weekdays");
-  const m = et(e);
-  for (const k of m) {
-    const S = document.createElement("div");
-    S.classList.add("cal-sched-month__weekday"), S.textContent = k, _.appendChild(S);
-  }
-  d.appendChild(_);
-  const v = document.createElement("div");
-  v.classList.add("cal-sched-month__grid");
-  const C = tt(u, p, e);
-  for (const k of C) {
-    const S = document.createElement("div");
-    S.classList.add("cal-sched-month__cell"), k.isCurrentMonth || S.classList.add("cal-sched-month__cell--outside"), k.isToday && S.classList.add("cal-sched-month__cell--today"), l && k.dateString === l && S.classList.add("cal-sched-month__cell--selected"), S.addEventListener("click", (M) => {
-      M.target.closest(".cal-sched-month-chip") || o == null || o(k.dateString);
+  const f = document.createElement("div");
+  f.classList.add("cal-sched-month__weekdays");
+  const m = it(e);
+  for (const w of m) {
+    const A = document.createElement("div");
+    A.classList.add("cal-sched-month__weekday"), A.textContent = w, f.appendChild(A);
+  }
+  d.appendChild(f);
+  const b = document.createElement("div");
+  b.classList.add("cal-sched-month__grid");
+  const y = lt(u, g, e);
+  for (const w of y) {
+    const A = document.createElement("div");
+    A.classList.add("cal-sched-month__cell"), w.isCurrentMonth || A.classList.add("cal-sched-month__cell--outside"), w.isToday && A.classList.add("cal-sched-month__cell--today"), l && w.dateString === l && A.classList.add("cal-sched-month__cell--selected"), A.addEventListener("click", (F) => {
+      F.target.closest(".cal-sched-month-chip") || o == null || o(w.dateString);
     });
+    const I = document.createElement("div");
+    I.classList.add("cal-sched-month__day-num"), w.isToday && I.classList.add("cal-sched-month__day-num--today"), I.textContent = w.day, A.appendChild(I);
+    let q = ke(t, w.dateString);
+    i && (q = q.filter((F) => F.resourceId === i)), q.sort((F, k) => F.startTime && !k.startTime ? -1 : !F.startTime && k.startTime ? 1 : F.startTime && k.startTime ? F.startTime.localeCompare(k.startTime) : 0);
     const B = document.createElement("div");
-    B.classList.add("cal-sched-month__day-num"), k.isToday && B.classList.add("cal-sched-month__day-num--today"), B.textContent = k.day, S.appendChild(B);
-    let V = ke(t, k.dateString);
-    i && (V = V.filter((M) => M.resourceId === i)), V.sort((M, x) => M.startTime && !x.startTime ? -1 : !M.startTime && x.startTime ? 1 : M.startTime && x.startTime ? M.startTime.localeCompare(x.startTime) : 0);
-    const O = document.createElement("div");
-    O.classList.add("cal-sched-month__events");
-    const N = V.slice(0, Ze), I = V.length - Ze;
-    for (const M of N) {
-      const x = a.find((f) => f.id === M.resourceId);
-      O.appendChild(Jt({
-        event: M,
+    B.classList.add("cal-sched-month__events");
+    const j = q.slice(0, at), H = q.length - at;
+    for (const F of j) {
+      const k = a.find((L) => L.id === F.resourceId);
+      B.appendChild(ta({
+        event: F,
         format: s,
-        onClick: (f) => h == null ? void 0 : h(f, M.resourceId, x),
+        onClick: (L) => h == null ? void 0 : h(L, F.resourceId, k),
         eventContent: r,
-        resource: x
+        resource: k
       }));
     }
-    if (I > 0) {
-      const M = document.createElement("div");
-      M.classList.add("cal-sched-month__more"), M.textContent = `+${I} more`, O.appendChild(M);
+    if (H > 0) {
+      const F = document.createElement("div");
+      F.classList.add("cal-sched-month__more"), F.textContent = `+${H} more`, B.appendChild(F);
     }
-    S.appendChild(O), l && k.dateString === l && (S.style.position = "relative", S.appendChild(we({
-      date: k.dateString,
+    A.appendChild(B), l && w.dateString === l && (A.style.position = "relative", A.appendChild(we({
+      date: w.dateString,
       startTime: null,
       endTime: null,
       resourceName: null,
       format: s,
-      onCreate: () => c == null ? void 0 : c(k.dateString)
-    }))), v.appendChild(S);
+      onCreate: () => c == null ? void 0 : c(w.dateString)
+    }))), b.appendChild(A);
   }
-  return d.appendChild(v), d;
+  return d.appendChild(b), d;
 }
-const ia = `
+const ca = `
   .cal-sched-month {
     border: 1px solid hsl(var(--cal-sched-grid-line));
     border-radius: var(--cal-radius);
@@ -3982,7 +4164,7 @@ const ia = `
     color: hsl(var(--cal-fg));
   }
 `;
-function la({ columns: n = 3, rows: e = 10, slotHeight: a = 48 } = {}) {
+function da({ columns: n = 3, rows: e = 10, slotHeight: a = 48 } = {}) {
   const t = document.createElement("div");
   t.setAttribute("role", "status"), t.setAttribute("aria-label", "Loading..."), t.classList.add("cal-sched-skeleton-grid");
   const s = document.createElement("div");
@@ -4004,8 +4186,8 @@ function la({ columns: n = 3, rows: e = 10, slotHeight: a = 48 } = {}) {
     for (let c = 0; c < n; c++) {
       const d = document.createElement("div");
       if (d.classList.add("cal-sched-skeleton-grid__cell"), Math.random() < 0.15) {
-        const g = document.createElement("div");
-        g.classList.add("cal-skeleton", "cal-skeleton--rect", "cal-sched-skeleton-grid__event"), g.style.height = `${a * (1 + Math.floor(Math.random() * 2))}px`, d.appendChild(g);
+        const p = document.createElement("div");
+        p.classList.add("cal-skeleton", "cal-skeleton--rect", "cal-sched-skeleton-grid__event"), p.style.height = `${a * (1 + Math.floor(Math.random() * 2))}px`, d.appendChild(p);
       }
       o.appendChild(d);
     }
@@ -4013,7 +4195,7 @@ function la({ columns: n = 3, rows: e = 10, slotHeight: a = 48 } = {}) {
   }
   return t.appendChild(l), t;
 }
-function ra() {
+function ha() {
   const n = document.createElement("div");
   n.setAttribute("role", "status"), n.setAttribute("aria-label", "Loading..."), n.classList.add("cal-sched-skeleton-month");
   const e = document.createElement("div");
@@ -4039,7 +4221,7 @@ function ra() {
   }
   return n.appendChild(a), n;
 }
-const oa = `
+const ua = `
   .cal-sched-skeleton-grid {
     border: 1px solid hsl(var(--cal-sched-grid-line));
     border-radius: var(--cal-radius);
@@ -4144,7 +4326,7 @@ const oa = `
     width: 85%;
   }
 `;
-function ca({ event: n, resource: e, format: a, onClose: t, actions: s, onAction: i }) {
+function pa({ event: n, resource: e, format: a, onClose: t, actions: s, onAction: i }) {
   const l = document.createElement("div");
   l.classList.add("cal-sched-detail-backdrop"), l.addEventListener("click", t);
   const r = document.createElement("div");
@@ -4157,69 +4339,69 @@ function ca({ event: n, resource: e, format: a, onClose: t, actions: s, onAction
   if (d.classList.add("cal-sched-detail__title"), d.textContent = n.title || "Untitled", r.appendChild(d), n.startTime && n.endTime) {
     const u = document.createElement("div");
     u.classList.add("cal-sched-detail__row");
-    const p = document.createElement("span");
-    p.classList.add("cal-sched-detail__icon"), p.innerHTML = '<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="5.5"/><path d="M7 4v3.5l2.5 1.5"/></svg>', u.appendChild(p);
-    const _ = le(n.startTime), m = le(n.endTime), v = document.createElement("span");
-    _ && m && (v.textContent = `${he(_.hours, _.minutes, a)}–${he(m.hours, m.minutes, a)}`), u.appendChild(v), r.appendChild(u);
+    const g = document.createElement("span");
+    g.classList.add("cal-sched-detail__icon"), g.innerHTML = '<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="5.5"/><path d="M7 4v3.5l2.5 1.5"/></svg>', u.appendChild(g);
+    const f = le(n.startTime), m = le(n.endTime), b = document.createElement("span");
+    f && m && (b.textContent = `${he(f.hours, f.minutes, a)}–${he(m.hours, m.minutes, a)}`), u.appendChild(b), r.appendChild(u);
   }
   if (n.start) {
     const u = document.createElement("div");
     u.classList.add("cal-sched-detail__row");
-    const p = document.createElement("span");
-    p.classList.add("cal-sched-detail__icon"), p.innerHTML = '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><rect x="1.5" y="2.5" width="11" height="9.5" rx="1.5"/><path d="M4.5 1v2.5M9.5 1v2.5M1.5 5.5h11"/></svg>', u.appendChild(p);
-    const _ = G(n.start), m = document.createElement("span");
-    if (_) {
-      let v = `${Qe(n.start, "long")}, ${ne[_.getMonth()]} ${_.getDate()}`;
+    const g = document.createElement("span");
+    g.classList.add("cal-sched-detail__icon"), g.innerHTML = '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><rect x="1.5" y="2.5" width="11" height="9.5" rx="1.5"/><path d="M4.5 1v2.5M9.5 1v2.5M1.5 5.5h11"/></svg>', u.appendChild(g);
+    const f = U(n.start), m = document.createElement("span");
+    if (f) {
+      let b = `${nt(n.start, "long")}, ${Ce[f.getMonth()]} ${f.getDate()}`;
       if (n.end && n.end !== n.start) {
-        const C = G(n.end);
-        C && (v += ` – ${ne[C.getMonth()]} ${C.getDate()}`);
+        const y = U(n.end);
+        y && (b += ` – ${Ce[y.getMonth()]} ${y.getDate()}`);
       }
-      m.textContent = v;
+      m.textContent = b;
     }
     u.appendChild(m), r.appendChild(u);
   }
   if (e && e.name) {
     const u = document.createElement("div");
     u.classList.add("cal-sched-detail__row");
-    const p = document.createElement("span");
-    p.classList.add("cal-sched-detail__res-dot"), p.style.background = `hsl(var(--cal-booking-${e.color || "blue"}-fg))`, u.appendChild(p);
-    const _ = document.createElement("span");
-    _.textContent = e.name, e.capacity && (_.textContent += ` (capacity: ${e.capacity})`), u.appendChild(_), r.appendChild(u);
+    const g = document.createElement("span");
+    g.classList.add("cal-sched-detail__res-dot"), g.style.background = `hsl(var(--cal-booking-${e.color || "blue"}-fg))`, u.appendChild(g);
+    const f = document.createElement("span");
+    f.textContent = e.name, e.capacity && (f.textContent += ` (capacity: ${e.capacity})`), u.appendChild(f), r.appendChild(u);
   }
   if (n.metadata && typeof n.metadata == "object") {
     const u = Object.entries(n.metadata);
     if (u.length > 0) {
-      const p = document.createElement("div");
-      p.classList.add("cal-sched-detail__meta");
-      for (const [_, m] of u) {
-        const v = document.createElement("div");
-        v.classList.add("cal-sched-detail__meta-row");
-        const C = document.createElement("span");
-        C.classList.add("cal-sched-detail__meta-label"), C.textContent = _;
-        const k = document.createElement("span");
-        k.textContent = String(m), v.appendChild(C), v.appendChild(k), p.appendChild(v);
+      const g = document.createElement("div");
+      g.classList.add("cal-sched-detail__meta");
+      for (const [f, m] of u) {
+        const b = document.createElement("div");
+        b.classList.add("cal-sched-detail__meta-row");
+        const y = document.createElement("span");
+        y.classList.add("cal-sched-detail__meta-label"), y.textContent = f;
+        const w = document.createElement("span");
+        w.textContent = String(m), b.appendChild(y), b.appendChild(w), g.appendChild(b);
       }
-      r.appendChild(p);
+      r.appendChild(g);
     }
   }
   if (s && s.length > 0) {
     const u = document.createElement("div");
     u.classList.add("cal-sched-detail__actions");
-    for (const p of s) {
-      const _ = document.createElement("button");
-      _.classList.add("cal-sched-detail__action"), p.type === "danger" && _.classList.add("cal-sched-detail__action--danger"), _.textContent = p.label, _.addEventListener("click", () => {
-        i == null || i(p.label);
-      }), u.appendChild(_);
+    for (const g of s) {
+      const f = document.createElement("button");
+      f.classList.add("cal-sched-detail__action"), g.type === "danger" && f.classList.add("cal-sched-detail__action--danger"), f.textContent = g.label, f.addEventListener("click", () => {
+        i == null || i(g.label);
+      }), u.appendChild(f);
     }
     r.appendChild(u);
   }
   l.appendChild(r);
-  const g = (u) => {
+  const p = (u) => {
     u.key === "Escape" && t();
   };
-  return l.addEventListener("keydown", g), requestAnimationFrame(() => o.focus()), l;
+  return l.addEventListener("keydown", p), requestAnimationFrame(() => o.focus()), l;
 }
-const da = `
+const ga = `
   .cal-sched-detail-backdrop {
     position: absolute;
     inset: 0;
@@ -4358,7 +4540,7 @@ const da = `
     background: hsl(var(--cal-status-error-bg));
   }
 `;
-function ha({ resources: n, selectedResourceId: e, onResourceFilter: a }) {
+function ma({ resources: n, selectedResourceId: e, onResourceFilter: a }) {
   const t = document.createElement("div");
   t.classList.add("cal-sched-res-tabs");
   const s = document.createElement("button");
@@ -4371,7 +4553,7 @@ function ha({ resources: n, selectedResourceId: e, onResourceFilter: a }) {
   }
   return t;
 }
-const ua = `
+const fa = `
   .cal-sched-res-tabs {
     display: flex;
     gap: 4px;
@@ -4416,13 +4598,13 @@ const ua = `
     border-radius: 50%;
   }
 `;
-function pa({ onClick: n }) {
+function ba({ onClick: n }) {
   const e = document.createElement("button");
   return e.classList.add("cal-sched-fab"), e.setAttribute("aria-label", "Create event"), e.innerHTML = '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M10 4v12M4 10h12"/></svg>', e.addEventListener("click", (a) => {
     a.stopPropagation(), n == null || n();
   }), e;
 }
-const ga = `
+const va = `
   .cal-sched-fab {
     position: absolute;
     bottom: 16px;
@@ -4454,40 +4636,40 @@ const ga = `
     outline: 2px solid hsl(var(--cal-ring));
     outline-offset: 2px;
   }
-`, ma = 4;
-function fa({ shadowRoot: n, getConfig: e, getViewInfo: a, getEvents: t, onMove: s, onResize: i, onCreate: l }) {
-  let r = !1, o = null, h = null, c = null, d = null, g = 0, u = 0, p = 0, _ = 0, m = !1, v = null, C = null, k = null, S = null, B = null, V = null, O = null, N = null, I = null, M = null, x = null, f = null, F = 0;
-  function R(w) {
-    if (!r || w.button !== 0) return;
-    const A = w.target.closest(".cal-sched-event__resize-handle"), P = w.target.closest('.cal-sched-event[data-draggable="true"]');
+`, _a = 4;
+function ya({ shadowRoot: n, getConfig: e, getViewInfo: a, getEvents: t, onMove: s, onResize: i, onCreate: l }) {
+  let r = !1, o = null, h = null, c = null, d = null, p = 0, u = 0, g = 0, f = 0, m = !1, b = null, y = null, w = null, A = null, I = null, q = null, B = null, j = null, H = null, F = null, k = null, L = null, W = 0;
+  function v(E) {
+    if (!r || E.button !== 0) return;
+    const $ = E.target.closest(".cal-sched-event__resize-handle"), P = E.target.closest('.cal-sched-event[data-draggable="true"]');
     if (P) {
-      const U = P.dataset.eventId;
-      if (h = t().find((j) => j.id === U), !h) return;
-      w.preventDefault(), w.stopPropagation(), N = P, O = w.pointerId, P.setPointerCapture(w.pointerId), p = w.clientX, _ = w.clientY, m = !1, C = h.startTime, v = h.endTime, k = h.start, S = h.resourceId, A ? (o = "resize", d = P, d.classList.add("cal-sched-event--resizing")) : (o = "move", d = P);
+      const J = P.dataset.eventId;
+      if (h = t().find((N) => N.id === J), !h) return;
+      E.preventDefault(), E.stopPropagation(), j = P, B = E.pointerId, P.setPointerCapture(E.pointerId), g = E.clientX, f = E.clientY, m = !1, y = h.startTime, b = h.endTime, w = h.start, A = h.resourceId, $ ? (o = "resize", d = P, d.classList.add("cal-sched-event--resizing")) : (o = "move", d = P);
     } else {
-      const U = w.target.closest("[data-time]");
-      if (!U || w.target.closest(".cal-sched-slot-prompt")) return;
-      const D = H(w.clientX, w.clientY);
+      const J = E.target.closest("[data-time]");
+      if (!J || E.target.closest(".cal-sched-slot-prompt")) return;
+      const D = T(E.clientX, E.clientY);
       if (!D) return;
-      w.preventDefault(), o = "create", p = w.clientX, _ = w.clientY, m = !1, M = D.date, x = D.resourceId, f = D.time;
-      const j = n.querySelectorAll("[data-time]");
-      j.length > 0 && (F = j[0].getBoundingClientRect().top), N = U, O = w.pointerId, U.setPointerCapture(w.pointerId);
+      E.preventDefault(), o = "create", g = E.clientX, f = E.clientY, m = !1, F = D.date, k = D.resourceId, L = D.time;
+      const N = n.querySelectorAll("[data-time]");
+      N.length > 0 && (W = N[0].getBoundingClientRect().top), j = J, B = E.pointerId, J.setPointerCapture(E.pointerId);
     }
-    n.addEventListener("pointermove", L), n.addEventListener("pointerup", y);
+    n.addEventListener("pointermove", C), n.addEventListener("pointerup", x);
   }
-  function L(w) {
+  function C(E) {
     if (!o) return;
-    const A = w.clientX - p, P = w.clientY - _, U = Math.sqrt(A * A + P * P);
-    if (!(!m && U < ma)) {
+    const $ = E.clientX - g, P = E.clientY - f, J = Math.sqrt($ * $ + P * P);
+    if (!(!m && J < _a)) {
       if (m = !0, o === "move") {
         if (!c && d) {
-          const j = d.getBoundingClientRect();
-          g = p - j.left, u = _ - j.top, c = d.cloneNode(!0), c.classList.add("cal-sched-event--ghost"), c.style.cssText = `
+          const N = d.getBoundingClientRect();
+          p = g - N.left, u = f - N.top, c = d.cloneNode(!0), c.classList.add("cal-sched-event--ghost"), c.style.cssText = `
           position: fixed;
-          width: ${j.width}px;
-          height: ${j.height}px;
-          left: ${j.left}px;
-          top: ${j.top}px;
+          width: ${N.width}px;
+          height: ${N.height}px;
+          left: ${N.left}px;
+          top: ${N.top}px;
           z-index: 1000;
           pointer-events: none;
           opacity: 0.85;
@@ -4502,121 +4684,121 @@ function fa({ shadowRoot: n, getConfig: e, getViewInfo: a, getEvents: t, onMove:
           overflow: hidden;
         `, c.style.setProperty("--ev-bg", d.style.getPropertyValue("--ev-bg")), c.style.setProperty("--ev-fg", d.style.getPropertyValue("--ev-fg")), n.appendChild(c), d.classList.add("cal-sched-event--dragging");
         }
-        c && (c.style.left = `${w.clientX - g}px`, c.style.top = `${w.clientY - u}px`);
-        const D = H(w.clientX, w.clientY);
-        D ? K(D) : E();
+        c && (c.style.left = `${E.clientX - p}px`, c.style.top = `${E.clientY - u}px`);
+        const D = T(E.clientX, E.clientY);
+        D ? X(D) : Y();
       } else if (o === "resize") {
-        const D = e(), j = D.snapInterval || D.interval, ae = D.slotHeight * (j / D.interval), re = w.clientY - _, J = Math.round(re / ae) * j, ve = b(v), ue = b(C);
-        let te = ve + J;
-        const se = D.minDuration || j, oe = ue + se;
+        const D = e(), N = D.snapInterval || D.interval, ae = D.slotHeight * (N / D.interval), re = E.clientY - f, V = Math.round(re / ae) * N, be = _(b), ue = _(y);
+        let te = be + V;
+        const se = D.minDuration || N, oe = ue + se;
         if (te < oe && (te = oe), D.maxDuration) {
           const fe = ue + D.maxDuration;
           te > fe && (te = fe);
         }
-        const X = b(D.endTime);
-        te > X && (te = X);
+        const K = _(D.endTime);
+        te > K && (te = K);
         const ce = ie(te);
         if (d) {
-          const fe = pe(C, D.startTime, D.slotHeight, D.interval), Ie = pe(ce, D.startTime, D.slotHeight, D.interval);
-          d.style.height = `${Math.max(Ie - fe, D.slotHeight * 0.5)}px`;
+          const fe = pe(y, D.startTime, D.slotHeight, D.interval), He = pe(ce, D.startTime, D.slotHeight, D.interval);
+          d.style.height = `${Math.max(He - fe, D.slotHeight * 0.5)}px`;
         }
-        W(w.clientX, w.clientY, ce, D.format);
+        O(E.clientX, E.clientY, ce, D.format);
       } else if (o === "create") {
-        const D = e(), j = D.snapInterval || D.interval, ae = w.clientY - F, re = Ve(Math.max(0, ae), D.startTime, D.slotHeight, D.interval), ee = Je(re, j), J = b(ee), ve = b(f), ue = b(D.endTime), te = D.minDuration || j;
-        let se = Math.max(J, ve + te);
+        const D = e(), N = D.snapInterval || D.interval, ae = E.clientY - W, re = et(Math.max(0, ae), D.startTime, D.slotHeight, D.interval), ee = tt(re, N), V = _(ee), be = _(L), ue = _(D.endTime), te = D.minDuration || N;
+        let se = Math.max(V, be + te);
         if (D.maxDuration) {
-          const X = ve + D.maxDuration;
-          se > X && (se = X);
+          const K = be + D.maxDuration;
+          se > K && (se = K);
         }
         se > ue && (se = ue);
         const oe = ie(se);
-        if (!I) {
-          I = document.createElement("div"), I.classList.add("cal-sched-create-preview");
-          let X = null;
-          x && (X = n.querySelector(`[data-resource-id="${x}"][data-date="${M}"]`), X || (X = n.querySelector(`[data-date="${M}"] [data-resource-id="${x}"]`))), X || (X = n.querySelector(`[data-date="${M}"] .cal-sched-week__lane`) || n.querySelector(`[data-date="${M}"] .cal-sched-day__lane`) || n.querySelector(`[data-date="${M}"]`)), X && X.appendChild(I);
+        if (!H) {
+          H = document.createElement("div"), H.classList.add("cal-sched-create-preview");
+          let K = null;
+          k && (K = n.querySelector(`[data-resource-id="${k}"][data-date="${F}"]`), K || (K = n.querySelector(`[data-date="${F}"] [data-resource-id="${k}"]`))), K || (K = n.querySelector(`[data-date="${F}"] .cal-sched-week__lane`) || n.querySelector(`[data-date="${F}"] .cal-sched-day__lane`) || n.querySelector(`[data-date="${F}"]`)), K && K.appendChild(H);
         }
-        if (I) {
-          const X = e(), ce = pe(f, X.startTime, X.slotHeight, X.interval), fe = pe(oe, X.startTime, X.slotHeight, X.interval);
-          I.style.top = `${ce}px`, I.style.height = `${Math.max(fe - ce, X.slotHeight * 0.5)}px`, I.dataset.endTime = oe;
+        if (H) {
+          const K = e(), ce = pe(L, K.startTime, K.slotHeight, K.interval), fe = pe(oe, K.startTime, K.slotHeight, K.interval);
+          H.style.top = `${ce}px`, H.style.height = `${Math.max(fe - ce, K.slotHeight * 0.5)}px`, H.dataset.endTime = oe;
         }
-        W(w.clientX, w.clientY, oe, D.format);
+        O(E.clientX, E.clientY, oe, D.format);
       }
     }
   }
-  function y(w) {
+  function x(E) {
     if (o) {
-      if (n.removeEventListener("pointermove", L), n.removeEventListener("pointerup", y), N && O != null) {
+      if (n.removeEventListener("pointermove", C), n.removeEventListener("pointerup", x), j && B != null) {
         try {
-          N.releasePointerCapture(O);
+          j.releasePointerCapture(B);
         } catch {
         }
-        N = null, O = null;
+        j = null, B = null;
       }
       if (o === "move") {
-        if (E(), c && (c.remove(), c = null), d && d.classList.remove("cal-sched-event--dragging"), m) {
+        if (Y(), c && (c.remove(), c = null), d && d.classList.remove("cal-sched-event--dragging"), m) {
           d && (d.dataset.wasDragged = "true");
-          const A = H(w.clientX, w.clientY);
-          if (A && h) {
-            const P = e(), U = b(v) - b(C), D = A.time, j = b(D), ae = Math.min(j + U, b(P.endTime)), re = ie(ae), ee = {
-              date: k,
-              startTime: C,
-              endTime: v,
-              resourceId: S
-            }, J = {
-              date: A.date,
+          const $ = T(E.clientX, E.clientY);
+          if ($ && h) {
+            const P = e(), J = _(b) - _(y), D = $.time, N = _(D), ae = Math.min(N + J, _(P.endTime)), re = ie(ae), ee = {
+              date: w,
+              startTime: y,
+              endTime: b,
+              resourceId: A
+            }, V = {
+              date: $.date,
               startTime: D,
               endTime: re,
-              resourceId: A.resourceId || S
+              resourceId: $.resourceId || A
             };
-            (ee.date !== J.date || ee.startTime !== J.startTime || ee.resourceId !== J.resourceId) && (s == null || s({ event: h, from: ee, to: J }));
+            (ee.date !== V.date || ee.startTime !== V.startTime || ee.resourceId !== V.resourceId) && (s == null || s({ event: h, from: ee, to: V }));
           }
         }
       } else if (o === "resize") {
         if (m) {
-          const A = e(), P = A.snapInterval || A.interval, U = A.slotHeight * (P / A.interval), D = w.clientY - _, ae = Math.round(D / U) * P, re = b(v), ee = b(C);
-          let J = re + ae;
-          const ve = A.minDuration || P, ue = ee + ve;
-          if (J < ue && (J = ue), A.maxDuration) {
-            const oe = ee + A.maxDuration;
-            J > oe && (J = oe);
+          const $ = e(), P = $.snapInterval || $.interval, J = $.slotHeight * (P / $.interval), D = E.clientY - f, ae = Math.round(D / J) * P, re = _(b), ee = _(y);
+          let V = re + ae;
+          const be = $.minDuration || P, ue = ee + be;
+          if (V < ue && (V = ue), $.maxDuration) {
+            const oe = ee + $.maxDuration;
+            V > oe && (V = oe);
           }
-          const te = b(A.endTime);
-          J > te && (J = te);
-          const se = ie(J);
-          d && (d.dataset.wasDragged = "true"), se !== v && h && (i == null || i({
+          const te = _($.endTime);
+          V > te && (V = te);
+          const se = ie(V);
+          d && (d.dataset.wasDragged = "true"), se !== b && h && (i == null || i({
             event: h,
-            from: { endTime: v },
+            from: { endTime: b },
             to: { endTime: se }
           }));
         }
-        d && d.classList.remove("cal-sched-event--resizing"), $();
+        d && d.classList.remove("cal-sched-event--resizing"), S();
       } else if (o === "create") {
-        $();
-        const A = (I == null ? void 0 : I.dataset.endTime) || null;
-        I && (I.remove(), I = null), m && M && f && A && (l == null || l({
-          date: M,
-          startTime: f,
-          endTime: A,
-          resourceId: x
-        })), M = null, x = null, f = null, F = 0;
+        S();
+        const $ = (H == null ? void 0 : H.dataset.endTime) || null;
+        H && (H.remove(), H = null), m && F && L && $ && (l == null || l({
+          date: F,
+          startTime: L,
+          endTime: $,
+          resourceId: k
+        })), F = null, k = null, L = null, W = 0;
       }
-      o = null, h = null, d = null, g = 0, u = 0, p = 0, _ = 0, m = !1, v = null, C = null, k = null, S = null;
+      o = null, h = null, d = null, p = 0, u = 0, g = 0, f = 0, m = !1, b = null, y = null, w = null, A = null;
     }
   }
-  function H(w, A) {
-    const P = e(), U = n.querySelectorAll("[data-date]");
-    let D = null, j = null;
-    for (const ce of U) {
+  function T(E, $) {
+    const P = e(), J = n.querySelectorAll("[data-date]");
+    let D = null, N = null;
+    for (const ce of J) {
       const fe = ce.getBoundingClientRect();
-      if (w >= fe.left && w <= fe.right) {
+      if (E >= fe.left && E <= fe.right) {
         if (D = ce.dataset.date, ce.dataset.resourceId)
-          j = ce.dataset.resourceId;
+          N = ce.dataset.resourceId;
         else {
-          const Ie = ce.querySelectorAll("[data-resource-id]");
-          for (const qe of Ie) {
-            const We = qe.getBoundingClientRect();
-            if (w >= We.left && w <= We.right) {
-              j = qe.dataset.resourceId;
+          const He = ce.querySelectorAll("[data-resource-id]");
+          for (const Ge of He) {
+            const Ke = Ge.getBoundingClientRect();
+            if (E >= Ke.left && E <= Ke.right) {
+              N = Ge.dataset.resourceId;
               break;
             }
           }
@@ -4627,76 +4809,76 @@ function fa({ shadowRoot: n, getConfig: e, getViewInfo: a, getEvents: t, onMove:
     if (!D) return null;
     const ae = n.querySelectorAll("[data-time]");
     if (ae.length === 0) return null;
-    const ee = ae[0].getBoundingClientRect().top, J = A - ee;
-    if (J < 0) return null;
-    const ve = P.snapInterval || P.interval, ue = Ve(J, P.startTime, P.slotHeight, P.interval), te = Je(ue, ve), se = b(te), oe = b(P.startTime), X = b(P.endTime);
-    return se < oe || se >= X ? null : {
+    const ee = ae[0].getBoundingClientRect().top, V = $ - ee;
+    if (V < 0) return null;
+    const be = P.snapInterval || P.interval, ue = et(V, P.startTime, P.slotHeight, P.interval), te = tt(ue, be), se = _(te), oe = _(P.startTime), K = _(P.endTime);
+    return se < oe || se >= K ? null : {
       date: D,
       time: te,
-      resourceId: j
+      resourceId: N
     };
   }
-  function K(w) {
-    E();
-    const A = e();
-    let P = A.interval;
-    h && C && v && (P = b(v) - b(C));
-    let D = b(w.time) + P;
-    const j = b(A.endTime);
-    D > j && (D = j);
+  function X(E) {
+    Y();
+    const $ = e();
+    let P = $.interval;
+    h && y && b && (P = _(b) - _(y));
+    let D = _(E.time) + P;
+    const N = _($.endTime);
+    D > N && (D = N);
     const ae = ie(D);
-    let re = Y(w.date, w.resourceId);
+    let re = R(E.date, E.resourceId);
     if (!re) return;
-    V = document.createElement("div"), V.classList.add("cal-sched-drop-preview");
-    const ee = pe(w.time, A.startTime, A.slotHeight, A.interval), J = pe(ae, A.startTime, A.slotHeight, A.interval);
-    V.style.top = `${ee}px`, V.style.height = `${Math.max(J - ee, A.slotHeight * 0.5)}px`, re.appendChild(V);
+    q = document.createElement("div"), q.classList.add("cal-sched-drop-preview");
+    const ee = pe(E.time, $.startTime, $.slotHeight, $.interval), V = pe(ae, $.startTime, $.slotHeight, $.interval);
+    q.style.top = `${ee}px`, q.style.height = `${Math.max(V - ee, $.slotHeight * 0.5)}px`, re.appendChild(q);
   }
-  function E() {
-    V && (V.remove(), V = null);
+  function Y() {
+    q && (q.remove(), q = null);
   }
-  function Y(w, A) {
-    if (A) {
-      let U = n.querySelector(
-        `[data-resource-id="${A}"][data-date="${w}"]`
+  function R(E, $) {
+    if ($) {
+      let J = n.querySelector(
+        `[data-resource-id="${$}"][data-date="${E}"]`
       );
-      if (U || (U = n.querySelector(
-        `[data-date="${w}"] [data-resource-id="${A}"]`
-      )), U) return U;
+      if (J || (J = n.querySelector(
+        `[data-date="${E}"] [data-resource-id="${$}"]`
+      )), J) return J;
     }
-    const P = n.querySelector(`[data-date="${w}"]`);
+    const P = n.querySelector(`[data-date="${E}"]`);
     return P ? P.querySelector(".cal-sched-week__lane") || P.querySelector(".cal-sched-day__lane") || P : null;
   }
-  function W(w, A, P, U) {
-    B || (B = document.createElement("div"), B.classList.add("cal-sched-drag-time-label"), n.appendChild(B));
-    const { hours: D, minutes: j } = T(P), ae = U === "12h" ? z(D, j) : P;
-    B.textContent = ae, B.style.left = `${w + 12}px`, B.style.top = `${A - 8}px`;
+  function O(E, $, P, J) {
+    I || (I = document.createElement("div"), I.classList.add("cal-sched-drag-time-label"), n.appendChild(I));
+    const { hours: D, minutes: N } = M(P), ae = J === "12h" ? z(D, N) : P;
+    I.textContent = ae, I.style.left = `${E + 12}px`, I.style.top = `${$ - 8}px`;
   }
-  function $() {
-    B && (B.remove(), B = null);
+  function S() {
+    I && (I.remove(), I = null);
   }
-  function T(w) {
-    const [A, P] = w.split(":").map(Number);
-    return { hours: A, minutes: P };
+  function M(E) {
+    const [$, P] = E.split(":").map(Number);
+    return { hours: $, minutes: P };
   }
-  function z(w, A) {
-    const P = w >= 12 ? "PM" : "AM";
-    return `${w % 12 || 12}:${String(A).padStart(2, "0")} ${P}`;
+  function z(E, $) {
+    const P = E >= 12 ? "PM" : "AM";
+    return `${E % 12 || 12}:${String($).padStart(2, "0")} ${P}`;
   }
-  function q() {
-    r || (r = !0, n.addEventListener("pointerdown", R));
+  function G() {
+    r || (r = !0, n.addEventListener("pointerdown", v));
   }
   function Q() {
-    r = !1, n.removeEventListener("pointerdown", R), n.removeEventListener("pointermove", L), n.removeEventListener("pointerup", y), be();
+    r = !1, n.removeEventListener("pointerdown", v), n.removeEventListener("pointermove", C), n.removeEventListener("pointerup", x), ne();
   }
-  function be() {
-    c && (c.remove(), c = null), I && (I.remove(), I = null), d && (d.classList.remove("cal-sched-event--dragging", "cal-sched-event--resizing"), d = null), E(), $(), o = null, h = null, m = !1;
+  function ne() {
+    c && (c.remove(), c = null), H && (H.remove(), H = null), d && (d.classList.remove("cal-sched-event--dragging", "cal-sched-event--resizing"), d = null), Y(), S(), o = null, h = null, m = !1;
   }
-  function vt() {
+  function ve() {
     Q();
   }
-  return { enable: q, disable: Q, destroy: vt };
+  return { enable: G, disable: Q, destroy: ve };
 }
-const va = `
+const xa = `
   [data-draggable="true"] {
     cursor: grab;
   }
@@ -4781,7 +4963,7 @@ const va = `
     z-index: 1001;
     white-space: nowrap;
   }
-`, ba = `
+`, ka = `
   .cal-sched {
     background: hsl(var(--cal-bg));
     border-radius: var(--cal-radius);
@@ -4793,27 +4975,27 @@ const va = `
     position: relative;
   }
 `;
-class _a extends Se {
+class wa extends Me {
   static get styles() {
     return [
-      Me,
-      Ae,
       $e,
-      Xt,
-      Gt,
+      ze,
+      Ie,
+      Jt,
       Vt,
-      Zt,
-      ta,
-      sa,
+      ea,
+      aa,
       ia,
-      oa,
-      Ye,
-      da,
+      ra,
+      ca,
       ua,
-      Qt,
+      Pe,
       ga,
+      fa,
+      sa,
       va,
-      ba
+      xa,
+      ka
     ];
   }
   static get observedAttributes() {
@@ -4835,11 +5017,12 @@ class _a extends Se {
       "draggable-events",
       "snap-interval",
       "min-duration",
-      "max-duration"
+      "max-duration",
+      "locale"
     ];
   }
   constructor() {
-    super(), this._store = Te({
+    super(), this._store = Ae({
       view: "week",
       anchorDate: me(),
       layout: "vertical",
@@ -4855,7 +5038,7 @@ class _a extends Se {
       statusDismissible: !0,
       // All-day collapse
       allDayCollapsed: !1
-    }), this._resources = [], this._events = [], this._eventActions = [], this._eventContent = null, this._unsubscribe = null, this._rendering = !1, this._nowTimer = null, this._dragManager = null;
+    }), this._resources = [], this._events = [], this._eventActions = [], this._eventContent = null, this._colors = null, this._customColorMap = null, this._unsubscribe = null, this._rendering = !1, this._nowTimer = null, this._dragManager = null;
   }
   // -- Attribute getters --
   get view() {
@@ -4912,6 +5095,9 @@ class _a extends Se {
     const e = this.getAttribute("max-duration");
     return e ? parseInt(e, 10) : null;
   }
+  get locale() {
+    return this.getAttribute("locale") || void 0;
+  }
   // -- Properties --
   get resources() {
     return this._resources;
@@ -4937,6 +5123,15 @@ class _a extends Se {
   set eventContent(e) {
     this._eventContent = typeof e == "function" ? e : null, this._initialized && this.render();
   }
+  get colors() {
+    return this._colors;
+  }
+  set colors(e) {
+    if (this._colors = Array.isArray(e) ? e : null, this._customColorMap = rt(this._colors), this._customColorMap)
+      for (const [a, t] of Object.entries(this._customColorMap))
+        this.style.setProperty(`--cal-booking-${a}-bg`, t.bg), this.style.setProperty(`--cal-booking-${a}-fg`, t.fg), this.style.setProperty(`--cal-booking-${a}-hover`, t.hover);
+    this._initialized && this.render();
+  }
   get value() {
     return this._lastSlotValue || null;
   }
@@ -4986,7 +5181,7 @@ class _a extends Se {
     this.goToDate(me());
   }
   next() {
-    const e = this._store.getState(), a = G(e.anchorDate);
+    const e = this._store.getState(), a = U(e.anchorDate);
     if (!a) return;
     let t;
     if (e.view === "day")
@@ -5000,7 +5195,7 @@ class _a extends Se {
     this._store.set({ anchorDate: t }), this.emit("cal:date-change", { date: t, view: e.view });
   }
   prev() {
-    const e = this._store.getState(), a = G(e.anchorDate);
+    const e = this._store.getState(), a = U(e.anchorDate);
     if (!a) return;
     let t;
     if (e.view === "day")
@@ -5014,7 +5209,7 @@ class _a extends Se {
     this._store.set({ anchorDate: t }), this.emit("cal:date-change", { date: t, view: e.view });
   }
   findAvailableSlot(e) {
-    return qt(
+    return Kt(
       e,
       this._resources,
       this._events,
@@ -5024,7 +5219,14 @@ class _a extends Se {
     );
   }
   isSlotAvailable(e, a, t, s) {
-    return gt(this._events, s, e, a, t);
+    return yt(this._events, s, e, a, t);
+  }
+  clear() {
+    this._store.set({
+      selectedSlot: null,
+      detailEvent: null,
+      detailResource: null
+    }), this._lastSlotValue = null;
   }
   // -- Event handlers --
   _handleSlotClick(e, a, t, s, i) {
@@ -5058,7 +5260,7 @@ class _a extends Se {
     });
   }
   _initDrag() {
-    this._dragManager || (this._dragManager = fa({
+    this._dragManager || (this._dragManager = ya({
       shadowRoot: this.shadowRoot,
       getConfig: () => ({
         slotHeight: this.slotHeight,
@@ -5075,7 +5277,7 @@ class _a extends Se {
         return {
           view: e.view,
           anchorDate: e.anchorDate,
-          weekDates: Be(e.anchorDate, this.firstDay),
+          weekDates: Fe(e.anchorDate, this.firstDay),
           resources: this._resources.length > 0 ? this._resources : [{ id: "__default", name: "" }],
           resourceMode: this.resourceMode,
           selectedResourceId: e.selectedResourceId
@@ -5103,58 +5305,59 @@ class _a extends Se {
   }
   // -- Render --
   render() {
-    var _;
+    var f;
     if (this._rendering) return;
     this._rendering = !0;
     const e = this.shadowRoot, a = [...e.childNodes];
     for (const m of a)
       m.nodeName !== "STYLE" && !(m instanceof CSSStyleSheet) && e.removeChild(m);
     const t = this._store.getState(), s = document.createElement("div");
-    s.classList.add("cal-sched"), t.statusType && t.statusMessage && s.appendChild(ze({
+    s.classList.add("cal-sched"), t.statusType && t.statusMessage && s.appendChild(Ye({
       type: t.statusType,
       message: t.statusMessage,
       dismissible: t.statusDismissible,
       onDismiss: () => this.clearStatus()
     }));
-    const i = t.view, l = t.anchorDate, r = Be(l, this.firstDay), o = Rt(i, l, r), h = this.resourceMode;
-    s.appendChild(Wt({
+    const i = t.view, l = t.anchorDate, r = Fe(l, this.firstDay), o = Xt(i, l, r, this.locale), h = this.resourceMode;
+    s.appendChild(Ut({
       title: o,
       view: i,
       onPrev: () => this.prev(),
       onNext: () => this.next(),
       onToday: () => this.today(),
-      onViewChange: (m) => this._handleViewChange(m)
+      onViewChange: (m) => this._handleViewChange(m),
+      locale: this.locale
     }));
     const c = this._resources.length > 0 ? this._resources : [{ id: "__default", name: "" }], d = h === "tabs" && c.length > 1 && c[0].id !== "__default";
-    d && !this.loading && s.appendChild(ha({
+    d && !this.loading && s.appendChild(ma({
       resources: c,
       selectedResourceId: t.selectedResourceId,
       onResourceFilter: (m) => this._handleResourceFilter(m)
     }));
-    let g = this._events;
-    d && t.selectedResourceId && (g = this._events.filter((m) => m.resourceId === t.selectedResourceId));
+    let p = this._events;
+    d && t.selectedResourceId && (p = this._events.filter((m) => m.resourceId === t.selectedResourceId));
     let u = c;
     if (d && t.selectedResourceId) {
-      const m = c.find((v) => v.id === t.selectedResourceId);
+      const m = c.find((b) => b.id === t.selectedResourceId);
       m && (u = [m]);
     }
-    const p = document.createElement("div");
-    if (p.classList.add("cal-sched__body"), this.loading)
+    const g = document.createElement("div");
+    if (g.classList.add("cal-sched__body"), this.loading)
       if (i === "month")
-        p.appendChild(ra());
+        g.appendChild(ha());
       else {
         const m = i === "week" ? 7 : Math.max(this._resources.length, 1);
-        p.appendChild(la({
+        g.appendChild(da({
           columns: m,
-          rows: Math.ceil((b(this.endTime) - b(this.startTime)) / this.interval),
+          rows: Math.ceil((_(this.endTime) - _(this.startTime)) / this.interval),
           slotHeight: this.slotHeight
         }));
       }
     else
-      i === "day" ? p.appendChild(ea({
+      i === "day" ? g.appendChild(na({
         date: l,
         resources: u,
-        events: g,
+        events: p,
         startTime: this.startTime,
         endTime: this.endTime,
         interval: this.interval,
@@ -5166,14 +5369,14 @@ class _a extends Se {
         eventContent: this._eventContent,
         showTime: this.showEventTime,
         draggable: this.draggableEvents,
-        onSlotClick: (m, v, C, k, S) => this._handleSlotClick(m, v, C, k, S),
-        onEventClick: (m, v, C) => this._handleEventClick(m, v, C),
-        onSlotCreate: (m, v, C, k, S) => this._handleSlotCreate(m, v, C, k, S)
-      })) : i === "week" ? p.appendChild(aa({
+        onSlotClick: (m, b, y, w, A) => this._handleSlotClick(m, b, y, w, A),
+        onEventClick: (m, b, y) => this._handleEventClick(m, b, y),
+        onSlotCreate: (m, b, y, w, A) => this._handleSlotCreate(m, b, y, w, A)
+      })) : i === "week" ? g.appendChild(la({
         date: l,
         firstDay: this.firstDay,
         resources: u,
-        events: g,
+        events: p,
         startTime: this.startTime,
         endTime: this.endTime,
         interval: this.interval,
@@ -5187,44 +5390,44 @@ class _a extends Se {
         draggable: this.draggableEvents,
         allDayCollapsed: t.allDayCollapsed,
         onToggleAllDay: () => this._store.set({ allDayCollapsed: !t.allDayCollapsed }),
-        onSlotClick: (m, v, C, k, S) => this._handleSlotClick(m, v, C, k, S),
-        onEventClick: (m, v, C) => this._handleEventClick(m, v, C),
-        onSlotCreate: (m, v, C, k, S) => this._handleSlotCreate(m, v, C, k, S)
-      })) : i === "month" && p.appendChild(na({
+        onSlotClick: (m, b, y, w, A) => this._handleSlotClick(m, b, y, w, A),
+        onEventClick: (m, b, y) => this._handleEventClick(m, b, y),
+        onSlotCreate: (m, b, y, w, A) => this._handleSlotCreate(m, b, y, w, A)
+      })) : i === "month" && g.appendChild(oa({
         date: l,
         firstDay: this.firstDay,
         resources: u,
-        events: g,
+        events: p,
         format: this.format,
         selectedResourceId: t.selectedResourceId,
-        selectedDate: ((_ = t.selectedSlot) == null ? void 0 : _.date) || null,
+        selectedDate: ((f = t.selectedSlot) == null ? void 0 : f.date) || null,
         eventContent: this._eventContent,
         onSlotClick: (m) => this._handleSlotClick(m, null, null, null, null),
-        onEventClick: (m, v, C) => this._handleEventClick(m, v, C),
+        onEventClick: (m, b, y) => this._handleEventClick(m, b, y),
         onSlotCreate: (m) => this._handleSlotCreate(m, null, null, null, null)
       }));
-    s.appendChild(p), t.detailEvent && p.appendChild(ca({
+    s.appendChild(g), t.detailEvent && g.appendChild(pa({
       event: t.detailEvent,
       resource: t.detailResource,
       format: this.format,
       onClose: () => this._closeDetail(),
       actions: this._eventActions,
       onAction: (m) => this._handleEventAction(m)
-    })), this.showFab && !this.loading && p.appendChild(pa({
+    })), this.showFab && !this.loading && g.appendChild(ba({
       onClick: () => this._handleFabClick()
     })), e.appendChild(s), this._escHandler || (this._escHandler = (m) => {
       m.key === "Escape" && this._store.get("selectedSlot") && this._dismissSlot();
     }, this.shadowRoot.addEventListener("keydown", this._escHandler), document.addEventListener("keydown", this._escHandler)), this._rendering = !1;
   }
 }
-customElements.get("cal-datepicker") || customElements.define("cal-datepicker", $t);
-customElements.get("cal-booking") || customElements.define("cal-booking", Ht);
-customElements.get("cal-timepicker") || customElements.define("cal-timepicker", Ft);
-customElements.get("cal-scheduler") || customElements.define("cal-scheduler", _a);
+customElements.get("cal-datepicker") || customElements.define("cal-datepicker", Pt);
+customElements.get("cal-booking") || customElements.define("cal-booking", Rt);
+customElements.get("cal-timepicker") || customElements.define("cal-timepicker", qt);
+customElements.get("cal-scheduler") || customElements.define("cal-scheduler", wa);
 export {
-  Ht as CalBooking,
-  $t as CalDatepicker,
-  _a as CalScheduler,
-  Ft as CalTimepicker
+  Rt as CalBooking,
+  Pt as CalDatepicker,
+  wa as CalScheduler,
+  qt as CalTimepicker
 };
 //# sourceMappingURL=calkit.es.js.map