@theengineerguy/chronos-picker 1.0.7 → 1.0.8

package/dist/index.esm.js

@@ -1,7 +1,7 @@
-import { jsxs as h, jsx as a } from "react/jsx-runtime";
-import { useMemo as j, useState as $, useEffect as G, useRef as Q, useCallback as H } from "react";
-import { DateTime as w } from "luxon";
-const pe = "Asia/Kolkata", ye = [
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useMemo as Y, useState as E, useEffect as J, useRef as Q, useCallback as j } from "react";
+import { DateTime as k } from "luxon";
+const ye = "Asia/Kolkata", pe = [
   // --- 2026 National Holidays (India) ---
   { date: "2026-01-26", name: "Republic Day", type: "national" },
   { date: "2026-03-19", name: "Holi", type: "national" },
@@ -34,10 +34,10 @@ const pe = "Asia/Kolkata", ye = [
   { date: "2026-11-08", name: "Diwali", type: "long-weekend" },
   { date: "2026-11-09", name: "Govardhan Puja (Take leave)", type: "long-weekend" }
 ];
-function be(e) {
-  return e === pe ? [...ye, ...Me] : [];
+function ve(e) {
+  return e === ye ? [...pe, ...Me] : [];
 }
-const ke = "Asia/Kolkata", X = [
+const be = "Asia/Kolkata", X = [
   { value: "Asia/Kolkata", label: "India (IST)" },
   { value: "America/New_York", label: "Eastern Time (ET)" },
   { value: "America/Chicago", label: "Central Time (CT)" },
@@ -51,207 +51,231 @@ const ke = "Asia/Kolkata", X = [
   { value: "Australia/Sydney", label: "Sydney (AEDT)" },
   { value: "UTC", label: "UTC" }
 ];
-function _(e, i) {
-  return w.isDateTime(e) ? e.setZone(i) : typeof e == "string" ? w.fromISO(e, { zone: i }) : w.fromJSDate(e, { zone: i });
+function Z(e, o) {
+  return k.isDateTime(e) ? e.setZone(o) : typeof e == "string" ? k.fromISO(e, { zone: o }) : k.fromJSDate(e, { zone: o });
 }
 function U(e) {
-  return w.now().setZone(e);
+  return k.now().setZone(e);
 }
 function V(e) {
-  const s = w.now().setZone(e).offset, r = Math.floor(Math.abs(s) / 60), l = Math.abs(s) % 60;
-  return `UTC${s >= 0 ? "+" : "-"}${r}${l > 0 ? `:${l.toString().padStart(2, "0")}` : ""}`;
+  const s = k.now().setZone(e).offset, i = Math.floor(Math.abs(s) / 60), c = Math.abs(s) % 60;
+  return `UTC${s >= 0 ? "+" : "-"}${i}${c > 0 ? `:${c.toString().padStart(2, "0")}` : ""}`;
 }
-function ve(e, i, s, r, l, k, c, y, v) {
-  const M = w.fromObject(
-    { year: e, month: i, day: 1 },
+function ge(e, o, s, i, c, v, d, h, N) {
+  const f = k.fromObject(
+    { year: e, month: o, day: 1 },
     { zone: s }
-  ), E = M.startOf("week"), R = M.endOf("month").endOf("week"), P = w.now().setZone(s).startOf("day"), L = c != null && y != null, A = c == null ? void 0 : c.startOf("day"), C = y == null ? void 0 : y.endOf("day"), n = /* @__PURE__ */ new Map();
-  v && v.forEach((N) => {
-    let d;
-    w.isDateTime(N.date) ? d = N.date.setZone(s) : typeof N.date == "string" ? d = w.fromISO(N.date, { zone: s }) : d = w.fromJSDate(N.date, { zone: s }), n.set(d.toISODate() || "", { name: N.name, type: N.type || "national" });
+  ), T = f.startOf("week"), I = f.endOf("month").endOf("week"), x = k.now().setZone(s).startOf("day"), P = d != null && h != null, L = d == null ? void 0 : d.startOf("day"), R = h == null ? void 0 : h.endOf("day"), t = /* @__PURE__ */ new Map();
+  N && N.forEach((D) => {
+    let u;
+    k.isDateTime(D.date) ? u = D.date.setZone(s) : typeof D.date == "string" ? u = k.fromISO(D.date, { zone: s }) : u = k.fromJSDate(D.date, { zone: s }), t.set(u.toISODate() || "", { name: D.name, type: D.type || "national" });
   });
-  const u = [];
-  let x = [], b = E;
-  for (; b <= R; ) {
-    const N = b.month === i, d = b.hasSame(P, "day"), o = b.startOf("day"), f = b.toISODate() || "";
-    let t = !1, D = !1, g = !1, W = !1;
-    L && A && C ? (g = o.hasSame(A, "day"), W = o.hasSame(C, "day"), D = o >= A && o <= C || g || W, t = g || W) : r && (t = b.hasSame(r, "day"));
-    let S = !1;
-    l && b < l.startOf("day") && (S = !0), k && b > k.endOf("day") && (S = !0);
-    const K = n.get(f);
-    x.push({
-      date: b,
-      isCurrentMonth: N,
-      isToday: d,
-      isSelected: t,
-      isDisabled: S,
-      isInRange: D,
+  const p = [];
+  let _ = [], S = T;
+  for (; S <= I; ) {
+    const D = S.month === o, u = S.hasSame(x, "day"), O = S.startOf("day"), a = S.toISODate() || "";
+    let l = !1, r = !1, g = !1, $ = !1;
+    P && L && R ? (g = O.hasSame(L, "day"), $ = O.hasSame(R, "day"), r = O >= L && O <= R || g || $, l = g || $) : i && (l = S.hasSame(i, "day"));
+    let A = !1;
+    c && S < c.startOf("day") && (A = !0), v && S > v.endOf("day") && (A = !0);
+    const B = t.get(a);
+    _.push({
+      date: S,
+      isCurrentMonth: D,
+      isToday: u,
+      isSelected: l,
+      isDisabled: A,
+      isInRange: r,
       isRangeStart: g,
-      isRangeEnd: W,
-      holiday: K ? { date: b, ...K } : void 0
-    }), x.length === 7 && (u.push(x), x = []), b = b.plus({ days: 1 });
+      isRangeEnd: $,
+      holiday: B ? { date: S, ...B } : void 0
+    }), _.length === 7 && (p.push(_), _ = []), S = S.plus({ days: 1 });
   }
-  return u;
+  return p;
 }
-function ge() {
-  const e = w.now().startOf("week"), i = [];
+function ke() {
+  const e = k.now().startOf("week"), o = [];
   for (let s = 0; s < 7; s++) {
-    const r = e.plus({ days: s });
-    i.push(r.toFormat("ccc"));
+    const i = e.plus({ days: s });
+    o.push(i.toFormat("ccc"));
   }
-  return i;
+  return o;
 }
 function Ne() {
   const e = [];
-  for (let i = 1; i <= 12; i++) {
-    const s = w.fromObject({ month: i });
+  for (let o = 1; o <= 12; o++) {
+    const s = k.fromObject({ month: o });
     e.push(s.toFormat("MMMM"));
   }
   return e;
 }
+function Se(e, o, s, i) {
+  if (!e || e.length === 0) return [];
+  const c = (b) => k.isDateTime(b.date) ? b.date.setZone(o).startOf("day") : typeof b.date == "string" ? k.fromISO(b.date, { zone: o }).startOf("day") : k.fromJSDate(b.date, { zone: o }).startOf("day"), v = k.fromObject({ year: s, month: i, day: 1 }, { zone: o }), d = v.endOf("month"), h = Array.from(
+    new Set(e.map((b) => c(b).toISODate()).filter(Boolean))
+  ).sort();
+  if (h.length === 0) return [];
+  const N = [];
+  let f = k.fromISO(h[0], { zone: o }), T = f;
+  for (let b = 1; b < h.length; b++) {
+    const I = k.fromISO(h[b], { zone: o }), x = k.fromISO(h[b - 1], { zone: o });
+    I.diff(x, "days").days <= 1 || (T >= v && f <= d && N.push({ start: f, end: T }), f = I), T = I;
+  }
+  return T >= v && f <= d && N.push({ start: f, end: T }), N;
+}
 const Te = ({
   viewDate: e,
-  selectedDate: i,
+  selectedDate: o,
   onDateSelect: s,
-  onViewDateChange: r,
-  timezone: l,
-  minDate: k,
-  maxDate: c,
-  selectedStart: y,
-  selectedEnd: v,
-  onRangeSelect: M,
-  holidays: E
+  onViewDateChange: i,
+  timezone: c,
+  minDate: v,
+  maxDate: d,
+  selectedStart: h,
+  selectedEnd: N,
+  onRangeSelect: f,
+  holidays: T
 }) => {
-  const z = M != null, R = j(() => ve(
+  const b = f != null, I = Y(() => ge(
     e.year,
     e.month,
-    l,
-    i ?? void 0,
-    k,
     c,
-    y ?? void 0,
-    v ?? void 0,
-    E
-  ), [e, i, l, k, c, y, v, E]), P = j(() => ge(), []), L = j(() => Ne(), []), A = () => {
-    r(e.minus({ months: 1 }));
-  }, C = () => {
-    r(e.plus({ months: 1 }));
-  }, n = (o) => {
-    const f = parseInt(o.target.value, 10);
-    r(e.set({ month: f }));
-  }, u = (o) => {
-    const f = parseInt(o.target.value, 10);
-    r(e.set({ year: f }));
-  }, x = (o, f) => {
-    if (!f)
-      if (z && M) {
-        const t = o.startOf("day");
-        if (y == null)
-          M(o, o);
-        else if (v != null && y.hasSame(v, "day")) {
-          const D = y.startOf("day");
-          t < D ? M(o, y) : M(y, o);
+    o ?? void 0,
+    v,
+    d,
+    h ?? void 0,
+    N ?? void 0,
+    T
+  ), [e, o, c, v, d, h, N, T]), x = Y(
+    () => Se(T, c, e.year, e.month),
+    [T, c, e.year, e.month]
+  ), P = Y(() => ke(), []), L = Y(() => Ne(), []), R = () => {
+    i(e.minus({ months: 1 }));
+  }, t = () => {
+    i(e.plus({ months: 1 }));
+  }, p = (a) => {
+    const l = parseInt(a.target.value, 10);
+    i(e.set({ month: l }));
+  }, _ = (a) => {
+    const l = parseInt(a.target.value, 10);
+    i(e.set({ year: l }));
+  }, S = (a, l) => {
+    if (!l)
+      if (b && f) {
+        const r = a.startOf("day");
+        if (h == null)
+          f(a, a);
+        else if (N != null && h.hasSame(N, "day")) {
+          const g = h.startOf("day");
+          r < g ? f(a, h) : f(h, a);
         } else
-          M(o, o);
+          f(a, a);
       } else
-        s(o);
-  }, b = (o, f, t) => {
-    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), x(f, t));
-  }, N = e.year, d = Array.from({ length: 21 }, (o, f) => N - 10 + f);
-  return /* @__PURE__ */ h("div", { className: "chronos-calendar", role: "region", "aria-label": "Calendar", children: [
-    /* @__PURE__ */ h("div", { className: "chronos-calendar-header", children: [
-      /* @__PURE__ */ a(
+        s(a);
+  }, D = (a, l, r) => {
+    (a.key === "Enter" || a.key === " ") && (a.preventDefault(), S(l, r));
+  }, u = e.year, O = Array.from({ length: 21 }, (a, l) => u - 10 + l);
+  return /* @__PURE__ */ m("div", { className: "chronos-calendar", role: "region", "aria-label": "Calendar", children: [
+    /* @__PURE__ */ m("div", { className: "chronos-calendar-header", children: [
+      /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           className: "chronos-nav-button",
-          onClick: A,
+          onClick: R,
           "aria-label": "Previous month",
           children: "‹"
         }
       ),
-      /* @__PURE__ */ h("div", { className: "chronos-month-year-selectors", children: [
-        /* @__PURE__ */ a(
+      /* @__PURE__ */ m("div", { className: "chronos-month-year-selectors", children: [
+        /* @__PURE__ */ n(
           "select",
           {
             className: "chronos-month-select",
             value: e.month,
-            onChange: n,
+            onChange: p,
             "aria-label": "Select month",
-            children: L.map((o, f) => /* @__PURE__ */ a("option", { value: f + 1, children: o }, f))
+            children: L.map((a, l) => /* @__PURE__ */ n("option", { value: l + 1, children: a }, l))
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "select",
           {
             className: "chronos-year-select",
             value: e.year,
-            onChange: u,
+            onChange: _,
             "aria-label": "Select year",
-            children: d.map((o) => /* @__PURE__ */ a("option", { value: o, children: o }, o))
+            children: O.map((a) => /* @__PURE__ */ n("option", { value: a, children: a }, a))
           }
         )
       ] }),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           className: "chronos-nav-button",
-          onClick: C,
+          onClick: t,
           "aria-label": "Next month",
           children: "›"
         }
       )
     ] }),
-    /* @__PURE__ */ h("div", { className: "chronos-calendar-grid", children: [
-      /* @__PURE__ */ a("div", { className: "chronos-weekday-row", children: P.map((o) => /* @__PURE__ */ a("div", { className: "chronos-weekday", children: o }, o)) }),
-      R.map((o, f) => /* @__PURE__ */ a("div", { className: "chronos-week-row", children: o.map((t, D) => /* @__PURE__ */ h(
+    /* @__PURE__ */ m("div", { className: "chronos-calendar-grid", children: [
+      /* @__PURE__ */ n("div", { className: "chronos-weekday-row", children: P.map((a) => /* @__PURE__ */ n("div", { className: "chronos-weekday", children: a }, a)) }),
+      I.map((a, l) => /* @__PURE__ */ n("div", { className: "chronos-week-row", children: a.map((r, g) => /* @__PURE__ */ m(
         "button",
         {
           type: "button",
-          className: `chronos-day ${t.isSelected ? "selected" : ""} ${t.isToday ? "today" : ""} ${t.isCurrentMonth ? "" : "other-month"} ${t.isDisabled ? "disabled" : ""} ${t.isInRange ? "in-range" : ""} ${t.isRangeStart ? "range-start" : ""} ${t.isRangeEnd ? "range-end" : ""} ${t.holiday ? `holiday ${t.holiday.type}` : ""}`,
-          onClick: () => x(t.date, t.isDisabled),
-          onKeyDown: (g) => b(g, t.date, t.isDisabled),
-          disabled: t.isDisabled,
-          "aria-label": `${t.date.toFormat("MMMM d, yyyy")}${t.holiday ? `, ${t.holiday.name}` : ""}`,
-          "aria-selected": t.isSelected,
-          "aria-current": t.isToday ? "date" : void 0,
-          title: t.holiday ? t.holiday.name : void 0,
+          className: `chronos-day ${r.isSelected ? "selected" : ""} ${r.isToday ? "today" : ""} ${r.isCurrentMonth ? "" : "other-month"} ${r.isDisabled ? "disabled" : ""} ${r.isInRange ? "in-range" : ""} ${r.isRangeStart ? "range-start" : ""} ${r.isRangeEnd ? "range-end" : ""} ${r.holiday ? `holiday ${r.holiday.type}` : ""}`,
+          onClick: () => S(r.date, r.isDisabled),
+          onKeyDown: ($) => D($, r.date, r.isDisabled),
+          disabled: r.isDisabled,
+          "aria-label": `${r.date.toFormat("MMMM d, yyyy")}${r.holiday ? `, ${r.holiday.name}` : ""}`,
+          "aria-selected": r.isSelected,
+          "aria-current": r.isToday ? "date" : void 0,
+          title: r.holiday ? r.holiday.name : void 0,
           children: [
-            t.date.day,
-            t.holiday && /* @__PURE__ */ a("span", { className: "chronos-holiday-dot" })
+            r.date.day,
+            r.holiday && /* @__PURE__ */ n("span", { className: "chronos-holiday-dot" })
           ]
         },
-        D
-      )) }, f))
-    ] })
+        g
+      )) }, l))
+    ] }),
+    x.length > 0 && /* @__PURE__ */ n("div", { className: "chronos-vacation-notes", role: "region", "aria-label": "Vacation suggestions", children: x.map((a, l) => {
+      const r = a.start.hasSame(a.end, "day"), g = a.start.toFormat("d MMM yyyy"), $ = a.end.toFormat("d MMM yyyy");
+      return /* @__PURE__ */ m("div", { className: "chronos-vacation-note", children: [
+        /* @__PURE__ */ n("div", { className: "chronos-vacation-note-title", children: r ? "Vacation day" : "You can take your vacation" }),
+        /* @__PURE__ */ n("div", { className: "chronos-vacation-note-dates", children: r ? g : `from ${g} to ${$}` })
+      ] }, l);
+    }) })
   ] });
-}, we = ({
+}, Oe = ({
   value: e,
-  onChange: i,
+  onChange: o,
   use24Hour: s
 }) => {
-  const [r, l] = $((e == null ? void 0 : e.hour) ?? 12), [k, c] = $((e == null ? void 0 : e.minute) ?? 0), [y, v] = $(
+  const [i, c] = E((e == null ? void 0 : e.hour) ?? 12), [v, d] = E((e == null ? void 0 : e.minute) ?? 0), [h, N] = E(
     e && e.hour >= 12 ? "PM" : "AM"
   );
-  G(() => {
-    e && (l(e.hour), c(e.minute), v(e.hour >= 12 ? "PM" : "AM"));
+  J(() => {
+    e && (c(e.hour), d(e.minute), N(e.hour >= 12 ? "PM" : "AM"));
   }, [e]);
-  const M = (n) => {
-    l(n);
-    let u = n;
-    s || (y === "PM" && n !== 12 ? u = n + 12 : y === "AM" && n === 12 && (u = 0)), i(u, k);
-  }, E = (n) => {
-    c(n), i(r, n);
-  }, z = () => {
-    const n = y === "AM" ? "PM" : "AM";
-    v(n);
-    let u = r;
-    n === "PM" && r !== 12 ? u = r + 12 : n === "AM" && r === 12 ? u = 0 : n === "AM" && r > 12 && (u = r - 12), i(u, k);
-  }, R = s ? r : r % 12 || 12, P = s ? 23 : 12, L = s ? 0 : 1, A = Array.from({ length: P - L + 1 }, (n, u) => L + u), C = Array.from({ length: 60 }, (n, u) => u);
-  return /* @__PURE__ */ h("div", { className: "chronos-time-picker", role: "group", "aria-label": "Time picker", children: [
-    /* @__PURE__ */ h("div", { className: "chronos-time-header", children: [
-      /* @__PURE__ */ h(
+  const f = (t) => {
+    c(t);
+    let p = t;
+    s || (h === "PM" && t !== 12 ? p = t + 12 : h === "AM" && t === 12 && (p = 0)), o(p, v);
+  }, T = (t) => {
+    d(t), o(i, t);
+  }, b = () => {
+    const t = h === "AM" ? "PM" : "AM";
+    N(t);
+    let p = i;
+    t === "PM" && i !== 12 ? p = i + 12 : t === "AM" && i === 12 ? p = 0 : t === "AM" && i > 12 && (p = i - 12), o(p, v);
+  }, I = s ? i : i % 12 || 12, x = s ? 23 : 12, P = s ? 0 : 1, L = Array.from({ length: x - P + 1 }, (t, p) => P + p), R = Array.from({ length: 60 }, (t, p) => p);
+  return /* @__PURE__ */ m("div", { className: "chronos-time-picker", role: "group", "aria-label": "Time picker", children: [
+    /* @__PURE__ */ m("div", { className: "chronos-time-header", children: [
+      /* @__PURE__ */ m(
         "svg",
         {
           className: "chronos-clock-icon",
@@ -261,67 +285,67 @@ const Te = ({
           stroke: "currentColor",
           strokeWidth: "2",
           children: [
-            /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
-            /* @__PURE__ */ a("polyline", { points: "12 6 12 12 16 14" })
+            /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ n("polyline", { points: "12 6 12 12 16 14" })
           ]
         }
       ),
-      /* @__PURE__ */ a("span", { children: "Time" })
+      /* @__PURE__ */ n("span", { children: "Time" })
     ] }),
-    /* @__PURE__ */ h("div", { className: "chronos-time-controls", children: [
-      /* @__PURE__ */ h("div", { className: "chronos-time-input-group", children: [
-        /* @__PURE__ */ a("label", { htmlFor: "chronos-hour-select", className: "chronos-time-label", children: "Hour" }),
-        /* @__PURE__ */ a(
+    /* @__PURE__ */ m("div", { className: "chronos-time-controls", children: [
+      /* @__PURE__ */ m("div", { className: "chronos-time-input-group", children: [
+        /* @__PURE__ */ n("label", { htmlFor: "chronos-hour-select", className: "chronos-time-label", children: "Hour" }),
+        /* @__PURE__ */ n(
           "select",
           {
             id: "chronos-hour-select",
             className: "chronos-time-select",
-            value: R,
-            onChange: (n) => M(parseInt(n.target.value, 10)),
+            value: I,
+            onChange: (t) => f(parseInt(t.target.value, 10)),
             "aria-label": "Select hour",
-            children: A.map((n) => /* @__PURE__ */ a("option", { value: n, children: n.toString().padStart(2, "0") }, n))
+            children: L.map((t) => /* @__PURE__ */ n("option", { value: t, children: t.toString().padStart(2, "0") }, t))
           }
         )
       ] }),
-      /* @__PURE__ */ a("span", { className: "chronos-time-separator", children: ":" }),
-      /* @__PURE__ */ h("div", { className: "chronos-time-input-group", children: [
-        /* @__PURE__ */ a("label", { htmlFor: "chronos-minute-select", className: "chronos-time-label", children: "Minute" }),
-        /* @__PURE__ */ a(
+      /* @__PURE__ */ n("span", { className: "chronos-time-separator", children: ":" }),
+      /* @__PURE__ */ m("div", { className: "chronos-time-input-group", children: [
+        /* @__PURE__ */ n("label", { htmlFor: "chronos-minute-select", className: "chronos-time-label", children: "Minute" }),
+        /* @__PURE__ */ n(
           "select",
           {
             id: "chronos-minute-select",
             className: "chronos-time-select",
-            value: k,
-            onChange: (n) => E(parseInt(n.target.value, 10)),
+            value: v,
+            onChange: (t) => T(parseInt(t.target.value, 10)),
             "aria-label": "Select minute",
-            children: C.map((n) => /* @__PURE__ */ a("option", { value: n, children: n.toString().padStart(2, "0") }, n))
+            children: R.map((t) => /* @__PURE__ */ n("option", { value: t, children: t.toString().padStart(2, "0") }, t))
           }
         )
       ] }),
-      !s && /* @__PURE__ */ a(
+      !s && /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           className: "chronos-period-toggle",
-          onClick: z,
-          "aria-label": `Switch to ${y === "AM" ? "PM" : "AM"}`,
-          children: y
+          onClick: b,
+          "aria-label": `Switch to ${h === "AM" ? "PM" : "AM"}`,
+          children: h
         }
       )
     ] })
   ] });
 }, De = ({
   value: e,
-  onChange: i
+  onChange: o
 }) => {
-  const [s, r] = $(!1), l = X.find((c) => c.value === e) || {
+  const [s, i] = E(!1), c = X.find((d) => d.value === e) || {
     label: e
-  }, k = (c) => {
-    i(c), r(!1);
+  }, v = (d) => {
+    o(d), i(!1);
   };
-  return /* @__PURE__ */ h("div", { className: "chronos-timezone-selector", children: [
-    /* @__PURE__ */ h("div", { className: "chronos-timezone-header", children: [
-      /* @__PURE__ */ h(
+  return /* @__PURE__ */ m("div", { className: "chronos-timezone-selector", children: [
+    /* @__PURE__ */ m("div", { className: "chronos-timezone-header", children: [
+      /* @__PURE__ */ m(
         "svg",
         {
           className: "chronos-globe-icon",
@@ -331,26 +355,26 @@ const Te = ({
           stroke: "currentColor",
           strokeWidth: "2",
           children: [
-            /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
-            /* @__PURE__ */ a("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
-            /* @__PURE__ */ a("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+            /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ n("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
+            /* @__PURE__ */ n("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
           ]
         }
       ),
-      /* @__PURE__ */ a("span", { children: "Timezone" })
+      /* @__PURE__ */ n("span", { children: "Timezone" })
     ] }),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ m(
       "button",
       {
         type: "button",
         className: "chronos-timezone-button",
-        onClick: () => r(!s),
+        onClick: () => i(!s),
         "aria-expanded": s,
         "aria-label": "Select timezone",
         children: [
-          /* @__PURE__ */ a("span", { className: "chronos-timezone-label", children: l.label }),
-          /* @__PURE__ */ a("span", { className: "chronos-timezone-offset", children: V(e) }),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ n("span", { className: "chronos-timezone-label", children: c.label }),
+          /* @__PURE__ */ n("span", { className: "chronos-timezone-offset", children: V(e) }),
+          /* @__PURE__ */ n(
             "svg",
             {
               className: `chronos-chevron ${s ? "expanded" : ""}`,
@@ -359,162 +383,162 @@ const Te = ({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
-              children: /* @__PURE__ */ a("polyline", { points: "6 9 12 15 18 9" })
+              children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" })
             }
           )
         ]
       }
     ),
-    s && /* @__PURE__ */ a("div", { className: "chronos-timezone-list", role: "listbox", children: X.map((c) => /* @__PURE__ */ h(
+    s && /* @__PURE__ */ n("div", { className: "chronos-timezone-list", role: "listbox", children: X.map((d) => /* @__PURE__ */ m(
       "button",
       {
         type: "button",
-        className: `chronos-timezone-option ${c.value === e ? "selected" : ""}`,
-        onClick: () => k(c.value),
+        className: `chronos-timezone-option ${d.value === e ? "selected" : ""}`,
+        onClick: () => v(d.value),
         role: "option",
-        "aria-selected": c.value === e,
+        "aria-selected": d.value === e,
         children: [
-          /* @__PURE__ */ a("span", { className: "chronos-timezone-option-label", children: c.label }),
-          /* @__PURE__ */ a("span", { className: "chronos-timezone-option-offset", children: V(c.value) })
+          /* @__PURE__ */ n("span", { className: "chronos-timezone-option-label", children: d.label }),
+          /* @__PURE__ */ n("span", { className: "chronos-timezone-option-offset", children: V(d.value) })
         ]
       },
-      c.value
+      d.value
     )) })
   ] });
 };
-function ee(e, i, s) {
+function ee(e, o, s) {
   return {
     iso: e.toISO() || "",
-    formatted: e.toFormat(`${i} ${s}`),
+    formatted: e.toFormat(`${o} ${s}`),
     timestamp: e.toMillis(),
     dateTime: e
   };
 }
 const $e = ({
   value: e,
-  onChange: i,
-  timezone: s = ke,
-  dateFormat: r = "DD",
-  timeFormat: l = "HH:mm",
-  minDate: k,
-  maxDate: c,
-  placeholder: y = "Select date and time",
-  disabled: v = !1,
-  showTime: M = !0,
-  use24Hour: E = !0,
-  className: z = "",
-  ariaLabel: R = "Date and time picker",
-  showTimezoneSelector: P = !1,
-  theme: L = "light",
-  orientation: A = "portrait",
-  selectionMode: C = "single",
-  rangeValue: n,
-  onRangeChange: u,
-  holidays: x,
-  customHolidays: b,
-  showHolidays: N = !0
+  onChange: o,
+  timezone: s = be,
+  dateFormat: i = "DD",
+  timeFormat: c = "HH:mm",
+  minDate: v,
+  maxDate: d,
+  placeholder: h = "Select date and time",
+  disabled: N = !1,
+  showTime: f = !0,
+  use24Hour: T = !0,
+  className: b = "",
+  ariaLabel: I = "Date and time picker",
+  showTimezoneSelector: x = !1,
+  theme: P = "light",
+  orientation: L = "portrait",
+  selectionMode: R = "single",
+  rangeValue: t,
+  onRangeChange: p,
+  holidays: _,
+  customHolidays: S,
+  showHolidays: D = !0
 }) => {
-  const d = C === "range", [o, f] = $(!1), [t, D] = $(() => !d && e ? _(e, s) : null), [g, W] = $(() => d && (n != null && n.start) ? _(n.start, s) : null), [S, K] = $(() => d && (n != null && n.end) ? _(n.end, s) : null), [T, ne] = $(s), [te, B] = $(() => t || g || S || U(s)), J = Q(null), q = Q(null);
-  G(() => {
-    !d && e && D(_(e, T));
-  }, [e, T, d]), G(() => {
-    d && (n == null ? void 0 : n.start) != null && (n == null ? void 0 : n.end) != null && (W(_(n.start, T)), K(_(n.end, T)));
-  }, [d, n, T]), G(() => {
-    const p = (m) => {
-      J.current && !J.current.contains(m.target) && f(!1);
+  const u = R === "range", [O, a] = E(!1), [l, r] = E(() => !u && e ? Z(e, s) : null), [g, $] = E(() => u && (t != null && t.start) ? Z(t.start, s) : null), [A, B] = E(() => u && (t != null && t.end) ? Z(t.end, s) : null), [w, te] = E(s), [ne, K] = E(() => l || g || A || U(s)), G = Q(null), F = Q(null);
+  J(() => {
+    !u && e && r(Z(e, w));
+  }, [e, w, u]), J(() => {
+    u && (t == null ? void 0 : t.start) != null && (t == null ? void 0 : t.end) != null && ($(Z(t.start, w)), B(Z(t.end, w)));
+  }, [u, t, w]), J(() => {
+    const M = (y) => {
+      G.current && !G.current.contains(y.target) && a(!1);
     };
-    if (o)
-      return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
-  }, [o]), G(() => {
-    const p = (m) => {
-      var O;
-      m.key === "Escape" && o && (f(!1), (O = q.current) == null || O.focus());
+    if (O)
+      return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
+  }, [O]), J(() => {
+    const M = (y) => {
+      var C;
+      y.key === "Escape" && O && (a(!1), (C = F.current) == null || C.focus());
     };
-    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
-  }, [o]);
-  const oe = H((p) => {
-    let m = p;
-    if (t && (m = p.set({
-      hour: t.hour,
-      minute: t.minute,
-      second: t.second
-    })), D(m), B(m), M || f(!1), i) {
-      const O = {
-        iso: m.toISO() || "",
-        formatted: m.toFormat(`${r} ${l}`),
-        timestamp: m.toMillis(),
-        dateTime: m
+    return document.addEventListener("keydown", M), () => document.removeEventListener("keydown", M);
+  }, [O]);
+  const oe = j((M) => {
+    let y = M;
+    if (l && (y = M.set({
+      hour: l.hour,
+      minute: l.minute,
+      second: l.second
+    })), r(y), K(y), f || a(!1), o) {
+      const C = {
+        iso: y.toISO() || "",
+        formatted: y.toFormat(`${i} ${c}`),
+        timestamp: y.toMillis(),
+        dateTime: y
       };
-      i(O);
+      o(C);
     }
-  }, [t, M, i, r, l]), ae = H((p, m) => {
-    const I = (t || U(T)).set({ hour: p, minute: m, second: 0 });
-    if (D(I), i) {
-      const Z = {
-        iso: I.toISO() || "",
-        formatted: I.toFormat(`${r} ${l}`),
-        timestamp: I.toMillis(),
-        dateTime: I
+  }, [l, f, o, i, c]), ae = j((M, y) => {
+    const W = (l || U(w)).set({ hour: M, minute: y, second: 0 });
+    if (r(W), o) {
+      const z = {
+        iso: W.toISO() || "",
+        formatted: W.toFormat(`${i} ${c}`),
+        timestamp: W.toMillis(),
+        dateTime: W
       };
-      i(Z);
+      o(z);
     }
-  }, [t, T, i, r, l]), se = H((p, m) => {
-    const O = p.startOf("day"), I = m.startOf("day"), [Z, Y] = O <= I ? [O, I] : [I, O];
-    if (W(Z), K(Y), B(Z), u) {
-      const me = ee(Z, r, l), ue = ee(Y, r, l), fe = Math.max(0, Math.ceil(Y.diff(Z, "days").days));
-      u({ start: me, end: ue, nights: fe });
+  }, [l, w, o, i, c]), se = j((M, y) => {
+    const C = M.startOf("day"), W = y.startOf("day"), [z, H] = C <= W ? [C, W] : [W, C];
+    if ($(z), B(H), K(z), p) {
+      const me = ee(z, i, c), fe = ee(H, i, c), ue = Math.max(0, Math.ceil(H.diff(z, "days").days));
+      p({ start: me, end: fe, nights: ue });
     }
-  }, [u, r, l]), ie = H((p) => {
-    if (ne(p), t) {
-      const m = t.setZone(p);
-      if (D(m), B(m), i) {
-        const O = {
-          iso: m.toISO() || "",
-          formatted: m.toFormat(`${r} ${l}`),
-          timestamp: m.toMillis(),
-          dateTime: m
+  }, [p, i, c]), re = j((M) => {
+    if (te(M), l) {
+      const y = l.setZone(M);
+      if (r(y), K(y), o) {
+        const C = {
+          iso: y.toISO() || "",
+          formatted: y.toFormat(`${i} ${c}`),
+          timestamp: y.toMillis(),
+          dateTime: y
         };
-        i(O);
+        o(C);
       }
     } else
-      B(U(p));
-  }, [t, i, r, l]), F = () => {
-    v || f(!o);
-  }, re = (p) => {
-    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), F());
-  }, le = d ? g && S ? `${g.toFormat("d MMM yyyy")} – ${S.toFormat("d MMM yyyy")}` : "" : t ? t.toFormat(`${r} ${M ? l : ""}`) : "", ce = k ? _(k, T) : void 0, de = c ? _(c, T) : void 0, he = x !== void 0 ? x : N ? [...be(T), ...b ?? []] : b ?? [];
-  return /* @__PURE__ */ h(
+      K(U(M));
+  }, [l, o, i, c]), q = () => {
+    N || a(!O);
+  }, ie = (M) => {
+    (M.key === "Enter" || M.key === " ") && (M.preventDefault(), q());
+  }, le = u ? g && A ? `${g.toFormat("d MMM yyyy")} – ${A.toFormat("d MMM yyyy")}` : "" : l ? l.toFormat(`${i} ${f ? c : ""}`) : "", ce = v ? Z(v, w) : void 0, de = d ? Z(d, w) : void 0, he = _ !== void 0 ? _ : D ? [...ve(w), ...S ?? []] : S ?? [];
+  return /* @__PURE__ */ m(
     "div",
     {
-      ref: J,
-      className: `chronos-picker ${z}`,
-      "data-disabled": v,
-      "data-theme": L,
+      ref: G,
+      className: `chronos-picker ${b}`,
+      "data-disabled": N,
+      "data-theme": P,
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ m(
           "div",
           {
             className: "chronos-input-wrapper",
-            onClick: F,
+            onClick: q,
             children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 "input",
                 {
-                  ref: q,
+                  ref: F,
                   type: "text",
                   className: "chronos-input",
                   value: le,
-                  placeholder: y,
+                  placeholder: h,
                   readOnly: !0,
-                  disabled: v,
-                  onKeyDown: re,
-                  "aria-label": R,
-                  "aria-expanded": o,
+                  disabled: N,
+                  onKeyDown: ie,
+                  "aria-label": I,
+                  "aria-expanded": O,
                   "aria-haspopup": "dialog",
                   role: "combobox"
                 }
               ),
-              /* @__PURE__ */ h(
+              /* @__PURE__ */ m(
                 "svg",
                 {
                   className: "chronos-calendar-icon",
@@ -524,67 +548,67 @@ const $e = ({
                   stroke: "currentColor",
                   strokeWidth: "2",
                   children: [
-                    /* @__PURE__ */ a("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
-                    /* @__PURE__ */ a("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
-                    /* @__PURE__ */ a("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
-                    /* @__PURE__ */ a("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+                    /* @__PURE__ */ n("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+                    /* @__PURE__ */ n("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+                    /* @__PURE__ */ n("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+                    /* @__PURE__ */ n("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
                   ]
                 }
               )
             ]
           }
         ),
-        o && /* @__PURE__ */ a(
+        O && /* @__PURE__ */ n(
           "div",
           {
             className: "chronos-dropdown",
-            "data-orientation": A,
-            "data-range-mode": d,
+            "data-orientation": L,
+            "data-range-mode": u,
             role: "dialog",
             "aria-label": "Date and time picker dialog",
-            children: /* @__PURE__ */ h("div", { className: "chronos-dropdown-content", children: [
-              d && g && S && /* @__PURE__ */ h("div", { className: "chronos-range-summary", children: [
-                /* @__PURE__ */ h("div", { className: "chronos-range-nights", children: [
-                  Math.max(0, Math.ceil(S.diff(g, "days").days)),
+            children: /* @__PURE__ */ m("div", { className: "chronos-dropdown-content", children: [
+              u && g && A && /* @__PURE__ */ m("div", { className: "chronos-range-summary", children: [
+                /* @__PURE__ */ m("div", { className: "chronos-range-nights", children: [
+                  Math.max(0, Math.ceil(A.diff(g, "days").days)),
                   " nights"
                 ] }),
-                /* @__PURE__ */ h("div", { className: "chronos-range-dates", children: [
+                /* @__PURE__ */ m("div", { className: "chronos-range-dates", children: [
                   g.toFormat("d MMM yyyy"),
                   " – ",
-                  S.toFormat("d MMM yyyy")
+                  A.toFormat("d MMM yyyy")
                 ] })
               ] }),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 Te,
                 {
-                  viewDate: te,
-                  selectedDate: d ? null : t,
+                  viewDate: ne,
+                  selectedDate: u ? null : l,
                   onDateSelect: oe,
-                  onViewDateChange: B,
-                  timezone: T,
+                  onViewDateChange: K,
+                  timezone: w,
                   minDate: ce,
                   maxDate: de,
-                  selectedStart: d ? g : void 0,
-                  selectedEnd: d ? S : void 0,
-                  onRangeSelect: d ? se : void 0,
+                  selectedStart: u ? g : void 0,
+                  selectedEnd: u ? A : void 0,
+                  onRangeSelect: u ? se : void 0,
                   holidays: he
                 }
               ),
-              !d && (M || P) && /* @__PURE__ */ h("div", { className: "chronos-sidebar", children: [
-                M && /* @__PURE__ */ a(
-                  we,
+              !u && (f || x) && /* @__PURE__ */ m("div", { className: "chronos-sidebar", children: [
+                f && /* @__PURE__ */ n(
+                  Oe,
                   {
-                    value: t,
+                    value: l,
                     onChange: ae,
-                    use24Hour: E,
-                    timezone: T
+                    use24Hour: T,
+                    timezone: w
                   }
                 ),
-                P && /* @__PURE__ */ a(
+                x && /* @__PURE__ */ n(
                   De,
                   {
-                    value: T,
-                    onChange: ie
+                    value: w,
+                    onChange: re
                   }
                 )
               ] })
@@ -597,12 +621,12 @@ const $e = ({
 };
 export {
   X as COMMON_TIMEZONES,
-  pe as DEFAULT_HOLIDAYS_TIMEZONE,
-  ke as DEFAULT_TIMEZONE,
+  ye as DEFAULT_HOLIDAYS_TIMEZONE,
+  be as DEFAULT_TIMEZONE,
   $e as DateTimePicker,
-  ye as INDIAN_HOLIDAYS_2026,
+  pe as INDIAN_HOLIDAYS_2026,
   Me as LONG_WEEKENDS_2026,
-  _ as convertToTimezone,
-  be as getDefaultHolidaysForTimezone,
+  Z as convertToTimezone,
+  ve as getDefaultHolidaysForTimezone,
   U as nowInTimezone
 };

package/dist/index.js

@@ -1 +1 @@
-(function(M,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("luxon")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","luxon"],e):(M=typeof globalThis<"u"?globalThis:M||self,e(M.ChronosPicker={},M.jsxRuntime,M.React,M.luxon))})(this,function(M,e,i,S){"use strict";const J="Asia/Kolkata",q=[{date:"2026-01-26",name:"Republic Day",type:"national"},{date:"2026-03-19",name:"Holi",type:"national"},{date:"2026-04-14",name:"Dr. Ambedkar Jayanti",type:"national"},{date:"2026-08-15",name:"Independence Day",type:"national"},{date:"2026-10-02",name:"Gandhi Jayanti",type:"national"},{date:"2026-10-20",name:"Dussehra",type:"national"},{date:"2026-11-08",name:"Diwali",type:"national"},{date:"2026-12-25",name:"Christmas",type:"national"}],F=[{date:"2026-01-24",name:"Long Weekend: Trip to Jaipur?",type:"long-weekend"},{date:"2026-01-25",name:"Long Weekend: Fort Visit",type:"long-weekend"},{date:"2026-01-26",name:"Republic Day",type:"long-weekend"},{date:"2026-03-19",name:"Holi Celebration",type:"long-weekend"},{date:"2026-03-20",name:"Take a leave! Beach time?",type:"long-weekend"},{date:"2026-03-21",name:"Relaxing Saturday",type:"long-weekend"},{date:"2026-03-22",name:"Lazy Sunday",type:"long-weekend"},{date:"2026-08-15",name:"Independence Day",type:"long-weekend"},{date:"2026-08-16",name:"Sunday Brunch",type:"long-weekend"},{date:"2026-08-17",name:"Take a leave? Hills calling!",type:"long-weekend"},{date:"2026-11-07",name:"Choti Diwali",type:"long-weekend"},{date:"2026-11-08",name:"Diwali",type:"long-weekend"},{date:"2026-11-09",name:"Govardhan Puja (Take leave)",type:"long-weekend"}];function Q(n){return n===J?[...q,...F]:[]}const X="Asia/Kolkata",B=[{value:"Asia/Kolkata",label:"India (IST)"},{value:"America/New_York",label:"Eastern Time (ET)"},{value:"America/Chicago",label:"Central Time (CT)"},{value:"America/Denver",label:"Mountain Time (MT)"},{value:"America/Los_Angeles",label:"Pacific Time (PT)"},{value:"Europe/London",label:"London (GMT/BST)"},{value:"Europe/Paris",label:"Central Europe (CET)"},{value:"Asia/Dubai",label:"Dubai (GST)"},{value:"Asia/Singapore",label:"Singapore (SGT)"},{value:"Asia/Tokyo",label:"Tokyo (JST)"},{value:"Australia/Sydney",label:"Sydney (AEDT)"},{value:"UTC",label:"UTC"}];function A(n,l){return S.DateTime.isDateTime(n)?n.setZone(l):typeof n=="string"?S.DateTime.fromISO(n,{zone:l}):S.DateTime.fromJSDate(n,{zone:l})}function Y(n){return S.DateTime.now().setZone(n)}function V(n){const a=S.DateTime.now().setZone(n).offset,r=Math.floor(Math.abs(a)/60),c=Math.abs(a)%60;return`UTC${a>=0?"+":"-"}${r}${c>0?`:${c.toString().padStart(2,"0")}`:""}`}function te(n,l,a,r,c,b,d,u,v){const T=S.DateTime.fromObject({year:n,month:l,day:1},{zone:a}),P=T.startOf("week"),z=T.endOf("month").endOf("week"),_=S.DateTime.now().setZone(a).startOf("day"),L=d!=null&&u!=null,C=d==null?void 0:d.startOf("day"),$=u==null?void 0:u.endOf("day"),t=new Map;v&&v.forEach(D=>{let h;S.DateTime.isDateTime(D.date)?h=D.date.setZone(a):typeof D.date=="string"?h=S.DateTime.fromISO(D.date,{zone:a}):h=S.DateTime.fromJSDate(D.date,{zone:a}),t.set(h.toISODate()||"",{name:D.name,type:D.type||"national"})});const m=[];let I=[],k=P;for(;k<=z;){const D=k.month===l,h=k.hasSame(_,"day"),s=k.startOf("day"),y=k.toISODate()||"";let o=!1,w=!1,N=!1,W=!1;L&&C&&$?(N=s.hasSame(C,"day"),W=s.hasSame($,"day"),w=s>=C&&s<=$||N||W,o=N||W):r&&(o=k.hasSame(r,"day"));let O=!1;c&&k<c.startOf("day")&&(O=!0),b&&k>b.endOf("day")&&(O=!0);const H=t.get(y);I.push({date:k,isCurrentMonth:D,isToday:h,isSelected:o,isDisabled:O,isInRange:w,isRangeStart:N,isRangeEnd:W,holiday:H?{date:k,...H}:void 0}),I.length===7&&(m.push(I),I=[]),k=k.plus({days:1})}return m}function oe(){const n=S.DateTime.now().startOf("week"),l=[];for(let a=0;a<7;a++){const r=n.plus({days:a});l.push(r.toFormat("ccc"))}return l}function se(){const n=[];for(let l=1;l<=12;l++){const a=S.DateTime.fromObject({month:l});n.push(a.toFormat("MMMM"))}return n}const ae=({viewDate:n,selectedDate:l,onDateSelect:a,onViewDateChange:r,timezone:c,minDate:b,maxDate:d,selectedStart:u,selectedEnd:v,onRangeSelect:T,holidays:P})=>{const Z=T!=null,z=i.useMemo(()=>te(n.year,n.month,c,l??void 0,b,d,u??void 0,v??void 0,P),[n,l,c,b,d,u,v,P]),_=i.useMemo(()=>oe(),[]),L=i.useMemo(()=>se(),[]),C=()=>{r(n.minus({months:1}))},$=()=>{r(n.plus({months:1}))},t=s=>{const y=parseInt(s.target.value,10);r(n.set({month:y}))},m=s=>{const y=parseInt(s.target.value,10);r(n.set({year:y}))},I=(s,y)=>{if(!y)if(Z&&T){const o=s.startOf("day");if(u==null)T(s,s);else if(v!=null&&u.hasSame(v,"day")){const w=u.startOf("day");o<w?T(s,u):T(u,s)}else T(s,s)}else a(s)},k=(s,y,o)=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),I(y,o))},D=n.year,h=Array.from({length:21},(s,y)=>D-10+y);return e.jsxs("div",{className:"chronos-calendar",role:"region","aria-label":"Calendar",children:[e.jsxs("div",{className:"chronos-calendar-header",children:[e.jsx("button",{type:"button",className:"chronos-nav-button",onClick:C,"aria-label":"Previous month",children:"‹"}),e.jsxs("div",{className:"chronos-month-year-selectors",children:[e.jsx("select",{className:"chronos-month-select",value:n.month,onChange:t,"aria-label":"Select month",children:L.map((s,y)=>e.jsx("option",{value:y+1,children:s},y))}),e.jsx("select",{className:"chronos-year-select",value:n.year,onChange:m,"aria-label":"Select year",children:h.map(s=>e.jsx("option",{value:s,children:s},s))})]}),e.jsx("button",{type:"button",className:"chronos-nav-button",onClick:$,"aria-label":"Next month",children:"›"})]}),e.jsxs("div",{className:"chronos-calendar-grid",children:[e.jsx("div",{className:"chronos-weekday-row",children:_.map(s=>e.jsx("div",{className:"chronos-weekday",children:s},s))}),z.map((s,y)=>e.jsx("div",{className:"chronos-week-row",children:s.map((o,w)=>e.jsxs("button",{type:"button",className:`chronos-day ${o.isSelected?"selected":""} ${o.isToday?"today":""} ${o.isCurrentMonth?"":"other-month"} ${o.isDisabled?"disabled":""} ${o.isInRange?"in-range":""} ${o.isRangeStart?"range-start":""} ${o.isRangeEnd?"range-end":""} ${o.holiday?`holiday ${o.holiday.type}`:""}`,onClick:()=>I(o.date,o.isDisabled),onKeyDown:N=>k(N,o.date,o.isDisabled),disabled:o.isDisabled,"aria-label":`${o.date.toFormat("MMMM d, yyyy")}${o.holiday?`, ${o.holiday.name}`:""}`,"aria-selected":o.isSelected,"aria-current":o.isToday?"date":void 0,title:o.holiday?o.holiday.name:void 0,children:[o.date.day,o.holiday&&e.jsx("span",{className:"chronos-holiday-dot"})]},w))},y))]})]})},le=({value:n,onChange:l,use24Hour:a})=>{const[r,c]=i.useState((n==null?void 0:n.hour)??12),[b,d]=i.useState((n==null?void 0:n.minute)??0),[u,v]=i.useState(n&&n.hour>=12?"PM":"AM");i.useEffect(()=>{n&&(c(n.hour),d(n.minute),v(n.hour>=12?"PM":"AM"))},[n]);const T=t=>{c(t);let m=t;a||(u==="PM"&&t!==12?m=t+12:u==="AM"&&t===12&&(m=0)),l(m,b)},P=t=>{d(t),l(r,t)},Z=()=>{const t=u==="AM"?"PM":"AM";v(t);let m=r;t==="PM"&&r!==12?m=r+12:t==="AM"&&r===12?m=0:t==="AM"&&r>12&&(m=r-12),l(m,b)},z=a?r:r%12||12,_=a?23:12,L=a?0:1,C=Array.from({length:_-L+1},(t,m)=>L+m),$=Array.from({length:60},(t,m)=>m);return e.jsxs("div",{className:"chronos-time-picker",role:"group","aria-label":"Time picker",children:[e.jsxs("div",{className:"chronos-time-header",children:[e.jsxs("svg",{className:"chronos-clock-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("polyline",{points:"12 6 12 12 16 14"})]}),e.jsx("span",{children:"Time"})]}),e.jsxs("div",{className:"chronos-time-controls",children:[e.jsxs("div",{className:"chronos-time-input-group",children:[e.jsx("label",{htmlFor:"chronos-hour-select",className:"chronos-time-label",children:"Hour"}),e.jsx("select",{id:"chronos-hour-select",className:"chronos-time-select",value:z,onChange:t=>T(parseInt(t.target.value,10)),"aria-label":"Select hour",children:C.map(t=>e.jsx("option",{value:t,children:t.toString().padStart(2,"0")},t))})]}),e.jsx("span",{className:"chronos-time-separator",children:":"}),e.jsxs("div",{className:"chronos-time-input-group",children:[e.jsx("label",{htmlFor:"chronos-minute-select",className:"chronos-time-label",children:"Minute"}),e.jsx("select",{id:"chronos-minute-select",className:"chronos-time-select",value:b,onChange:t=>P(parseInt(t.target.value,10)),"aria-label":"Select minute",children:$.map(t=>e.jsx("option",{value:t,children:t.toString().padStart(2,"0")},t))})]}),!a&&e.jsx("button",{type:"button",className:"chronos-period-toggle",onClick:Z,"aria-label":`Switch to ${u==="AM"?"PM":"AM"}`,children:u})]})]})},re=({value:n,onChange:l})=>{const[a,r]=i.useState(!1),c=B.find(d=>d.value===n)||{label:n},b=d=>{l(d),r(!1)};return e.jsxs("div",{className:"chronos-timezone-selector",children:[e.jsxs("div",{className:"chronos-timezone-header",children:[e.jsxs("svg",{className:"chronos-globe-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"2",y1:"12",x2:"22",y2:"12"}),e.jsx("path",{d:"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"})]}),e.jsx("span",{children:"Timezone"})]}),e.jsxs("button",{type:"button",className:"chronos-timezone-button",onClick:()=>r(!a),"aria-expanded":a,"aria-label":"Select timezone",children:[e.jsx("span",{className:"chronos-timezone-label",children:c.label}),e.jsx("span",{className:"chronos-timezone-offset",children:V(n)}),e.jsx("svg",{className:`chronos-chevron ${a?"expanded":""}`,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polyline",{points:"6 9 12 15 18 9"})})]}),a&&e.jsx("div",{className:"chronos-timezone-list",role:"listbox",children:B.map(d=>e.jsxs("button",{type:"button",className:`chronos-timezone-option ${d.value===n?"selected":""}`,onClick:()=>b(d.value),role:"option","aria-selected":d.value===n,children:[e.jsx("span",{className:"chronos-timezone-option-label",children:d.label}),e.jsx("span",{className:"chronos-timezone-option-offset",children:V(d.value)})]},d.value))})]})};function R(n,l,a){return{iso:n.toISO()||"",formatted:n.toFormat(`${l} ${a}`),timestamp:n.toMillis(),dateTime:n}}const ie=({value:n,onChange:l,timezone:a=X,dateFormat:r="DD",timeFormat:c="HH:mm",minDate:b,maxDate:d,placeholder:u="Select date and time",disabled:v=!1,showTime:T=!0,use24Hour:P=!0,className:Z="",ariaLabel:z="Date and time picker",showTimezoneSelector:_=!1,theme:L="light",orientation:C="portrait",selectionMode:$="single",rangeValue:t,onRangeChange:m,holidays:I,customHolidays:k,showHolidays:D=!0})=>{const h=$==="range",[s,y]=i.useState(!1),[o,w]=i.useState(()=>!h&&n?A(n,a):null),[N,W]=i.useState(()=>h&&(t!=null&&t.start)?A(t.start,a):null),[O,H]=i.useState(()=>h&&(t!=null&&t.end)?A(t.end,a):null),[g,ce]=i.useState(a),[de,K]=i.useState(()=>o||N||O||Y(a)),G=i.useRef(null),ee=i.useRef(null);i.useEffect(()=>{!h&&n&&w(A(n,g))},[n,g,h]),i.useEffect(()=>{h&&(t==null?void 0:t.start)!=null&&(t==null?void 0:t.end)!=null&&(W(A(t.start,g)),H(A(t.end,g)))},[h,t,g]),i.useEffect(()=>{const p=f=>{G.current&&!G.current.contains(f.target)&&y(!1)};if(s)return document.addEventListener("mousedown",p),()=>document.removeEventListener("mousedown",p)},[s]),i.useEffect(()=>{const p=f=>{var E;f.key==="Escape"&&s&&(y(!1),(E=ee.current)==null||E.focus())};return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[s]);const he=i.useCallback(p=>{let f=p;if(o&&(f=p.set({hour:o.hour,minute:o.minute,second:o.second})),w(f),K(f),T||y(!1),l){const E={iso:f.toISO()||"",formatted:f.toFormat(`${r} ${c}`),timestamp:f.toMillis(),dateTime:f};l(E)}},[o,T,l,r,c]),fe=i.useCallback((p,f)=>{const x=(o||Y(g)).set({hour:p,minute:f,second:0});if(w(x),l){const j={iso:x.toISO()||"",formatted:x.toFormat(`${r} ${c}`),timestamp:x.toMillis(),dateTime:x};l(j)}},[o,g,l,r,c]),me=i.useCallback((p,f)=>{const E=p.startOf("day"),x=f.startOf("day"),[j,U]=E<=x?[E,x]:[x,E];if(W(j),H(U),K(j),m){const be=R(j,r,c),ve=R(U,r,c),Ne=Math.max(0,Math.ceil(U.diff(j,"days").days));m({start:be,end:ve,nights:Ne})}},[m,r,c]),ye=i.useCallback(p=>{if(ce(p),o){const f=o.setZone(p);if(w(f),K(f),l){const E={iso:f.toISO()||"",formatted:f.toFormat(`${r} ${c}`),timestamp:f.toMillis(),dateTime:f};l(E)}}else K(Y(p))},[o,l,r,c]),ne=()=>{v||y(!s)},pe=p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),ne())},ue=h?N&&O?`${N.toFormat("d MMM yyyy")} – ${O.toFormat("d MMM yyyy")}`:"":o?o.toFormat(`${r} ${T?c:""}`):"",Me=b?A(b,g):void 0,Te=d?A(d,g):void 0,ke=I!==void 0?I:D?[...Q(g),...k??[]]:k??[];return e.jsxs("div",{ref:G,className:`chronos-picker ${Z}`,"data-disabled":v,"data-theme":L,children:[e.jsxs("div",{className:"chronos-input-wrapper",onClick:ne,children:[e.jsx("input",{ref:ee,type:"text",className:"chronos-input",value:ue,placeholder:u,readOnly:!0,disabled:v,onKeyDown:pe,"aria-label":z,"aria-expanded":s,"aria-haspopup":"dialog",role:"combobox"}),e.jsxs("svg",{className:"chronos-calendar-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),e.jsx("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),e.jsx("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),e.jsx("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]})]}),s&&e.jsx("div",{className:"chronos-dropdown","data-orientation":C,"data-range-mode":h,role:"dialog","aria-label":"Date and time picker dialog",children:e.jsxs("div",{className:"chronos-dropdown-content",children:[h&&N&&O&&e.jsxs("div",{className:"chronos-range-summary",children:[e.jsxs("div",{className:"chronos-range-nights",children:[Math.max(0,Math.ceil(O.diff(N,"days").days))," nights"]}),e.jsxs("div",{className:"chronos-range-dates",children:[N.toFormat("d MMM yyyy")," – ",O.toFormat("d MMM yyyy")]})]}),e.jsx(ae,{viewDate:de,selectedDate:h?null:o,onDateSelect:he,onViewDateChange:K,timezone:g,minDate:Me,maxDate:Te,selectedStart:h?N:void 0,selectedEnd:h?O:void 0,onRangeSelect:h?me:void 0,holidays:ke}),!h&&(T||_)&&e.jsxs("div",{className:"chronos-sidebar",children:[T&&e.jsx(le,{value:o,onChange:fe,use24Hour:P,timezone:g}),_&&e.jsx(re,{value:g,onChange:ye})]})]})})]})};M.COMMON_TIMEZONES=B,M.DEFAULT_HOLIDAYS_TIMEZONE=J,M.DEFAULT_TIMEZONE=X,M.DateTimePicker=ie,M.INDIAN_HOLIDAYS_2026=q,M.LONG_WEEKENDS_2026=F,M.convertToTimezone=A,M.getDefaultHolidaysForTimezone=Q,M.nowInTimezone=Y,Object.defineProperty(M,Symbol.toStringTag,{value:"Module"})});
+(function(N,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("luxon")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","luxon"],e):(N=typeof globalThis<"u"?globalThis:N||self,e(N.ChronosPicker={},N.jsxRuntime,N.React,N.luxon))})(this,function(N,e,f,T){"use strict";const U="Asia/Kolkata",F=[{date:"2026-01-26",name:"Republic Day",type:"national"},{date:"2026-03-19",name:"Holi",type:"national"},{date:"2026-04-14",name:"Dr. Ambedkar Jayanti",type:"national"},{date:"2026-08-15",name:"Independence Day",type:"national"},{date:"2026-10-02",name:"Gandhi Jayanti",type:"national"},{date:"2026-10-20",name:"Dussehra",type:"national"},{date:"2026-11-08",name:"Diwali",type:"national"},{date:"2026-12-25",name:"Christmas",type:"national"}],q=[{date:"2026-01-24",name:"Long Weekend: Trip to Jaipur?",type:"long-weekend"},{date:"2026-01-25",name:"Long Weekend: Fort Visit",type:"long-weekend"},{date:"2026-01-26",name:"Republic Day",type:"long-weekend"},{date:"2026-03-19",name:"Holi Celebration",type:"long-weekend"},{date:"2026-03-20",name:"Take a leave! Beach time?",type:"long-weekend"},{date:"2026-03-21",name:"Relaxing Saturday",type:"long-weekend"},{date:"2026-03-22",name:"Lazy Sunday",type:"long-weekend"},{date:"2026-08-15",name:"Independence Day",type:"long-weekend"},{date:"2026-08-16",name:"Sunday Brunch",type:"long-weekend"},{date:"2026-08-17",name:"Take a leave? Hills calling!",type:"long-weekend"},{date:"2026-11-07",name:"Choti Diwali",type:"long-weekend"},{date:"2026-11-08",name:"Diwali",type:"long-weekend"},{date:"2026-11-09",name:"Govardhan Puja (Take leave)",type:"long-weekend"}];function Q(t){return t===U?[...F,...q]:[]}const X="Asia/Kolkata",B=[{value:"Asia/Kolkata",label:"India (IST)"},{value:"America/New_York",label:"Eastern Time (ET)"},{value:"America/Chicago",label:"Central Time (CT)"},{value:"America/Denver",label:"Mountain Time (MT)"},{value:"America/Los_Angeles",label:"Pacific Time (PT)"},{value:"Europe/London",label:"London (GMT/BST)"},{value:"Europe/Paris",label:"Central Europe (CET)"},{value:"Asia/Dubai",label:"Dubai (GST)"},{value:"Asia/Singapore",label:"Singapore (SGT)"},{value:"Asia/Tokyo",label:"Tokyo (JST)"},{value:"Australia/Sydney",label:"Sydney (AEDT)"},{value:"UTC",label:"UTC"}];function _(t,o){return T.DateTime.isDateTime(t)?t.setZone(o):typeof t=="string"?T.DateTime.fromISO(t,{zone:o}):T.DateTime.fromJSDate(t,{zone:o})}function Y(t){return T.DateTime.now().setZone(t)}function V(t){const s=T.DateTime.now().setZone(t).offset,l=Math.floor(Math.abs(s)/60),c=Math.abs(s)%60;return`UTC${s>=0?"+":"-"}${l}${c>0?`:${c.toString().padStart(2,"0")}`:""}`}function ne(t,o,s,l,c,v,d,h,D){const m=T.DateTime.fromObject({year:t,month:o,day:1},{zone:s}),S=m.startOf("week"),I=m.endOf("month").endOf("week"),A=T.DateTime.now().setZone(s).startOf("day"),L=d!=null&&h!=null,x=d==null?void 0:d.startOf("day"),Z=h==null?void 0:h.endOf("day"),n=new Map;D&&D.forEach(w=>{let y;T.DateTime.isDateTime(w.date)?y=w.date.setZone(s):typeof w.date=="string"?y=T.DateTime.fromISO(w.date,{zone:s}):y=T.DateTime.fromJSDate(w.date,{zone:s}),n.set(y.toISODate()||"",{name:w.name,type:w.type||"national"})});const u=[];let W=[],g=S;for(;g<=I;){const w=g.month===o,y=g.hasSame(A,"day"),O=g.startOf("day"),a=g.toISODate()||"";let i=!1,r=!1,k=!1,C=!1;L&&x&&Z?(k=O.hasSame(x,"day"),C=O.hasSame(Z,"day"),r=O>=x&&O<=Z||k||C,i=k||C):l&&(i=g.hasSame(l,"day"));let $=!1;c&&g<c.startOf("day")&&($=!0),v&&g>v.endOf("day")&&($=!0);const H=n.get(a);W.push({date:g,isCurrentMonth:w,isToday:y,isSelected:i,isDisabled:$,isInRange:r,isRangeStart:k,isRangeEnd:C,holiday:H?{date:g,...H}:void 0}),W.length===7&&(u.push(W),W=[]),g=g.plus({days:1})}return u}function oe(){const t=T.DateTime.now().startOf("week"),o=[];for(let s=0;s<7;s++){const l=t.plus({days:s});o.push(l.toFormat("ccc"))}return o}function ae(){const t=[];for(let o=1;o<=12;o++){const s=T.DateTime.fromObject({month:o});t.push(s.toFormat("MMMM"))}return t}function se(t,o,s,l){if(!t||t.length===0)return[];const c=b=>T.DateTime.isDateTime(b.date)?b.date.setZone(o).startOf("day"):typeof b.date=="string"?T.DateTime.fromISO(b.date,{zone:o}).startOf("day"):T.DateTime.fromJSDate(b.date,{zone:o}).startOf("day"),v=T.DateTime.fromObject({year:s,month:l,day:1},{zone:o}),d=v.endOf("month"),h=Array.from(new Set(t.map(b=>c(b).toISODate()).filter(Boolean))).sort();if(h.length===0)return[];const D=[];let m=T.DateTime.fromISO(h[0],{zone:o}),S=m;for(let b=1;b<h.length;b++){const I=T.DateTime.fromISO(h[b],{zone:o}),A=T.DateTime.fromISO(h[b-1],{zone:o});I.diff(A,"days").days<=1||(S>=v&&m<=d&&D.push({start:m,end:S}),m=I),S=I}return S>=v&&m<=d&&D.push({start:m,end:S}),D}const re=({viewDate:t,selectedDate:o,onDateSelect:s,onViewDateChange:l,timezone:c,minDate:v,maxDate:d,selectedStart:h,selectedEnd:D,onRangeSelect:m,holidays:S})=>{const b=m!=null,I=f.useMemo(()=>ne(t.year,t.month,c,o??void 0,v,d,h??void 0,D??void 0,S),[t,o,c,v,d,h,D,S]),A=f.useMemo(()=>se(S,c,t.year,t.month),[S,c,t.year,t.month]),L=f.useMemo(()=>oe(),[]),x=f.useMemo(()=>ae(),[]),Z=()=>{l(t.minus({months:1}))},n=()=>{l(t.plus({months:1}))},u=a=>{const i=parseInt(a.target.value,10);l(t.set({month:i}))},W=a=>{const i=parseInt(a.target.value,10);l(t.set({year:i}))},g=(a,i)=>{if(!i)if(b&&m){const r=a.startOf("day");if(h==null)m(a,a);else if(D!=null&&h.hasSame(D,"day")){const k=h.startOf("day");r<k?m(a,h):m(h,a)}else m(a,a)}else s(a)},w=(a,i,r)=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),g(i,r))},y=t.year,O=Array.from({length:21},(a,i)=>y-10+i);return e.jsxs("div",{className:"chronos-calendar",role:"region","aria-label":"Calendar",children:[e.jsxs("div",{className:"chronos-calendar-header",children:[e.jsx("button",{type:"button",className:"chronos-nav-button",onClick:Z,"aria-label":"Previous month",children:"‹"}),e.jsxs("div",{className:"chronos-month-year-selectors",children:[e.jsx("select",{className:"chronos-month-select",value:t.month,onChange:u,"aria-label":"Select month",children:x.map((a,i)=>e.jsx("option",{value:i+1,children:a},i))}),e.jsx("select",{className:"chronos-year-select",value:t.year,onChange:W,"aria-label":"Select year",children:O.map(a=>e.jsx("option",{value:a,children:a},a))})]}),e.jsx("button",{type:"button",className:"chronos-nav-button",onClick:n,"aria-label":"Next month",children:"›"})]}),e.jsxs("div",{className:"chronos-calendar-grid",children:[e.jsx("div",{className:"chronos-weekday-row",children:L.map(a=>e.jsx("div",{className:"chronos-weekday",children:a},a))}),I.map((a,i)=>e.jsx("div",{className:"chronos-week-row",children:a.map((r,k)=>e.jsxs("button",{type:"button",className:`chronos-day ${r.isSelected?"selected":""} ${r.isToday?"today":""} ${r.isCurrentMonth?"":"other-month"} ${r.isDisabled?"disabled":""} ${r.isInRange?"in-range":""} ${r.isRangeStart?"range-start":""} ${r.isRangeEnd?"range-end":""} ${r.holiday?`holiday ${r.holiday.type}`:""}`,onClick:()=>g(r.date,r.isDisabled),onKeyDown:C=>w(C,r.date,r.isDisabled),disabled:r.isDisabled,"aria-label":`${r.date.toFormat("MMMM d, yyyy")}${r.holiday?`, ${r.holiday.name}`:""}`,"aria-selected":r.isSelected,"aria-current":r.isToday?"date":void 0,title:r.holiday?r.holiday.name:void 0,children:[r.date.day,r.holiday&&e.jsx("span",{className:"chronos-holiday-dot"})]},k))},i))]}),A.length>0&&e.jsx("div",{className:"chronos-vacation-notes",role:"region","aria-label":"Vacation suggestions",children:A.map((a,i)=>{const r=a.start.hasSame(a.end,"day"),k=a.start.toFormat("d MMM yyyy"),C=a.end.toFormat("d MMM yyyy");return e.jsxs("div",{className:"chronos-vacation-note",children:[e.jsx("div",{className:"chronos-vacation-note-title",children:r?"Vacation day":"You can take your vacation"}),e.jsx("div",{className:"chronos-vacation-note-dates",children:r?k:`from ${k} to ${C}`})]},i)})})]})},le=({value:t,onChange:o,use24Hour:s})=>{const[l,c]=f.useState((t==null?void 0:t.hour)??12),[v,d]=f.useState((t==null?void 0:t.minute)??0),[h,D]=f.useState(t&&t.hour>=12?"PM":"AM");f.useEffect(()=>{t&&(c(t.hour),d(t.minute),D(t.hour>=12?"PM":"AM"))},[t]);const m=n=>{c(n);let u=n;s||(h==="PM"&&n!==12?u=n+12:h==="AM"&&n===12&&(u=0)),o(u,v)},S=n=>{d(n),o(l,n)},b=()=>{const n=h==="AM"?"PM":"AM";D(n);let u=l;n==="PM"&&l!==12?u=l+12:n==="AM"&&l===12?u=0:n==="AM"&&l>12&&(u=l-12),o(u,v)},I=s?l:l%12||12,A=s?23:12,L=s?0:1,x=Array.from({length:A-L+1},(n,u)=>L+u),Z=Array.from({length:60},(n,u)=>u);return e.jsxs("div",{className:"chronos-time-picker",role:"group","aria-label":"Time picker",children:[e.jsxs("div",{className:"chronos-time-header",children:[e.jsxs("svg",{className:"chronos-clock-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("polyline",{points:"12 6 12 12 16 14"})]}),e.jsx("span",{children:"Time"})]}),e.jsxs("div",{className:"chronos-time-controls",children:[e.jsxs("div",{className:"chronos-time-input-group",children:[e.jsx("label",{htmlFor:"chronos-hour-select",className:"chronos-time-label",children:"Hour"}),e.jsx("select",{id:"chronos-hour-select",className:"chronos-time-select",value:I,onChange:n=>m(parseInt(n.target.value,10)),"aria-label":"Select hour",children:x.map(n=>e.jsx("option",{value:n,children:n.toString().padStart(2,"0")},n))})]}),e.jsx("span",{className:"chronos-time-separator",children:":"}),e.jsxs("div",{className:"chronos-time-input-group",children:[e.jsx("label",{htmlFor:"chronos-minute-select",className:"chronos-time-label",children:"Minute"}),e.jsx("select",{id:"chronos-minute-select",className:"chronos-time-select",value:v,onChange:n=>S(parseInt(n.target.value,10)),"aria-label":"Select minute",children:Z.map(n=>e.jsx("option",{value:n,children:n.toString().padStart(2,"0")},n))})]}),!s&&e.jsx("button",{type:"button",className:"chronos-period-toggle",onClick:b,"aria-label":`Switch to ${h==="AM"?"PM":"AM"}`,children:h})]})]})},ie=({value:t,onChange:o})=>{const[s,l]=f.useState(!1),c=B.find(d=>d.value===t)||{label:t},v=d=>{o(d),l(!1)};return e.jsxs("div",{className:"chronos-timezone-selector",children:[e.jsxs("div",{className:"chronos-timezone-header",children:[e.jsxs("svg",{className:"chronos-globe-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"2",y1:"12",x2:"22",y2:"12"}),e.jsx("path",{d:"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"})]}),e.jsx("span",{children:"Timezone"})]}),e.jsxs("button",{type:"button",className:"chronos-timezone-button",onClick:()=>l(!s),"aria-expanded":s,"aria-label":"Select timezone",children:[e.jsx("span",{className:"chronos-timezone-label",children:c.label}),e.jsx("span",{className:"chronos-timezone-offset",children:V(t)}),e.jsx("svg",{className:`chronos-chevron ${s?"expanded":""}`,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polyline",{points:"6 9 12 15 18 9"})})]}),s&&e.jsx("div",{className:"chronos-timezone-list",role:"listbox",children:B.map(d=>e.jsxs("button",{type:"button",className:`chronos-timezone-option ${d.value===t?"selected":""}`,onClick:()=>v(d.value),role:"option","aria-selected":d.value===t,children:[e.jsx("span",{className:"chronos-timezone-option-label",children:d.label}),e.jsx("span",{className:"chronos-timezone-option-offset",children:V(d.value)})]},d.value))})]})};function R(t,o,s){return{iso:t.toISO()||"",formatted:t.toFormat(`${o} ${s}`),timestamp:t.toMillis(),dateTime:t}}const ce=({value:t,onChange:o,timezone:s=X,dateFormat:l="DD",timeFormat:c="HH:mm",minDate:v,maxDate:d,placeholder:h="Select date and time",disabled:D=!1,showTime:m=!0,use24Hour:S=!0,className:b="",ariaLabel:I="Date and time picker",showTimezoneSelector:A=!1,theme:L="light",orientation:x="portrait",selectionMode:Z="single",rangeValue:n,onRangeChange:u,holidays:W,customHolidays:g,showHolidays:w=!0})=>{const y=Z==="range",[O,a]=f.useState(!1),[i,r]=f.useState(()=>!y&&t?_(t,s):null),[k,C]=f.useState(()=>y&&(n!=null&&n.start)?_(n.start,s):null),[$,H]=f.useState(()=>y&&(n!=null&&n.end)?_(n.end,s):null),[E,de]=f.useState(s),[he,K]=f.useState(()=>i||k||$||Y(s)),G=f.useRef(null),ee=f.useRef(null);f.useEffect(()=>{!y&&t&&r(_(t,E))},[t,E,y]),f.useEffect(()=>{y&&(n==null?void 0:n.start)!=null&&(n==null?void 0:n.end)!=null&&(C(_(n.start,E)),H(_(n.end,E)))},[y,n,E]),f.useEffect(()=>{const M=p=>{G.current&&!G.current.contains(p.target)&&a(!1)};if(O)return document.addEventListener("mousedown",M),()=>document.removeEventListener("mousedown",M)},[O]),f.useEffect(()=>{const M=p=>{var P;p.key==="Escape"&&O&&(a(!1),(P=ee.current)==null||P.focus())};return document.addEventListener("keydown",M),()=>document.removeEventListener("keydown",M)},[O]);const fe=f.useCallback(M=>{let p=M;if(i&&(p=M.set({hour:i.hour,minute:i.minute,second:i.second})),r(p),K(p),m||a(!1),o){const P={iso:p.toISO()||"",formatted:p.toFormat(`${l} ${c}`),timestamp:p.toMillis(),dateTime:p};o(P)}},[i,m,o,l,c]),me=f.useCallback((M,p)=>{const z=(i||Y(E)).set({hour:M,minute:p,second:0});if(r(z),o){const j={iso:z.toISO()||"",formatted:z.toFormat(`${l} ${c}`),timestamp:z.toMillis(),dateTime:z};o(j)}},[i,E,o,l,c]),ye=f.useCallback((M,p)=>{const P=M.startOf("day"),z=p.startOf("day"),[j,J]=P<=z?[P,z]:[z,P];if(C(j),H(J),K(j),u){const ke=R(j,l,c),De=R(J,l,c),ge=Math.max(0,Math.ceil(J.diff(j,"days").days));u({start:ke,end:De,nights:ge})}},[u,l,c]),pe=f.useCallback(M=>{if(de(M),i){const p=i.setZone(M);if(r(p),K(p),o){const P={iso:p.toISO()||"",formatted:p.toFormat(`${l} ${c}`),timestamp:p.toMillis(),dateTime:p};o(P)}}else K(Y(M))},[i,o,l,c]),te=()=>{D||a(!O)},ue=M=>{(M.key==="Enter"||M.key===" ")&&(M.preventDefault(),te())},Me=y?k&&$?`${k.toFormat("d MMM yyyy")} – ${$.toFormat("d MMM yyyy")}`:"":i?i.toFormat(`${l} ${m?c:""}`):"",Te=v?_(v,E):void 0,ve=d?_(d,E):void 0,be=W!==void 0?W:w?[...Q(E),...g??[]]:g??[];return e.jsxs("div",{ref:G,className:`chronos-picker ${b}`,"data-disabled":D,"data-theme":L,children:[e.jsxs("div",{className:"chronos-input-wrapper",onClick:te,children:[e.jsx("input",{ref:ee,type:"text",className:"chronos-input",value:Me,placeholder:h,readOnly:!0,disabled:D,onKeyDown:ue,"aria-label":I,"aria-expanded":O,"aria-haspopup":"dialog",role:"combobox"}),e.jsxs("svg",{className:"chronos-calendar-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),e.jsx("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),e.jsx("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),e.jsx("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]})]}),O&&e.jsx("div",{className:"chronos-dropdown","data-orientation":x,"data-range-mode":y,role:"dialog","aria-label":"Date and time picker dialog",children:e.jsxs("div",{className:"chronos-dropdown-content",children:[y&&k&&$&&e.jsxs("div",{className:"chronos-range-summary",children:[e.jsxs("div",{className:"chronos-range-nights",children:[Math.max(0,Math.ceil($.diff(k,"days").days))," nights"]}),e.jsxs("div",{className:"chronos-range-dates",children:[k.toFormat("d MMM yyyy")," – ",$.toFormat("d MMM yyyy")]})]}),e.jsx(re,{viewDate:he,selectedDate:y?null:i,onDateSelect:fe,onViewDateChange:K,timezone:E,minDate:Te,maxDate:ve,selectedStart:y?k:void 0,selectedEnd:y?$:void 0,onRangeSelect:y?ye:void 0,holidays:be}),!y&&(m||A)&&e.jsxs("div",{className:"chronos-sidebar",children:[m&&e.jsx(le,{value:i,onChange:me,use24Hour:S,timezone:E}),A&&e.jsx(ie,{value:E,onChange:pe})]})]})})]})};N.COMMON_TIMEZONES=B,N.DEFAULT_HOLIDAYS_TIMEZONE=U,N.DEFAULT_TIMEZONE=X,N.DateTimePicker=ce,N.INDIAN_HOLIDAYS_2026=F,N.LONG_WEEKENDS_2026=q,N.convertToTimezone=_,N.getDefaultHolidaysForTimezone=Q,N.nowInTimezone=Y,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});

package/dist/src/components/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,UAAU,aAAa;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,oDAAoD;IACpD,aAAa,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwK5C,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,UAAU,aAAa;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,oDAAoD;IACpD,aAAa,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiM5C,CAAC"}

package/dist/src/utils/calendar.d.ts

@@ -17,4 +17,17 @@ export declare function getWeekdayNames(): string[];
  * Get month names
  */
 export declare function getMonthNames(): string[];
+export interface VacationRange {
+    start: DateTime;
+    end: DateTime;
+}
+/**
+ * Get consecutive holiday/long-weekend date ranges that overlap the given month.
+ * Used to show "You can take your vacation from X to Y" notes.
+ */
+export declare function getVacationRangesInMonth(holidays: {
+    date: DateTime | string | Date;
+    name: string;
+    type?: 'national' | 'long-weekend';
+}[] | undefined, timezone: string, year: number, month: number): VacationRange[];
 //# sourceMappingURL=calendar.d.ts.map

package/dist/src/utils/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/utils/calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,YAAY,CAAC,EAAE,QAAQ,EACvB,OAAO,CAAC,EAAE,QAAQ,EAClB,OAAO,CAAC,EAAE,QAAQ,EAClB,aAAa,CAAC,EAAE,QAAQ,EACxB,WAAW,CAAC,EAAE,QAAQ,EACtB,QAAQ,CAAC,EAAE;IAAE,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,GAAG,cAAc,CAAA;CAAE,EAAE,GAChG,YAAY,EAAE,EAAE,CAuFlB;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,MAAM,EAAE,CAU1C;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,MAAM,EAAE,CASxC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/utils/calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,YAAY,CAAC,EAAE,QAAQ,EACvB,OAAO,CAAC,EAAE,QAAQ,EAClB,OAAO,CAAC,EAAE,QAAQ,EAClB,aAAa,CAAC,EAAE,QAAQ,EACxB,WAAW,CAAC,EAAE,QAAQ,EACtB,QAAQ,CAAC,EAAE;IAAE,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,GAAG,cAAc,CAAA;CAAE,EAAE,GAChG,YAAY,EAAE,EAAE,CAuFlB;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,MAAM,EAAE,CAU1C;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,MAAM,EAAE,CASxC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,QAAQ,CAAC;IAChB,GAAG,EAAE,QAAQ,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE;IAAE,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,GAAG,cAAc,CAAA;CAAE,EAAE,GAAG,SAAS,EAC5G,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GACZ,aAAa,EAAE,CA0CjB"}

package/dist/style.css

@@ -1 +1 @@
-.chronos-picker{position:relative;display:inline-block;width:100%;max-width:320px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#1a1a1a}.chronos-picker[data-disabled=true]{opacity:.6;cursor:not-allowed}.chronos-input-wrapper{position:relative;display:flex;align-items:center;cursor:pointer}.chronos-input{width:100%;padding:10px 40px 10px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;color:#1a1a1a;background-color:#fff;transition:all .2s ease;cursor:pointer;outline:none}.chronos-input:hover:not(:disabled){border-color:#9ca3af}.chronos-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chronos-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.chronos-input::placeholder{color:#9ca3af}.chronos-calendar-icon{position:absolute;right:12px;width:20px;height:20px;color:#6b7280;pointer-events:none;transition:color .2s ease}.chronos-input:hover:not(:disabled)~.chronos-calendar-icon,.chronos-input:focus~.chronos-calendar-icon{color:#3b82f6}.chronos-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:99999;min-width:320px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 6px -1px #00000014,0 10px 30px -4px #0000001f;overflow:hidden;animation:chronos-dropdown-appear .2s ease}.chronos-dropdown-content{display:flex;flex-direction:column}.chronos-dropdown[data-orientation=portrait] .chronos-dropdown-content{flex-direction:column}.chronos-dropdown[data-orientation=landscape]{min-width:auto}.chronos-dropdown[data-orientation=landscape] .chronos-dropdown-content{flex-direction:row}.chronos-dropdown[data-orientation=landscape] .chronos-calendar{border-right:1px solid #e5e7eb;border-bottom:none}.chronos-dropdown[data-orientation=landscape] .chronos-sidebar{display:flex;flex-direction:column;min-width:240px}.chronos-dropdown[data-orientation=landscape] .chronos-time-picker{border-top:none;border-bottom:1px solid #e5e7eb}.chronos-dropdown[data-orientation=landscape] .chronos-time-picker:last-child{border-bottom:none}.chronos-dropdown[data-orientation=landscape] .chronos-timezone-selector{border-top:none}@keyframes chronos-dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chronos-range-summary{padding:16px 16px 0;margin-bottom:8px}.chronos-range-nights{font-size:1.5rem;font-weight:700;color:#1a1a1a;letter-spacing:-.025em;line-height:1.2}.chronos-range-dates{font-size:.875rem;color:#6b7280;margin-top:4px}.chronos-calendar{padding:16px}.chronos-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.chronos-nav-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#4b5563;font-size:20px;font-weight:600;cursor:pointer;transition:all .15s ease}.chronos-nav-button:hover{background:#f3f4f6;color:#1a1a1a}.chronos-nav-button:active{transform:scale(.95)}.chronos-month-year-selectors{display:flex;gap:8px;flex:1;justify-content:center}.chronos-month-select,.chronos-year-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#1a1a1a;background-color:#fff;cursor:pointer;transition:all .15s ease;outline:none}.chronos-month-select:hover,.chronos-year-select:hover{border-color:#9ca3af}.chronos-month-select:focus,.chronos-year-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chronos-calendar-grid{display:flex;flex-direction:column;gap:4px}.chronos-weekday-row,.chronos-week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.chronos-weekday{display:flex;align-items:center;justify-content:center;height:32px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.chronos-day{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 auto;border:none;border-radius:50%;font-size:14px;font-weight:500;color:#1a1a1a;background:transparent;cursor:pointer;transition:all .2s ease;position:relative}.chronos-day:hover:not(.disabled){background:#f3f4f6;transform:scale(1.08)}.chronos-day.other-month{color:#9ca3af}.chronos-day.today{color:#3b82f6;font-weight:600}.chronos-day.today:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#3b82f6}.chronos-day.selected{background:#3b82f6;color:#fff;font-weight:600;box-shadow:0 2px 8px #3b82f659}.chronos-day.selected:hover{background:#2563eb;box-shadow:0 2px 12px #2563eb66}.chronos-day.disabled{color:#d1d5db;cursor:not-allowed;opacity:.5}.chronos-day.disabled:hover{background:transparent;transform:none}.chronos-day.in-range{background:#e5e7eb;border-radius:0}.chronos-day.in-range:hover{background:#d1d5db}.chronos-day.range-start{border-radius:50% 0 0 50%}.chronos-day.range-start.in-range{background:#e5e7eb}.chronos-day.range-end{border-radius:0 50% 50% 0}.chronos-day.range-end.in-range{background:#e5e7eb}.chronos-day.range-start.selected,.chronos-day.range-end.selected{background:#1a1a1a;color:#fff;font-weight:600;box-shadow:0 0 0 2px #fff}.chronos-day.range-start.selected:hover,.chronos-day.range-end.selected:hover{background:#374151}.chronos-day.range-start.range-end{border-radius:50%}.chronos-day:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.chronos-day.holiday{position:relative}.chronos-holiday-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background-color:#ef4444}.chronos-day.holiday.long-weekend{background-color:#ecfdf5;color:#047857;font-weight:600}.chronos-day.holiday.long-weekend:hover:not(.disabled){background-color:#d1fae5}.chronos-day.holiday.long-weekend .chronos-holiday-dot{background-color:#10b981}.chronos-picker[data-theme=dark] .chronos-day.holiday.long-weekend{background-color:#064e3b;color:#d1fae5}.chronos-picker[data-theme=dark] .chronos-day.holiday.long-weekend:hover:not(.disabled){background-color:#065f46}.chronos-picker[data-theme=dark] .chronos-day.holiday.long-weekend .chronos-holiday-dot{background-color:#34d399}.chronos-time-picker{padding:16px}.chronos-dropdown[data-orientation=portrait] .chronos-time-picker{border-top:1px solid #e5e7eb}.chronos-time-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#4b5563}.chronos-clock-icon{width:18px;height:18px;color:#6b7280}.chronos-time-controls{display:flex;align-items:flex-end;justify-content:center;gap:8px}.chronos-time-input-group{display:flex;flex-direction:column;gap:4px}.chronos-time-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.chronos-time-select{width:70px;padding:8px 10px;border:1.5px solid #d1d5db;border-radius:6px;font-size:16px;font-weight:600;color:#1a1a1a;background-color:#fff;cursor:pointer;transition:all .15s ease;outline:none;text-align:center}.chronos-time-select:hover{border-color:#9ca3af}.chronos-time-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chronos-time-separator{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1;margin-bottom:8px}.chronos-period-toggle{padding:8px 16px;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:600;color:#1a1a1a;background-color:#fff;cursor:pointer;transition:all .15s ease;outline:none}.chronos-period-toggle:hover{border-color:#3b82f6;background-color:#eff6ff;color:#3b82f6}.chronos-period-toggle:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chronos-period-toggle:active{transform:scale(.95)}.chronos-timezone-selector{padding:16px}.chronos-dropdown[data-orientation=portrait] .chronos-timezone-selector{border-top:1px solid #e5e7eb}.chronos-timezone-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#4b5563}.chronos-globe-icon{width:18px;height:18px;color:#6b7280}.chronos-timezone-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:1.5px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .15s ease;outline:none}.chronos-timezone-button:hover{border-color:#9ca3af}.chronos-timezone-button:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chronos-timezone-label{font-weight:500;color:#1a1a1a;flex:1;text-align:left}.chronos-timezone-offset{font-size:12px;color:#6b7280;margin-right:8px}.chronos-chevron{width:16px;height:16px;color:#6b7280;transition:transform .2s ease}.chronos-chevron.expanded{transform:rotate(180deg)}.chronos-timezone-list{margin-top:8px;max-height:240px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff;animation:chronos-timezone-list-appear .2s ease}@keyframes chronos-timezone-list-appear{0%{opacity:0;max-height:0}to{opacity:1;max-height:240px}}.chronos-timezone-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:none;border-bottom:1px solid #f3f4f6;background:transparent;text-align:left;cursor:pointer;transition:background .15s ease;outline:none}.chronos-timezone-option:last-child{border-bottom:none}.chronos-timezone-option:hover{background:#f9fafb}.chronos-timezone-option.selected{background:#eff6ff}.chronos-timezone-option:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.chronos-timezone-option-label{font-weight:500;color:#1a1a1a}.chronos-timezone-option.selected .chronos-timezone-option-label{color:#3b82f6;font-weight:600}.chronos-timezone-option-offset{font-size:12px;color:#6b7280}@media (max-width: 480px){.chronos-dropdown{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.chronos-picker{max-width:100%}}.chronos-timezone-list::-webkit-scrollbar{width:6px}.chronos-timezone-list::-webkit-scrollbar-track{background:#f3f4f6}.chronos-timezone-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.chronos-timezone-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.chronos-picker[data-theme=dark]{color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-dropdown[data-orientation=landscape] .chronos-calendar{border-right-color:#374151}.chronos-picker[data-theme=dark] .chronos-dropdown[data-orientation=landscape] .chronos-time-picker{border-bottom-color:#374151}.chronos-picker[data-theme=dark] .chronos-dropdown[data-orientation=portrait] .chronos-time-picker,.chronos-picker[data-theme=dark] .chronos-dropdown[data-orientation=portrait] .chronos-timezone-selector{border-top-color:#374151}.chronos-picker[data-theme=dark] .chronos-input{background-color:#1f2937;border-color:#374151;color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-input:hover:not(:disabled){border-color:#4b5563}.chronos-picker[data-theme=dark] .chronos-input:disabled{background-color:#111827}.chronos-picker[data-theme=dark] .chronos-input::placeholder{color:#6b7280}.chronos-picker[data-theme=dark] .chronos-calendar-icon{color:#9ca3af}.chronos-picker[data-theme=dark] .chronos-dropdown{background:#1f2937;border-color:#374151;box-shadow:0 10px 40px #0006}.chronos-picker[data-theme=dark] .chronos-nav-button{color:#9ca3af}.chronos-picker[data-theme=dark] .chronos-nav-button:hover{background:#374151;color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-month-select,.chronos-picker[data-theme=dark] .chronos-year-select{background-color:#1f2937;border-color:#374151;color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-weekday{color:#9ca3af}.chronos-picker[data-theme=dark] .chronos-day{color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-day:hover:not(.disabled){background:#374151}.chronos-picker[data-theme=dark] .chronos-day.other-month{color:#6b7280}.chronos-picker[data-theme=dark] .chronos-day.today{color:#60a5fa}.chronos-picker[data-theme=dark] .chronos-day.today:after{background:#60a5fa}.chronos-picker[data-theme=dark] .chronos-day.selected{background:#3b82f6;color:#fff}.chronos-picker[data-theme=dark] .chronos-range-nights{color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-range-dates{color:#9ca3af}.chronos-picker[data-theme=dark] .chronos-day.in-range{background:#374151}.chronos-picker[data-theme=dark] .chronos-day.in-range:hover{background:#4b5563}.chronos-picker[data-theme=dark] .chronos-day.range-start.selected,.chronos-picker[data-theme=dark] .chronos-day.range-end.selected{background:#3b82f6;color:#fff;box-shadow:0 0 0 2px #1f2937}.chronos-picker[data-theme=dark] .chronos-time-header,.chronos-picker[data-theme=dark] .chronos-timezone-header{color:#9ca3af}.chronos-picker[data-theme=dark] .chronos-time-select,.chronos-picker[data-theme=dark] .chronos-period-toggle,.chronos-picker[data-theme=dark] .chronos-timezone-button{background-color:#1f2937;border-color:#374151;color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-timezone-list{background:#1f2937;border-color:#374151}.chronos-picker[data-theme=dark] .chronos-timezone-option:hover{background:#374151}.chronos-picker[data-theme=dark] .chronos-timezone-option.selected{background:#1e3a5f}.chronos-picker[data-theme=dark] .chronos-timezone-option.selected .chronos-timezone-option-label{color:#60a5fa}
+.chronos-picker{position:relative;display:inline-block;width:100%;max-width:320px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#1a1a1a}.chronos-picker[data-disabled=true]{opacity:.6;cursor:not-allowed}.chronos-input-wrapper{position:relative;display:flex;align-items:center;cursor:pointer}.chronos-input{width:100%;padding:10px 40px 10px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;color:#1a1a1a;background-color:#fff;transition:all .2s ease;cursor:pointer;outline:none}.chronos-input:hover:not(:disabled){border-color:#9ca3af}.chronos-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chronos-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.chronos-input::placeholder{color:#9ca3af}.chronos-calendar-icon{position:absolute;right:12px;width:20px;height:20px;color:#6b7280;pointer-events:none;transition:color .2s ease}.chronos-input:hover:not(:disabled)~.chronos-calendar-icon,.chronos-input:focus~.chronos-calendar-icon{color:#3b82f6}.chronos-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:99999;min-width:320px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 6px -1px #00000014,0 10px 30px -4px #0000001f;overflow:hidden;animation:chronos-dropdown-appear .2s ease}.chronos-dropdown-content{display:flex;flex-direction:column}.chronos-dropdown[data-orientation=portrait] .chronos-dropdown-content{flex-direction:column}.chronos-dropdown[data-orientation=landscape]{min-width:auto}.chronos-dropdown[data-orientation=landscape] .chronos-dropdown-content{flex-direction:row}.chronos-dropdown[data-orientation=landscape] .chronos-calendar{border-right:1px solid #e5e7eb;border-bottom:none}.chronos-dropdown[data-orientation=landscape] .chronos-sidebar{display:flex;flex-direction:column;min-width:240px}.chronos-dropdown[data-orientation=landscape] .chronos-time-picker{border-top:none;border-bottom:1px solid #e5e7eb}.chronos-dropdown[data-orientation=landscape] .chronos-time-picker:last-child{border-bottom:none}.chronos-dropdown[data-orientation=landscape] .chronos-timezone-selector{border-top:none}@keyframes chronos-dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chronos-range-summary{padding:16px 16px 0;margin-bottom:8px}.chronos-range-nights{font-size:1.5rem;font-weight:700;color:#1a1a1a;letter-spacing:-.025em;line-height:1.2}.chronos-range-dates{font-size:.875rem;color:#6b7280;margin-top:4px}.chronos-calendar{padding:16px}.chronos-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.chronos-nav-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#4b5563;font-size:20px;font-weight:600;cursor:pointer;transition:all .15s ease}.chronos-nav-button:hover{background:#f3f4f6;color:#1a1a1a}.chronos-nav-button:active{transform:scale(.95)}.chronos-month-year-selectors{display:flex;gap:8px;flex:1;justify-content:center}.chronos-month-select,.chronos-year-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#1a1a1a;background-color:#fff;cursor:pointer;transition:all .15s ease;outline:none}.chronos-month-select:hover,.chronos-year-select:hover{border-color:#9ca3af}.chronos-month-select:focus,.chronos-year-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chronos-calendar-grid{display:flex;flex-direction:column;gap:4px}.chronos-weekday-row,.chronos-week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.chronos-weekday{display:flex;align-items:center;justify-content:center;height:32px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.chronos-day{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 auto;border:none;border-radius:50%;font-size:14px;font-weight:500;color:#1a1a1a;background:transparent;cursor:pointer;transition:all .2s ease;position:relative}.chronos-day:hover:not(.disabled){background:#f3f4f6;transform:scale(1.08)}.chronos-day.other-month{color:#9ca3af}.chronos-day.today{color:#3b82f6;font-weight:600}.chronos-day.today:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#3b82f6}.chronos-day.selected{background:#3b82f6;color:#fff;font-weight:600;box-shadow:0 2px 8px #3b82f659}.chronos-day.selected:hover{background:#2563eb;box-shadow:0 2px 12px #2563eb66}.chronos-day.disabled{color:#d1d5db;cursor:not-allowed;opacity:.5}.chronos-day.disabled:hover{background:transparent;transform:none}.chronos-day.in-range{background:#e5e7eb;border-radius:0}.chronos-day.in-range:hover{background:#d1d5db}.chronos-day.range-start{border-radius:50% 0 0 50%}.chronos-day.range-start.in-range{background:#e5e7eb}.chronos-day.range-end{border-radius:0 50% 50% 0}.chronos-day.range-end.in-range{background:#e5e7eb}.chronos-day.range-start.selected,.chronos-day.range-end.selected{background:#1a1a1a;color:#fff;font-weight:600;box-shadow:0 0 0 2px #fff}.chronos-day.range-start.selected:hover,.chronos-day.range-end.selected:hover{background:#374151}.chronos-day.range-start.range-end{border-radius:50%}.chronos-day:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.chronos-day.holiday{position:relative}.chronos-holiday-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background-color:#d97706}.chronos-day.holiday.national{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e;font-weight:600}.chronos-day.holiday.national:hover:not(.disabled){background:linear-gradient(135deg,#fef3c7,#fde68a)}.chronos-day.holiday.national .chronos-holiday-dot{background-color:#d97706}.chronos-day.holiday.long-weekend{background:linear-gradient(135deg,#fefce8,#fef9c3);color:#a16207;font-weight:600}.chronos-day.holiday.long-weekend:hover:not(.disabled){background:linear-gradient(135deg,#fef9c3,#fde047);box-shadow:0 0 0 1px #eab30840}.chronos-day.holiday.long-weekend .chronos-holiday-dot{background-color:#ca8a04}.chronos-picker[data-theme=dark] .chronos-day.holiday.national{background:linear-gradient(135deg,#422006,#78350f);color:#fde68a}.chronos-picker[data-theme=dark] .chronos-day.holiday.national:hover:not(.disabled){background:linear-gradient(135deg,#78350f,#a16207)}.chronos-picker[data-theme=dark] .chronos-day.holiday.long-weekend{background:linear-gradient(135deg,#422006,#713f12);color:#fef08a}.chronos-picker[data-theme=dark] .chronos-day.holiday.long-weekend:hover:not(.disabled){background:linear-gradient(135deg,#713f12,#a16207)}.chronos-picker[data-theme=dark] .chronos-day.holiday.long-weekend .chronos-holiday-dot{background-color:#facc15}.chronos-vacation-notes{margin-top:14px;padding-top:12px;border-top:1px dashed #e5e7eb;display:flex;flex-direction:column;gap:10px}.chronos-picker[data-theme=dark] .chronos-vacation-notes{border-top-color:#374151}.chronos-vacation-note{position:relative;padding:10px 14px 12px;background:linear-gradient(145deg,#fffbeb,#fef9c3);border:1px solid #fde68a;border-radius:10px;border-left:4px solid #eab308;box-shadow:0 1px 3px #eab30814;font-size:12px;line-height:1.45;color:#713f12}.chronos-vacation-note:before{content:"✨";position:absolute;top:8px;right:10px;font-size:14px;opacity:.9}.chronos-vacation-note-title{font-weight:700;color:#92400e;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.chronos-vacation-note-dates{font-weight:600;color:#a16207}.chronos-picker[data-theme=dark] .chronos-vacation-note{background:linear-gradient(145deg,#422006,#713f12);border-color:#a16207;border-left-color:#facc15;color:#fef08a}.chronos-picker[data-theme=dark] .chronos-vacation-note-title{color:#fde68a}.chronos-picker[data-theme=dark] .chronos-vacation-note-dates{color:#fef08a}.chronos-time-picker{padding:16px}.chronos-dropdown[data-orientation=portrait] .chronos-time-picker{border-top:1px solid #e5e7eb}.chronos-time-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#4b5563}.chronos-clock-icon{width:18px;height:18px;color:#6b7280}.chronos-time-controls{display:flex;align-items:flex-end;justify-content:center;gap:8px}.chronos-time-input-group{display:flex;flex-direction:column;gap:4px}.chronos-time-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.chronos-time-select{width:70px;padding:8px 10px;border:1.5px solid #d1d5db;border-radius:6px;font-size:16px;font-weight:600;color:#1a1a1a;background-color:#fff;cursor:pointer;transition:all .15s ease;outline:none;text-align:center}.chronos-time-select:hover{border-color:#9ca3af}.chronos-time-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chronos-time-separator{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1;margin-bottom:8px}.chronos-period-toggle{padding:8px 16px;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:600;color:#1a1a1a;background-color:#fff;cursor:pointer;transition:all .15s ease;outline:none}.chronos-period-toggle:hover{border-color:#3b82f6;background-color:#eff6ff;color:#3b82f6}.chronos-period-toggle:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chronos-period-toggle:active{transform:scale(.95)}.chronos-timezone-selector{padding:16px}.chronos-dropdown[data-orientation=portrait] .chronos-timezone-selector{border-top:1px solid #e5e7eb}.chronos-timezone-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#4b5563}.chronos-globe-icon{width:18px;height:18px;color:#6b7280}.chronos-timezone-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:1.5px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .15s ease;outline:none}.chronos-timezone-button:hover{border-color:#9ca3af}.chronos-timezone-button:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chronos-timezone-label{font-weight:500;color:#1a1a1a;flex:1;text-align:left}.chronos-timezone-offset{font-size:12px;color:#6b7280;margin-right:8px}.chronos-chevron{width:16px;height:16px;color:#6b7280;transition:transform .2s ease}.chronos-chevron.expanded{transform:rotate(180deg)}.chronos-timezone-list{margin-top:8px;max-height:240px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff;animation:chronos-timezone-list-appear .2s ease}@keyframes chronos-timezone-list-appear{0%{opacity:0;max-height:0}to{opacity:1;max-height:240px}}.chronos-timezone-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:none;border-bottom:1px solid #f3f4f6;background:transparent;text-align:left;cursor:pointer;transition:background .15s ease;outline:none}.chronos-timezone-option:last-child{border-bottom:none}.chronos-timezone-option:hover{background:#f9fafb}.chronos-timezone-option.selected{background:#eff6ff}.chronos-timezone-option:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.chronos-timezone-option-label{font-weight:500;color:#1a1a1a}.chronos-timezone-option.selected .chronos-timezone-option-label{color:#3b82f6;font-weight:600}.chronos-timezone-option-offset{font-size:12px;color:#6b7280}@media (max-width: 480px){.chronos-dropdown{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.chronos-picker{max-width:100%}}.chronos-timezone-list::-webkit-scrollbar{width:6px}.chronos-timezone-list::-webkit-scrollbar-track{background:#f3f4f6}.chronos-timezone-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.chronos-timezone-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.chronos-picker[data-theme=dark]{color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-dropdown[data-orientation=landscape] .chronos-calendar{border-right-color:#374151}.chronos-picker[data-theme=dark] .chronos-dropdown[data-orientation=landscape] .chronos-time-picker{border-bottom-color:#374151}.chronos-picker[data-theme=dark] .chronos-dropdown[data-orientation=portrait] .chronos-time-picker,.chronos-picker[data-theme=dark] .chronos-dropdown[data-orientation=portrait] .chronos-timezone-selector{border-top-color:#374151}.chronos-picker[data-theme=dark] .chronos-input{background-color:#1f2937;border-color:#374151;color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-input:hover:not(:disabled){border-color:#4b5563}.chronos-picker[data-theme=dark] .chronos-input:disabled{background-color:#111827}.chronos-picker[data-theme=dark] .chronos-input::placeholder{color:#6b7280}.chronos-picker[data-theme=dark] .chronos-calendar-icon{color:#9ca3af}.chronos-picker[data-theme=dark] .chronos-dropdown{background:#1f2937;border-color:#374151;box-shadow:0 10px 40px #0006}.chronos-picker[data-theme=dark] .chronos-nav-button{color:#9ca3af}.chronos-picker[data-theme=dark] .chronos-nav-button:hover{background:#374151;color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-month-select,.chronos-picker[data-theme=dark] .chronos-year-select{background-color:#1f2937;border-color:#374151;color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-weekday{color:#9ca3af}.chronos-picker[data-theme=dark] .chronos-day{color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-day:hover:not(.disabled){background:#374151}.chronos-picker[data-theme=dark] .chronos-day.other-month{color:#6b7280}.chronos-picker[data-theme=dark] .chronos-day.today{color:#60a5fa}.chronos-picker[data-theme=dark] .chronos-day.today:after{background:#60a5fa}.chronos-picker[data-theme=dark] .chronos-day.selected{background:#3b82f6;color:#fff}.chronos-picker[data-theme=dark] .chronos-range-nights{color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-range-dates{color:#9ca3af}.chronos-picker[data-theme=dark] .chronos-day.in-range{background:#374151}.chronos-picker[data-theme=dark] .chronos-day.in-range:hover{background:#4b5563}.chronos-picker[data-theme=dark] .chronos-day.range-start.selected,.chronos-picker[data-theme=dark] .chronos-day.range-end.selected{background:#3b82f6;color:#fff;box-shadow:0 0 0 2px #1f2937}.chronos-picker[data-theme=dark] .chronos-time-header,.chronos-picker[data-theme=dark] .chronos-timezone-header{color:#9ca3af}.chronos-picker[data-theme=dark] .chronos-time-select,.chronos-picker[data-theme=dark] .chronos-period-toggle,.chronos-picker[data-theme=dark] .chronos-timezone-button{background-color:#1f2937;border-color:#374151;color:#f3f4f6}.chronos-picker[data-theme=dark] .chronos-timezone-list{background:#1f2937;border-color:#374151}.chronos-picker[data-theme=dark] .chronos-timezone-option:hover{background:#374151}.chronos-picker[data-theme=dark] .chronos-timezone-option.selected{background:#1e3a5f}.chronos-picker[data-theme=dark] .chronos-timezone-option.selected .chronos-timezone-option-label{color:#60a5fa}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theengineerguy/chronos-picker",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "A modern, accessible date & time picker with comprehensive timezone support",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",