@theengineerguy/chronos-picker 1.0.6 → 1.0.8

package/dist/index.esm.js

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