@theengineerguy/chronos-picker 1.0.3 → 1.0.5

package/README.md

@@ -36,14 +36,14 @@ import { DateTimePicker, DateTimeValue } from '@chronos/picker';
 
 function App() {
   const [value, setValue] = useState<DateTimeValue | null>(null);
-  
+
   const handleChange = (newValue: DateTimeValue) => {
     setValue(newValue);
     console.log('ISO:', newValue.iso);
     console.log('Formatted:', newValue.formatted);
     console.log('Timestamp:', newValue.timestamp);
   };
-  
+
   return (
     <DateTimePicker
       value={value?.dateTime}
@@ -163,18 +163,18 @@ function BasicExample() {
 ```tsx
 function ControlledExample() {
   const [selectedDate, setSelectedDate] = useState<DateTime | null>(null);
-  
+
   return (
     <div>
       <DateTimePicker
         value={selectedDate}
         onChange={(value) => setSelectedDate(value.dateTime)}
       />
-      
+
       <button onClick={() => setSelectedDate(DateTime.now())}>
         Set to Now
       </button>
-      
+
       <button onClick={() => setSelectedDate(null)}>
         Clear
       </button>
@@ -201,7 +201,7 @@ function ControlledExample() {
 function MultiTimezoneExample() {
   const [indiaTime, setIndiaTime] = useState<DateTimeValue | null>(null);
   const [nyTime, setNYTime] = useState<DateTimeValue | null>(null);
-  
+
   const handleIndiaChange = (value: DateTimeValue) => {
     setIndiaTime(value);
     // Convert to New York time
@@ -213,7 +213,7 @@ function MultiTimezoneExample() {
       iso: converted.toISO() || '',
     });
   };
-  
+
   return (
     <div>
       <div>
@@ -224,7 +224,7 @@ function MultiTimezoneExample() {
           onChange={handleIndiaChange}
         />
       </div>
-      
+
       <div>
         <label>New York Time (EST/EDT)</label>
         <DateTimePicker
@@ -309,22 +309,22 @@ import { DateTime } from 'luxon';
 function AdvancedExample() {
   const handleChange = (value: DateTimeValue) => {
     const dt = value.dateTime;
-    
+
     // Access Luxon DateTime methods
     console.log('Day of week:', dt.weekdayLong);
     console.log('Week number:', dt.weekNumber);
     console.log('Is DST:', dt.isInDST);
-    
+
     // Format in different ways
     console.log('ISO:', dt.toISO());
     console.log('SQL:', dt.toSQL());
     console.log('Relative:', dt.toRelative());
-    
+
     // Convert to other timezones
     const tokyo = dt.setZone('Asia/Tokyo');
     console.log('Tokyo time:', tokyo.toFormat('HH:mm'));
   };
-  
+
   return <DateTimePicker onChange={handleChange} />;
 }
 ```
@@ -383,4 +383,4 @@ Contributions are welcome! Please feel free to submit a Pull Request.
 
 ---
 
-Made with ❤️ by developers, for developers
+Made with ❤️ by Debmalya, for developers

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as o } from "react/jsx-runtime";
-import { useMemo as j, useState as x, useEffect as Z, useRef as q, useCallback as _ } from "react";
-import { DateTime as D } from "luxon";
-const he = "Asia/Kolkata", H = [
+import { useMemo as G, useState as w, useEffect as K, useRef as Q, useCallback as j } from "react";
+import { DateTime as O } from "luxon";
+const me = "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,103 +15,113 @@ const he = "Asia/Kolkata", H = [
   { value: "Australia/Sydney", label: "Sydney (AEDT)" },
   { value: "UTC", label: "UTC" }
 ];
-function I(e, s) {
-  return D.isDateTime(e) ? e.setZone(s) : typeof e == "string" ? D.fromISO(e, { zone: s }) : D.fromJSDate(e, { zone: s });
+function R(e, r) {
+  return O.isDateTime(e) ? e.setZone(r) : typeof e == "string" ? O.fromISO(e, { zone: r }) : O.fromJSDate(e, { zone: r });
 }
-function U(e) {
-  return D.now().setZone(e);
+function J(e) {
+  return O.now().setZone(e);
 }
-function Q(e) {
-  const r = D.now().setZone(e).offset, a = Math.floor(Math.abs(r) / 60), c = Math.abs(r) % 60;
-  return `UTC${r >= 0 ? "+" : "-"}${a}${c > 0 ? `:${c.toString().padStart(2, "0")}` : ""}`;
+function F(e) {
+  const a = O.now().setZone(e).offset, i = Math.floor(Math.abs(a) / 60), c = Math.abs(a) % 60;
+  return `UTC${a >= 0 ? "+" : "-"}${i}${c > 0 ? `:${c.toString().padStart(2, "0")}` : ""}`;
 }
-function me(e, s, r, a, c, b, d, f) {
-  const v = D.fromObject(
-    { year: e, month: s, day: 1 },
-    { zone: r }
-  ), M = v.startOf("week"), P = v.endOf("month").endOf("week"), z = D.now().setZone(r).startOf("day"), A = d != null && f != null, S = d == null ? void 0 : d.startOf("day"), C = f == null ? void 0 : f.endOf("day"), E = [];
-  let n = [], l = M;
-  for (; l <= P; ) {
-    const y = l.month === s, T = l.hasSame(z, "day"), g = l.startOf("day");
-    let t = !1, m = !1, i = !1, O = !1;
-    A && S && C ? (i = g.hasSame(S, "day"), O = g.hasSame(C, "day"), m = g >= S && g <= C || i || O, t = i || O) : a && (t = l.hasSame(a, "day"));
-    let N = !1;
-    c && l < c.startOf("day") && (N = !0), b && l > b.endOf("day") && (N = !0), n.push({
+function ue(e, r, a, i, c, N, d, p, k) {
+  const b = O.fromObject(
+    { year: e, month: r, day: 1 },
+    { zone: a }
+  ), E = b.startOf("week"), z = b.endOf("month").endOf("week"), I = O.now().setZone(a).startOf("day"), P = d != null && p != null, x = d == null ? void 0 : d.startOf("day"), D = p == null ? void 0 : p.endOf("day"), t = /* @__PURE__ */ new Map();
+  k && k.forEach((M) => {
+    let g;
+    O.isDateTime(M.date) ? g = M.date.setZone(a) : typeof M.date == "string" ? g = O.fromISO(M.date, { zone: a }) : g = O.fromJSDate(M.date, { zone: a }), t.set(g.toISODate() || "", { name: M.name, type: M.type || "national" });
+  });
+  const u = [];
+  let $ = [], l = E;
+  for (; l <= z; ) {
+    const M = l.month === r, g = l.hasSame(I, "day"), n = l.startOf("day"), f = l.toISODate() || "";
+    let s = !1, C = !1, T = !1, L = !1;
+    P && x && D ? (T = n.hasSame(x, "day"), L = n.hasSame(D, "day"), C = n >= x && n <= D || T || L, s = T || L) : i && (s = l.hasSame(i, "day"));
+    let v = !1;
+    c && l < c.startOf("day") && (v = !0), N && l > N.endOf("day") && (v = !0);
+    const B = t.get(f);
+    $.push({
       date: l,
-      isCurrentMonth: y,
-      isToday: T,
-      isSelected: t,
-      isDisabled: N,
-      isInRange: m,
-      isRangeStart: i,
-      isRangeEnd: O
-    }), n.length === 7 && (E.push(n), n = []), l = l.plus({ days: 1 });
+      isCurrentMonth: M,
+      isToday: g,
+      isSelected: s,
+      isDisabled: v,
+      isInRange: C,
+      isRangeStart: T,
+      isRangeEnd: L,
+      holiday: B ? { date: l, ...B } : void 0
+    }), $.length === 7 && (u.push($), $ = []), l = l.plus({ days: 1 });
   }
-  return E;
+  return u;
 }
-function ue() {
-  const e = D.now().startOf("week"), s = [];
-  for (let r = 0; r < 7; r++) {
-    const a = e.plus({ days: r });
-    s.push(a.toFormat("ccc"));
+function fe() {
+  const e = O.now().startOf("week"), r = [];
+  for (let a = 0; a < 7; a++) {
+    const i = e.plus({ days: a });
+    r.push(i.toFormat("ccc"));
   }
-  return s;
+  return r;
 }
-function fe() {
+function pe() {
   const e = [];
-  for (let s = 1; s <= 12; s++) {
-    const r = D.fromObject({ month: s });
-    e.push(r.toFormat("MMMM"));
+  for (let r = 1; r <= 12; r++) {
+    const a = O.fromObject({ month: r });
+    e.push(a.toFormat("MMMM"));
   }
   return e;
 }
-const pe = ({
+const ye = ({
   viewDate: e,
-  selectedDate: s,
-  onDateSelect: r,
-  onViewDateChange: a,
+  selectedDate: r,
+  onDateSelect: a,
+  onViewDateChange: i,
   timezone: c,
-  minDate: b,
+  minDate: N,
   maxDate: d,
-  selectedStart: f,
-  selectedEnd: v,
-  onRangeSelect: M
+  selectedStart: p,
+  selectedEnd: k,
+  onRangeSelect: b,
+  holidays: E
 }) => {
-  const R = M != null, P = j(() => me(
+  const W = b != null, z = G(() => ue(
     e.year,
     e.month,
     c,
-    s ?? void 0,
-    b,
+    r ?? void 0,
+    N,
     d,
-    f ?? void 0,
-    v ?? void 0
-  ), [e, s, c, b, d, f, v]), z = j(() => ue(), []), A = j(() => fe(), []), S = () => {
-    a(e.minus({ months: 1 }));
-  }, C = () => {
-    a(e.plus({ months: 1 }));
-  }, E = (t) => {
-    const m = parseInt(t.target.value, 10);
-    a(e.set({ month: m }));
-  }, n = (t) => {
-    const m = parseInt(t.target.value, 10);
-    a(e.set({ year: m }));
-  }, l = (t, m) => {
-    if (!m)
-      if (R && M) {
-        const i = t.startOf("day");
-        if (f == null)
-          M(t, t);
-        else if (v != null && f.hasSame(v, "day")) {
-          const O = f.startOf("day");
-          i < O ? M(t, f) : M(f, t);
+    p ?? void 0,
+    k ?? void 0,
+    E
+  ), [e, r, c, N, d, p, k, E]), I = G(() => fe(), []), P = G(() => pe(), []), x = () => {
+    i(e.minus({ months: 1 }));
+  }, D = () => {
+    i(e.plus({ months: 1 }));
+  }, t = (n) => {
+    const f = parseInt(n.target.value, 10);
+    i(e.set({ month: f }));
+  }, u = (n) => {
+    const f = parseInt(n.target.value, 10);
+    i(e.set({ year: f }));
+  }, $ = (n, f) => {
+    if (!f)
+      if (W && b) {
+        const s = n.startOf("day");
+        if (p == null)
+          b(n, n);
+        else if (k != null && p.hasSame(k, "day")) {
+          const C = p.startOf("day");
+          s < C ? b(n, p) : b(p, n);
         } else
-          M(t, t);
+          b(n, n);
       } else
-        r(t);
-  }, y = (t, m, i) => {
-    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), l(m, i));
-  }, T = e.year, g = Array.from({ length: 21 }, (t, m) => T - 10 + m);
+        a(n);
+  }, l = (n, f, s) => {
+    (n.key === "Enter" || n.key === " ") && (n.preventDefault(), $(f, s));
+  }, M = e.year, g = Array.from({ length: 21 }, (n, f) => M - 10 + f);
   return /* @__PURE__ */ h("div", { className: "chronos-calendar", role: "region", "aria-label": "Calendar", children: [
     /* @__PURE__ */ h("div", { className: "chronos-calendar-header", children: [
       /* @__PURE__ */ o(
@@ -119,7 +129,7 @@ const pe = ({
         {
           type: "button",
           className: "chronos-nav-button",
-          onClick: S,
+          onClick: x,
           "aria-label": "Previous month",
           children: "‹"
         }
@@ -130,9 +140,9 @@ const pe = ({
           {
             className: "chronos-month-select",
             value: e.month,
-            onChange: E,
+            onChange: t,
             "aria-label": "Select month",
-            children: A.map((t, m) => /* @__PURE__ */ o("option", { value: m + 1, children: t }, m))
+            children: P.map((n, f) => /* @__PURE__ */ o("option", { value: f + 1, children: n }, f))
           }
         ),
         /* @__PURE__ */ o(
@@ -140,9 +150,9 @@ const pe = ({
           {
             className: "chronos-year-select",
             value: e.year,
-            onChange: n,
+            onChange: u,
             "aria-label": "Select year",
-            children: g.map((t) => /* @__PURE__ */ o("option", { value: t, children: t }, t))
+            children: g.map((n) => /* @__PURE__ */ o("option", { value: n, children: n }, n))
           }
         )
       ] }),
@@ -151,54 +161,58 @@ const pe = ({
         {
           type: "button",
           className: "chronos-nav-button",
-          onClick: C,
+          onClick: D,
           "aria-label": "Next month",
           children: "›"
         }
       )
     ] }),
     /* @__PURE__ */ h("div", { className: "chronos-calendar-grid", children: [
-      /* @__PURE__ */ o("div", { className: "chronos-weekday-row", children: z.map((t) => /* @__PURE__ */ o("div", { className: "chronos-weekday", children: t }, t)) }),
-      P.map((t, m) => /* @__PURE__ */ o("div", { className: "chronos-week-row", children: t.map((i, O) => /* @__PURE__ */ o(
+      /* @__PURE__ */ o("div", { className: "chronos-weekday-row", children: I.map((n) => /* @__PURE__ */ o("div", { className: "chronos-weekday", children: n }, n)) }),
+      z.map((n, f) => /* @__PURE__ */ o("div", { className: "chronos-week-row", children: n.map((s, C) => /* @__PURE__ */ h(
         "button",
         {
           type: "button",
-          className: `chronos-day ${i.isSelected ? "selected" : ""} ${i.isToday ? "today" : ""} ${i.isCurrentMonth ? "" : "other-month"} ${i.isDisabled ? "disabled" : ""} ${i.isInRange ? "in-range" : ""} ${i.isRangeStart ? "range-start" : ""} ${i.isRangeEnd ? "range-end" : ""}`,
-          onClick: () => l(i.date, i.isDisabled),
-          onKeyDown: (N) => y(N, i.date, i.isDisabled),
-          disabled: i.isDisabled,
-          "aria-label": i.date.toFormat("MMMM d, yyyy"),
-          "aria-selected": i.isSelected,
-          "aria-current": i.isToday ? "date" : void 0,
-          children: i.date.day
+          className: `chronos-day ${s.isSelected ? "selected" : ""} ${s.isToday ? "today" : ""} ${s.isCurrentMonth ? "" : "other-month"} ${s.isDisabled ? "disabled" : ""} ${s.isInRange ? "in-range" : ""} ${s.isRangeStart ? "range-start" : ""} ${s.isRangeEnd ? "range-end" : ""} ${s.holiday ? `holiday ${s.holiday.type}` : ""}`,
+          onClick: () => $(s.date, s.isDisabled),
+          onKeyDown: (T) => l(T, s.date, s.isDisabled),
+          disabled: s.isDisabled,
+          "aria-label": `${s.date.toFormat("MMMM d, yyyy")}${s.holiday ? `, ${s.holiday.name}` : ""}`,
+          "aria-selected": s.isSelected,
+          "aria-current": s.isToday ? "date" : void 0,
+          title: s.holiday ? s.holiday.name : void 0,
+          children: [
+            s.date.day,
+            s.holiday && /* @__PURE__ */ o("span", { className: "chronos-holiday-dot" })
+          ]
         },
-        O
-      )) }, m))
+        C
+      )) }, f))
     ] })
   ] });
-}, ye = ({
+}, Me = ({
   value: e,
-  onChange: s,
-  use24Hour: r
+  onChange: r,
+  use24Hour: a
 }) => {
-  const [a, c] = x((e == null ? void 0 : e.hour) ?? 12), [b, d] = x((e == null ? void 0 : e.minute) ?? 0), [f, v] = x(
+  const [i, c] = w((e == null ? void 0 : e.hour) ?? 12), [N, d] = w((e == null ? void 0 : e.minute) ?? 0), [p, k] = w(
     e && e.hour >= 12 ? "PM" : "AM"
   );
-  Z(() => {
-    e && (c(e.hour), d(e.minute), v(e.hour >= 12 ? "PM" : "AM"));
+  K(() => {
+    e && (c(e.hour), d(e.minute), k(e.hour >= 12 ? "PM" : "AM"));
   }, [e]);
-  const M = (n) => {
-    c(n);
-    let l = n;
-    r || (f === "PM" && n !== 12 ? l = n + 12 : f === "AM" && n === 12 && (l = 0)), s(l, b);
-  }, R = (n) => {
-    d(n), s(a, n);
-  }, P = () => {
-    const n = f === "AM" ? "PM" : "AM";
-    v(n);
-    let l = a;
-    n === "PM" && a !== 12 ? l = a + 12 : n === "AM" && a === 12 ? l = 0 : n === "AM" && a > 12 && (l = a - 12), s(l, b);
-  }, z = r ? a : a % 12 || 12, A = r ? 23 : 12, S = r ? 0 : 1, C = Array.from({ length: A - S + 1 }, (n, l) => S + l), E = Array.from({ length: 60 }, (n, l) => l);
+  const b = (t) => {
+    c(t);
+    let u = t;
+    a || (p === "PM" && t !== 12 ? u = t + 12 : p === "AM" && t === 12 && (u = 0)), r(u, N);
+  }, E = (t) => {
+    d(t), r(i, t);
+  }, W = () => {
+    const t = p === "AM" ? "PM" : "AM";
+    k(t);
+    let u = i;
+    t === "PM" && i !== 12 ? u = i + 12 : t === "AM" && i === 12 ? u = 0 : t === "AM" && i > 12 && (u = i - 12), r(u, N);
+  }, z = a ? i : i % 12 || 12, I = a ? 23 : 12, P = a ? 0 : 1, x = Array.from({ length: I - P + 1 }, (t, u) => P + u), D = Array.from({ length: 60 }, (t, 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(
@@ -227,9 +241,9 @@ const pe = ({
             id: "chronos-hour-select",
             className: "chronos-time-select",
             value: z,
-            onChange: (n) => M(parseInt(n.target.value, 10)),
+            onChange: (t) => b(parseInt(t.target.value, 10)),
             "aria-label": "Select hour",
-            children: C.map((n) => /* @__PURE__ */ o("option", { value: n, children: n.toString().padStart(2, "0") }, n))
+            children: x.map((t) => /* @__PURE__ */ o("option", { value: t, children: t.toString().padStart(2, "0") }, t))
           }
         )
       ] }),
@@ -241,33 +255,33 @@ const pe = ({
           {
             id: "chronos-minute-select",
             className: "chronos-time-select",
-            value: b,
-            onChange: (n) => R(parseInt(n.target.value, 10)),
+            value: N,
+            onChange: (t) => E(parseInt(t.target.value, 10)),
             "aria-label": "Select minute",
-            children: E.map((n) => /* @__PURE__ */ o("option", { value: n, children: n.toString().padStart(2, "0") }, n))
+            children: D.map((t) => /* @__PURE__ */ o("option", { value: t, children: t.toString().padStart(2, "0") }, t))
           }
         )
       ] }),
-      !r && /* @__PURE__ */ o(
+      !a && /* @__PURE__ */ o(
         "button",
         {
           type: "button",
           className: "chronos-period-toggle",
-          onClick: P,
-          "aria-label": `Switch to ${f === "AM" ? "PM" : "AM"}`,
-          children: f
+          onClick: W,
+          "aria-label": `Switch to ${p === "AM" ? "PM" : "AM"}`,
+          children: p
         }
       )
     ] })
   ] });
-}, Me = ({
+}, be = ({
   value: e,
-  onChange: s
+  onChange: r
 }) => {
-  const [r, a] = x(!1), c = H.find((d) => d.value === e) || {
+  const [a, i] = w(!1), c = X.find((d) => d.value === e) || {
     label: e
-  }, b = (d) => {
-    s(d), a(!1);
+  }, N = (d) => {
+    r(d), i(!1);
   };
   return /* @__PURE__ */ h("div", { className: "chronos-timezone-selector", children: [
     /* @__PURE__ */ h("div", { className: "chronos-timezone-header", children: [
@@ -294,16 +308,16 @@ const pe = ({
       {
         type: "button",
         className: "chronos-timezone-button",
-        onClick: () => a(!r),
-        "aria-expanded": r,
+        onClick: () => i(!a),
+        "aria-expanded": a,
         "aria-label": "Select timezone",
         children: [
           /* @__PURE__ */ o("span", { className: "chronos-timezone-label", children: c.label }),
-          /* @__PURE__ */ o("span", { className: "chronos-timezone-offset", children: Q(e) }),
+          /* @__PURE__ */ o("span", { className: "chronos-timezone-offset", children: F(e) }),
           /* @__PURE__ */ o(
             "svg",
             {
-              className: `chronos-chevron ${r ? "expanded" : ""}`,
+              className: `chronos-chevron ${a ? "expanded" : ""}`,
               xmlns: "http://www.w3.org/2000/svg",
               viewBox: "0 0 24 24",
               fill: "none",
@@ -315,148 +329,149 @@ const pe = ({
         ]
       }
     ),
-    r && /* @__PURE__ */ o("div", { className: "chronos-timezone-list", role: "listbox", children: H.map((d) => /* @__PURE__ */ h(
+    a && /* @__PURE__ */ o("div", { className: "chronos-timezone-list", role: "listbox", children: X.map((d) => /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         className: `chronos-timezone-option ${d.value === e ? "selected" : ""}`,
-        onClick: () => b(d.value),
+        onClick: () => N(d.value),
         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: Q(d.value) })
+          /* @__PURE__ */ o("span", { className: "chronos-timezone-option-offset", children: F(d.value) })
         ]
       },
       d.value
     )) })
   ] });
 };
-function X(e, s, r) {
+function V(e, r, a) {
   return {
     iso: e.toISO() || "",
-    formatted: e.toFormat(`${s} ${r}`),
+    formatted: e.toFormat(`${r} ${a}`),
     timestamp: e.toMillis(),
     dateTime: e
   };
 }
-const ke = ({
+const Te = ({
   value: e,
-  onChange: s,
-  timezone: r = he,
-  dateFormat: a = "DD",
+  onChange: r,
+  timezone: a = me,
+  dateFormat: i = "DD",
   timeFormat: c = "HH:mm",
-  minDate: b,
+  minDate: N,
   maxDate: d,
-  placeholder: f = "Select date and time",
-  disabled: v = !1,
-  showTime: M = !0,
-  use24Hour: R = !0,
-  className: P = "",
+  placeholder: p = "Select date and time",
+  disabled: k = !1,
+  showTime: b = !0,
+  use24Hour: E = !0,
+  className: W = "",
   ariaLabel: z = "Date and time picker",
-  showTimezoneSelector: A = !1,
-  theme: S = "light",
-  orientation: C = "portrait",
-  selectionMode: E = "single",
-  rangeValue: n,
-  onRangeChange: l
+  showTimezoneSelector: I = !1,
+  theme: P = "light",
+  orientation: x = "portrait",
+  selectionMode: D = "single",
+  rangeValue: t,
+  onRangeChange: u,
+  holidays: $
 }) => {
-  const y = E === "range", [T, g] = x(!1), [t, m] = x(() => !y && e ? I(e, r) : null), [i, O] = x(() => y && (n != null && n.start) ? I(n.start, r) : null), [N, Y] = x(() => y && (n != null && n.end) ? I(n.end, r) : null), [k, F] = x(r), [V, W] = x(() => t || i || N || U(r)), K = q(null), G = q(null);
-  Z(() => {
-    !y && e && m(I(e, k));
-  }, [e, k, y]), Z(() => {
-    y && (n == null ? void 0 : n.start) != null && (n == null ? void 0 : n.end) != null && (O(I(n.start, k)), Y(I(n.end, k)));
-  }, [y, n, k]), Z(() => {
-    const p = (u) => {
-      K.current && !K.current.contains(u.target) && g(!1);
+  const l = D === "range", [M, g] = w(!1), [n, f] = w(() => !l && e ? R(e, a) : null), [s, C] = w(() => l && (t != null && t.start) ? R(t.start, a) : null), [T, L] = w(() => l && (t != null && t.end) ? R(t.end, a) : null), [v, B] = w(a), [ee, _] = w(() => n || s || T || J(a)), U = Q(null), q = Q(null);
+  K(() => {
+    !l && e && f(R(e, v));
+  }, [e, v, l]), K(() => {
+    l && (t == null ? void 0 : t.start) != null && (t == null ? void 0 : t.end) != null && (C(R(t.start, v)), L(R(t.end, v)));
+  }, [l, t, v]), K(() => {
+    const y = (m) => {
+      U.current && !U.current.contains(m.target) && g(!1);
     };
-    if (T)
-      return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
-  }, [T]), Z(() => {
-    const p = (u) => {
-      var w;
-      u.key === "Escape" && T && (g(!1), (w = G.current) == null || w.focus());
+    if (M)
+      return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
+  }, [M]), K(() => {
+    const y = (m) => {
+      var S;
+      m.key === "Escape" && M && (g(!1), (S = q.current) == null || S.focus());
     };
-    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
-  }, [T]);
-  const ee = _((p) => {
-    let u = p;
-    if (t && (u = p.set({
-      hour: t.hour,
-      minute: t.minute,
-      second: t.second
-    })), m(u), W(u), M || g(!1), s) {
-      const w = {
-        iso: u.toISO() || "",
-        formatted: u.toFormat(`${a} ${c}`),
-        timestamp: u.toMillis(),
-        dateTime: u
+    return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
+  }, [M]);
+  const te = j((y) => {
+    let m = y;
+    if (n && (m = y.set({
+      hour: n.hour,
+      minute: n.minute,
+      second: n.second
+    })), f(m), _(m), b || g(!1), r) {
+      const S = {
+        iso: m.toISO() || "",
+        formatted: m.toFormat(`${i} ${c}`),
+        timestamp: m.toMillis(),
+        dateTime: m
       };
-      s(w);
+      r(S);
     }
-  }, [t, M, s, a, c]), ne = _((p, u) => {
-    const $ = (t || U(k)).set({ hour: p, minute: u, second: 0 });
-    if (m($), s) {
-      const L = {
-        iso: $.toISO() || "",
-        formatted: $.toFormat(`${a} ${c}`),
-        timestamp: $.toMillis(),
-        dateTime: $
+  }, [n, b, r, i, c]), ne = j((y, m) => {
+    const A = (n || J(v)).set({ hour: y, minute: m, second: 0 });
+    if (f(A), r) {
+      const Z = {
+        iso: A.toISO() || "",
+        formatted: A.toFormat(`${i} ${c}`),
+        timestamp: A.toMillis(),
+        dateTime: A
       };
-      s(L);
+      r(Z);
     }
-  }, [t, k, s, a, c]), te = _((p, u) => {
-    const w = p.startOf("day"), $ = u.startOf("day"), [L, B] = w <= $ ? [w, $] : [$, w];
-    if (O(L), Y(B), W(L), l) {
-      const le = X(L, a, c), ce = X(B, a, c), de = Math.max(0, Math.ceil(B.diff(L, "days").days));
-      l({ start: le, end: ce, nights: de });
+  }, [n, v, r, i, c]), oe = j((y, m) => {
+    const S = y.startOf("day"), A = m.startOf("day"), [Z, Y] = S <= A ? [S, A] : [A, S];
+    if (C(Z), L(Y), _(Z), u) {
+      const ce = V(Z, i, c), de = V(Y, i, c), he = Math.max(0, Math.ceil(Y.diff(Z, "days").days));
+      u({ start: ce, end: de, nights: he });
     }
-  }, [l, a, c]), oe = _((p) => {
-    if (F(p), t) {
-      const u = t.setZone(p);
-      if (m(u), W(u), s) {
-        const w = {
-          iso: u.toISO() || "",
-          formatted: u.toFormat(`${a} ${c}`),
-          timestamp: u.toMillis(),
-          dateTime: u
+  }, [u, i, c]), se = j((y) => {
+    if (B(y), n) {
+      const m = n.setZone(y);
+      if (f(m), _(m), r) {
+        const S = {
+          iso: m.toISO() || "",
+          formatted: m.toFormat(`${i} ${c}`),
+          timestamp: m.toMillis(),
+          dateTime: m
         };
-        s(w);
+        r(S);
       }
     } else
-      W(U(p));
-  }, [t, s, a, c]), J = () => {
-    v || g(!T);
-  }, se = (p) => {
-    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), J());
-  }, ae = y ? i && N ? `${i.toFormat("d MMM yyyy")} – ${N.toFormat("d MMM yyyy")}` : "" : t ? t.toFormat(`${a} ${M ? c : ""}`) : "", re = b ? I(b, k) : void 0, ie = d ? I(d, k) : void 0;
+      _(J(y));
+  }, [n, r, i, c]), H = () => {
+    k || g(!M);
+  }, ae = (y) => {
+    (y.key === "Enter" || y.key === " ") && (y.preventDefault(), H());
+  }, re = l ? s && T ? `${s.toFormat("d MMM yyyy")} – ${T.toFormat("d MMM yyyy")}` : "" : n ? n.toFormat(`${i} ${b ? c : ""}`) : "", ie = N ? R(N, v) : void 0, le = d ? R(d, v) : void 0;
   return /* @__PURE__ */ h(
     "div",
     {
-      ref: K,
-      className: `chronos-picker ${P}`,
-      "data-disabled": v,
-      "data-theme": S,
+      ref: U,
+      className: `chronos-picker ${W}`,
+      "data-disabled": k,
+      "data-theme": P,
       children: [
         /* @__PURE__ */ h(
           "div",
           {
             className: "chronos-input-wrapper",
-            onClick: J,
+            onClick: H,
             children: [
               /* @__PURE__ */ o(
                 "input",
                 {
-                  ref: G,
+                  ref: q,
                   type: "text",
                   className: "chronos-input",
-                  value: ae,
-                  placeholder: f,
+                  value: re,
+                  placeholder: p,
                   readOnly: !0,
-                  disabled: v,
-                  onKeyDown: se,
+                  disabled: k,
+                  onKeyDown: ae,
                   "aria-label": z,
-                  "aria-expanded": T,
+                  "aria-expanded": M,
                   "aria-haspopup": "dialog",
                   role: "combobox"
                 }
@@ -481,56 +496,57 @@ const ke = ({
             ]
           }
         ),
-        T && /* @__PURE__ */ o(
+        M && /* @__PURE__ */ o(
           "div",
           {
             className: "chronos-dropdown",
-            "data-orientation": C,
-            "data-range-mode": y,
+            "data-orientation": x,
+            "data-range-mode": l,
             role: "dialog",
             "aria-label": "Date and time picker dialog",
             children: /* @__PURE__ */ h("div", { className: "chronos-dropdown-content", children: [
-              y && i && N && /* @__PURE__ */ h("div", { className: "chronos-range-summary", children: [
+              l && s && T && /* @__PURE__ */ h("div", { className: "chronos-range-summary", children: [
                 /* @__PURE__ */ h("div", { className: "chronos-range-nights", children: [
-                  Math.max(0, Math.ceil(N.diff(i, "days").days)),
+                  Math.max(0, Math.ceil(T.diff(s, "days").days)),
                   " nights"
                 ] }),
                 /* @__PURE__ */ h("div", { className: "chronos-range-dates", children: [
-                  i.toFormat("d MMM yyyy"),
+                  s.toFormat("d MMM yyyy"),
                   " – ",
-                  N.toFormat("d MMM yyyy")
+                  T.toFormat("d MMM yyyy")
                 ] })
               ] }),
               /* @__PURE__ */ o(
-                pe,
+                ye,
                 {
-                  viewDate: V,
-                  selectedDate: y ? null : t,
-                  onDateSelect: ee,
-                  onViewDateChange: W,
-                  timezone: k,
-                  minDate: re,
-                  maxDate: ie,
-                  selectedStart: y ? i : void 0,
-                  selectedEnd: y ? N : void 0,
-                  onRangeSelect: y ? te : void 0
+                  viewDate: ee,
+                  selectedDate: l ? null : n,
+                  onDateSelect: te,
+                  onViewDateChange: _,
+                  timezone: v,
+                  minDate: ie,
+                  maxDate: le,
+                  selectedStart: l ? s : void 0,
+                  selectedEnd: l ? T : void 0,
+                  onRangeSelect: l ? oe : void 0,
+                  holidays: $
                 }
               ),
-              !y && (M || A) && /* @__PURE__ */ h("div", { className: "chronos-sidebar", children: [
-                M && /* @__PURE__ */ o(
-                  ye,
+              !l && (b || I) && /* @__PURE__ */ h("div", { className: "chronos-sidebar", children: [
+                b && /* @__PURE__ */ o(
+                  Me,
                   {
-                    value: t,
+                    value: n,
                     onChange: ne,
-                    use24Hour: R,
-                    timezone: k
+                    use24Hour: E,
+                    timezone: v
                   }
                 ),
-                A && /* @__PURE__ */ o(
-                  Me,
+                I && /* @__PURE__ */ o(
+                  be,
                   {
-                    value: k,
-                    onChange: oe
+                    value: v,
+                    onChange: se
                   }
                 )
               ] })
@@ -542,9 +558,9 @@ const ke = ({
   );
 };
 export {
-  H as COMMON_TIMEZONES,
-  he as DEFAULT_TIMEZONE,
-  ke as DateTimePicker,
-  I as convertToTimezone,
-  U as nowInTimezone
+  X as COMMON_TIMEZONES,
+  me as DEFAULT_TIMEZONE,
+  Te as DateTimePicker,
+  R as convertToTimezone,
+  J as nowInTimezone
 };

package/dist/index.js

@@ -1 +1 @@
-(function(v,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):(v=typeof globalThis<"u"?globalThis:v||self,e(v.ChronosPicker={},v.jsxRuntime,v.React,v.luxon))})(this,function(v,e,i,C){"use strict";const U="Asia/Kolkata",W=[{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 E(s,t){return C.DateTime.isDateTime(s)?s.setZone(t):typeof s=="string"?C.DateTime.fromISO(s,{zone:t}):C.DateTime.fromJSDate(s,{zone:t})}function j(s){return C.DateTime.now().setZone(s)}function Y(s){const r=C.DateTime.now().setZone(s).offset,a=Math.floor(Math.abs(r)/60),d=Math.abs(r)%60;return`UTC${r>=0?"+":"-"}${a}${d>0?`:${d.toString().padStart(2,"0")}`:""}`}function Q(s,t,r,a,d,b,h,p){const T=C.DateTime.fromObject({year:s,month:t,day:1},{zone:r}),M=T.startOf("week"),P=T.endOf("month").endOf("week"),z=C.DateTime.now().setZone(r).startOf("day"),A=h!=null&&p!=null,D=h==null?void 0:h.startOf("day"),x=p==null?void 0:p.endOf("day"),I=[];let o=[],c=M;for(;c<=P;){const y=c.month===t,S=c.hasSame(z,"day"),g=c.startOf("day");let n=!1,f=!1,l=!1,O=!1;A&&D&&x?(l=g.hasSame(D,"day"),O=g.hasSame(x,"day"),f=g>=D&&g<=x||l||O,n=l||O):a&&(n=c.hasSame(a,"day"));let N=!1;d&&c<d.startOf("day")&&(N=!0),b&&c>b.endOf("day")&&(N=!0),o.push({date:c,isCurrentMonth:y,isToday:S,isSelected:n,isDisabled:N,isInRange:f,isRangeStart:l,isRangeEnd:O}),o.length===7&&(I.push(o),o=[]),c=c.plus({days:1})}return I}function X(){const s=C.DateTime.now().startOf("week"),t=[];for(let r=0;r<7;r++){const a=s.plus({days:r});t.push(a.toFormat("ccc"))}return t}function F(){const s=[];for(let t=1;t<=12;t++){const r=C.DateTime.fromObject({month:t});s.push(r.toFormat("MMMM"))}return s}const V=({viewDate:s,selectedDate:t,onDateSelect:r,onViewDateChange:a,timezone:d,minDate:b,maxDate:h,selectedStart:p,selectedEnd:T,onRangeSelect:M})=>{const L=M!=null,P=i.useMemo(()=>Q(s.year,s.month,d,t??void 0,b,h,p??void 0,T??void 0),[s,t,d,b,h,p,T]),z=i.useMemo(()=>X(),[]),A=i.useMemo(()=>F(),[]),D=()=>{a(s.minus({months:1}))},x=()=>{a(s.plus({months:1}))},I=n=>{const f=parseInt(n.target.value,10);a(s.set({month:f}))},o=n=>{const f=parseInt(n.target.value,10);a(s.set({year:f}))},c=(n,f)=>{if(!f)if(L&&M){const l=n.startOf("day");if(p==null)M(n,n);else if(T!=null&&p.hasSame(T,"day")){const O=p.startOf("day");l<O?M(n,p):M(p,n)}else M(n,n)}else r(n)},y=(n,f,l)=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),c(f,l))},S=s.year,g=Array.from({length:21},(n,f)=>S-10+f);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:D,"aria-label":"Previous month",children:"‹"}),e.jsxs("div",{className:"chronos-month-year-selectors",children:[e.jsx("select",{className:"chronos-month-select",value:s.month,onChange:I,"aria-label":"Select month",children:A.map((n,f)=>e.jsx("option",{value:f+1,children:n},f))}),e.jsx("select",{className:"chronos-year-select",value:s.year,onChange:o,"aria-label":"Select year",children:g.map(n=>e.jsx("option",{value:n,children:n},n))})]}),e.jsx("button",{type:"button",className:"chronos-nav-button",onClick:x,"aria-label":"Next month",children:"›"})]}),e.jsxs("div",{className:"chronos-calendar-grid",children:[e.jsx("div",{className:"chronos-weekday-row",children:z.map(n=>e.jsx("div",{className:"chronos-weekday",children:n},n))}),P.map((n,f)=>e.jsx("div",{className:"chronos-week-row",children:n.map((l,O)=>e.jsx("button",{type:"button",className:`chronos-day ${l.isSelected?"selected":""} ${l.isToday?"today":""} ${l.isCurrentMonth?"":"other-month"} ${l.isDisabled?"disabled":""} ${l.isInRange?"in-range":""} ${l.isRangeStart?"range-start":""} ${l.isRangeEnd?"range-end":""}`,onClick:()=>c(l.date,l.isDisabled),onKeyDown:N=>y(N,l.date,l.isDisabled),disabled:l.isDisabled,"aria-label":l.date.toFormat("MMMM d, yyyy"),"aria-selected":l.isSelected,"aria-current":l.isToday?"date":void 0,children:l.date.day},O))},f))]})]})},R=({value:s,onChange:t,use24Hour:r})=>{const[a,d]=i.useState((s==null?void 0:s.hour)??12),[b,h]=i.useState((s==null?void 0:s.minute)??0),[p,T]=i.useState(s&&s.hour>=12?"PM":"AM");i.useEffect(()=>{s&&(d(s.hour),h(s.minute),T(s.hour>=12?"PM":"AM"))},[s]);const M=o=>{d(o);let c=o;r||(p==="PM"&&o!==12?c=o+12:p==="AM"&&o===12&&(c=0)),t(c,b)},L=o=>{h(o),t(a,o)},P=()=>{const o=p==="AM"?"PM":"AM";T(o);let c=a;o==="PM"&&a!==12?c=a+12:o==="AM"&&a===12?c=0:o==="AM"&&a>12&&(c=a-12),t(c,b)},z=r?a:a%12||12,A=r?23:12,D=r?0:1,x=Array.from({length:A-D+1},(o,c)=>D+c),I=Array.from({length:60},(o,c)=>c);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:o=>M(parseInt(o.target.value,10)),"aria-label":"Select hour",children:x.map(o=>e.jsx("option",{value:o,children:o.toString().padStart(2,"0")},o))})]}),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:o=>L(parseInt(o.target.value,10)),"aria-label":"Select minute",children:I.map(o=>e.jsx("option",{value:o,children:o.toString().padStart(2,"0")},o))})]}),!r&&e.jsx("button",{type:"button",className:"chronos-period-toggle",onClick:P,"aria-label":`Switch to ${p==="AM"?"PM":"AM"}`,children:p})]})]})},ee=({value:s,onChange:t})=>{const[r,a]=i.useState(!1),d=W.find(h=>h.value===s)||{label:s},b=h=>{t(h),a(!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:()=>a(!r),"aria-expanded":r,"aria-label":"Select timezone",children:[e.jsx("span",{className:"chronos-timezone-label",children:d.label}),e.jsx("span",{className:"chronos-timezone-offset",children:Y(s)}),e.jsx("svg",{className:`chronos-chevron ${r?"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"})})]}),r&&e.jsx("div",{className:"chronos-timezone-list",role:"listbox",children:W.map(h=>e.jsxs("button",{type:"button",className:`chronos-timezone-option ${h.value===s?"selected":""}`,onClick:()=>b(h.value),role:"option","aria-selected":h.value===s,children:[e.jsx("span",{className:"chronos-timezone-option-label",children:h.label}),e.jsx("span",{className:"chronos-timezone-option-offset",children:Y(h.value)})]},h.value))})]})};function q(s,t,r){return{iso:s.toISO()||"",formatted:s.toFormat(`${t} ${r}`),timestamp:s.toMillis(),dateTime:s}}const se=({value:s,onChange:t,timezone:r=U,dateFormat:a="DD",timeFormat:d="HH:mm",minDate:b,maxDate:h,placeholder:p="Select date and time",disabled:T=!1,showTime:M=!0,use24Hour:L=!0,className:P="",ariaLabel:z="Date and time picker",showTimezoneSelector:A=!1,theme:D="light",orientation:x="portrait",selectionMode:I="single",rangeValue:o,onRangeChange:c})=>{const y=I==="range",[S,g]=i.useState(!1),[n,f]=i.useState(()=>!y&&s?E(s,r):null),[l,O]=i.useState(()=>y&&(o!=null&&o.start)?E(o.start,r):null),[N,G]=i.useState(()=>y&&(o!=null&&o.end)?E(o.end,r):null),[k,oe]=i.useState(r),[ne,_]=i.useState(()=>n||l||N||j(r)),K=i.useRef(null),J=i.useRef(null);i.useEffect(()=>{!y&&s&&f(E(s,k))},[s,k,y]),i.useEffect(()=>{y&&(o==null?void 0:o.start)!=null&&(o==null?void 0:o.end)!=null&&(O(E(o.start,k)),G(E(o.end,k)))},[y,o,k]),i.useEffect(()=>{const u=m=>{K.current&&!K.current.contains(m.target)&&g(!1)};if(S)return document.addEventListener("mousedown",u),()=>document.removeEventListener("mousedown",u)},[S]),i.useEffect(()=>{const u=m=>{var w;m.key==="Escape"&&S&&(g(!1),(w=J.current)==null||w.focus())};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[S]);const te=i.useCallback(u=>{let m=u;if(n&&(m=u.set({hour:n.hour,minute:n.minute,second:n.second})),f(m),_(m),M||g(!1),t){const w={iso:m.toISO()||"",formatted:m.toFormat(`${a} ${d}`),timestamp:m.toMillis(),dateTime:m};t(w)}},[n,M,t,a,d]),ae=i.useCallback((u,m)=>{const $=(n||j(k)).set({hour:u,minute:m,second:0});if(f($),t){const Z={iso:$.toISO()||"",formatted:$.toFormat(`${a} ${d}`),timestamp:$.toMillis(),dateTime:$};t(Z)}},[n,k,t,a,d]),re=i.useCallback((u,m)=>{const w=u.startOf("day"),$=m.startOf("day"),[Z,B]=w<=$?[w,$]:[$,w];if(O(Z),G(B),_(Z),c){const fe=q(Z,a,d),me=q(B,a,d),pe=Math.max(0,Math.ceil(B.diff(Z,"days").days));c({start:fe,end:me,nights:pe})}},[c,a,d]),le=i.useCallback(u=>{if(oe(u),n){const m=n.setZone(u);if(f(m),_(m),t){const w={iso:m.toISO()||"",formatted:m.toFormat(`${a} ${d}`),timestamp:m.toMillis(),dateTime:m};t(w)}}else _(j(u))},[n,t,a,d]),H=()=>{T||g(!S)},ce=u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),H())},ie=y?l&&N?`${l.toFormat("d MMM yyyy")} – ${N.toFormat("d MMM yyyy")}`:"":n?n.toFormat(`${a} ${M?d:""}`):"",de=b?E(b,k):void 0,he=h?E(h,k):void 0;return e.jsxs("div",{ref:K,className:`chronos-picker ${P}`,"data-disabled":T,"data-theme":D,children:[e.jsxs("div",{className:"chronos-input-wrapper",onClick:H,children:[e.jsx("input",{ref:J,type:"text",className:"chronos-input",value:ie,placeholder:p,readOnly:!0,disabled:T,onKeyDown:ce,"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":x,"data-range-mode":y,role:"dialog","aria-label":"Date and time picker dialog",children:e.jsxs("div",{className:"chronos-dropdown-content",children:[y&&l&&N&&e.jsxs("div",{className:"chronos-range-summary",children:[e.jsxs("div",{className:"chronos-range-nights",children:[Math.max(0,Math.ceil(N.diff(l,"days").days))," nights"]}),e.jsxs("div",{className:"chronos-range-dates",children:[l.toFormat("d MMM yyyy")," – ",N.toFormat("d MMM yyyy")]})]}),e.jsx(V,{viewDate:ne,selectedDate:y?null:n,onDateSelect:te,onViewDateChange:_,timezone:k,minDate:de,maxDate:he,selectedStart:y?l:void 0,selectedEnd:y?N:void 0,onRangeSelect:y?re:void 0}),!y&&(M||A)&&e.jsxs("div",{className:"chronos-sidebar",children:[M&&e.jsx(R,{value:n,onChange:ae,use24Hour:L,timezone:k}),A&&e.jsx(ee,{value:k,onChange:le})]})]})})]})};v.COMMON_TIMEZONES=W,v.DEFAULT_TIMEZONE=U,v.DateTimePicker=se,v.convertToTimezone=E,v.nowInTimezone=j,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
+(function(S,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):(S=typeof globalThis<"u"?globalThis:S||self,e(S.ChronosPicker={},S.jsxRuntime,S.React,S.luxon))})(this,function(S,e,c,D){"use strict";const G="Asia/Kolkata",U=[{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 w(s,r){return D.DateTime.isDateTime(s)?s.setZone(r):typeof s=="string"?D.DateTime.fromISO(s,{zone:r}):D.DateTime.fromJSDate(s,{zone:r})}function K(s){return D.DateTime.now().setZone(s)}function J(s){const a=D.DateTime.now().setZone(s).offset,l=Math.floor(Math.abs(a)/60),d=Math.abs(a)%60;return`UTC${a>=0?"+":"-"}${l}${d>0?`:${d.toString().padStart(2,"0")}`:""}`}function F(s,r,a,l,d,v,h,y,N){const b=D.DateTime.fromObject({year:s,month:r,day:1},{zone:a}),I=b.startOf("week"),Z=b.endOf("month").endOf("week"),P=D.DateTime.now().setZone(a).startOf("day"),z=h!=null&&y!=null,C=h==null?void 0:h.startOf("day"),$=y==null?void 0:y.endOf("day"),o=new Map;N&&N.forEach(M=>{let g;D.DateTime.isDateTime(M.date)?g=M.date.setZone(a):typeof M.date=="string"?g=D.DateTime.fromISO(M.date,{zone:a}):g=D.DateTime.fromJSDate(M.date,{zone:a}),o.set(g.toISODate()||"",{name:M.name,type:M.type||"national"})});const m=[];let E=[],i=I;for(;i<=Z;){const M=i.month===r,g=i.hasSame(P,"day"),t=i.startOf("day"),p=i.toISODate()||"";let n=!1,A=!1,k=!1,L=!1;z&&C&&$?(k=t.hasSame(C,"day"),L=t.hasSame($,"day"),A=t>=C&&t<=$||k||L,n=k||L):l&&(n=i.hasSame(l,"day"));let T=!1;d&&i<d.startOf("day")&&(T=!0),v&&i>v.endOf("day")&&(T=!0);const B=o.get(p);E.push({date:i,isCurrentMonth:M,isToday:g,isSelected:n,isDisabled:T,isInRange:A,isRangeStart:k,isRangeEnd:L,holiday:B?{date:i,...B}:void 0}),E.length===7&&(m.push(E),E=[]),i=i.plus({days:1})}return m}function V(){const s=D.DateTime.now().startOf("week"),r=[];for(let a=0;a<7;a++){const l=s.plus({days:a});r.push(l.toFormat("ccc"))}return r}function R(){const s=[];for(let r=1;r<=12;r++){const a=D.DateTime.fromObject({month:r});s.push(a.toFormat("MMMM"))}return s}const ee=({viewDate:s,selectedDate:r,onDateSelect:a,onViewDateChange:l,timezone:d,minDate:v,maxDate:h,selectedStart:y,selectedEnd:N,onRangeSelect:b,holidays:I})=>{const _=b!=null,Z=c.useMemo(()=>F(s.year,s.month,d,r??void 0,v,h,y??void 0,N??void 0,I),[s,r,d,v,h,y,N,I]),P=c.useMemo(()=>V(),[]),z=c.useMemo(()=>R(),[]),C=()=>{l(s.minus({months:1}))},$=()=>{l(s.plus({months:1}))},o=t=>{const p=parseInt(t.target.value,10);l(s.set({month:p}))},m=t=>{const p=parseInt(t.target.value,10);l(s.set({year:p}))},E=(t,p)=>{if(!p)if(_&&b){const n=t.startOf("day");if(y==null)b(t,t);else if(N!=null&&y.hasSame(N,"day")){const A=y.startOf("day");n<A?b(t,y):b(y,t)}else b(t,t)}else a(t)},i=(t,p,n)=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),E(p,n))},M=s.year,g=Array.from({length:21},(t,p)=>M-10+p);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:s.month,onChange:o,"aria-label":"Select month",children:z.map((t,p)=>e.jsx("option",{value:p+1,children:t},p))}),e.jsx("select",{className:"chronos-year-select",value:s.year,onChange:m,"aria-label":"Select year",children:g.map(t=>e.jsx("option",{value:t,children:t},t))})]}),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:P.map(t=>e.jsx("div",{className:"chronos-weekday",children:t},t))}),Z.map((t,p)=>e.jsx("div",{className:"chronos-week-row",children:t.map((n,A)=>e.jsxs("button",{type:"button",className:`chronos-day ${n.isSelected?"selected":""} ${n.isToday?"today":""} ${n.isCurrentMonth?"":"other-month"} ${n.isDisabled?"disabled":""} ${n.isInRange?"in-range":""} ${n.isRangeStart?"range-start":""} ${n.isRangeEnd?"range-end":""} ${n.holiday?`holiday ${n.holiday.type}`:""}`,onClick:()=>E(n.date,n.isDisabled),onKeyDown:k=>i(k,n.date,n.isDisabled),disabled:n.isDisabled,"aria-label":`${n.date.toFormat("MMMM d, yyyy")}${n.holiday?`, ${n.holiday.name}`:""}`,"aria-selected":n.isSelected,"aria-current":n.isToday?"date":void 0,title:n.holiday?n.holiday.name:void 0,children:[n.date.day,n.holiday&&e.jsx("span",{className:"chronos-holiday-dot"})]},A))},p))]})]})},se=({value:s,onChange:r,use24Hour:a})=>{const[l,d]=c.useState((s==null?void 0:s.hour)??12),[v,h]=c.useState((s==null?void 0:s.minute)??0),[y,N]=c.useState(s&&s.hour>=12?"PM":"AM");c.useEffect(()=>{s&&(d(s.hour),h(s.minute),N(s.hour>=12?"PM":"AM"))},[s]);const b=o=>{d(o);let m=o;a||(y==="PM"&&o!==12?m=o+12:y==="AM"&&o===12&&(m=0)),r(m,v)},I=o=>{h(o),r(l,o)},_=()=>{const o=y==="AM"?"PM":"AM";N(o);let m=l;o==="PM"&&l!==12?m=l+12:o==="AM"&&l===12?m=0:o==="AM"&&l>12&&(m=l-12),r(m,v)},Z=a?l:l%12||12,P=a?23:12,z=a?0:1,C=Array.from({length:P-z+1},(o,m)=>z+m),$=Array.from({length:60},(o,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:o=>b(parseInt(o.target.value,10)),"aria-label":"Select hour",children:C.map(o=>e.jsx("option",{value:o,children:o.toString().padStart(2,"0")},o))})]}),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:o=>I(parseInt(o.target.value,10)),"aria-label":"Select minute",children:$.map(o=>e.jsx("option",{value:o,children:o.toString().padStart(2,"0")},o))})]}),!a&&e.jsx("button",{type:"button",className:"chronos-period-toggle",onClick:_,"aria-label":`Switch to ${y==="AM"?"PM":"AM"}`,children:y})]})]})},oe=({value:s,onChange:r})=>{const[a,l]=c.useState(!1),d=U.find(h=>h.value===s)||{label:s},v=h=>{r(h),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(!a),"aria-expanded":a,"aria-label":"Select timezone",children:[e.jsx("span",{className:"chronos-timezone-label",children:d.label}),e.jsx("span",{className:"chronos-timezone-offset",children:J(s)}),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:U.map(h=>e.jsxs("button",{type:"button",className:`chronos-timezone-option ${h.value===s?"selected":""}`,onClick:()=>v(h.value),role:"option","aria-selected":h.value===s,children:[e.jsx("span",{className:"chronos-timezone-option-label",children:h.label}),e.jsx("span",{className:"chronos-timezone-option-offset",children:J(h.value)})]},h.value))})]})};function H(s,r,a){return{iso:s.toISO()||"",formatted:s.toFormat(`${r} ${a}`),timestamp:s.toMillis(),dateTime:s}}const te=({value:s,onChange:r,timezone:a=G,dateFormat:l="DD",timeFormat:d="HH:mm",minDate:v,maxDate:h,placeholder:y="Select date and time",disabled:N=!1,showTime:b=!0,use24Hour:I=!0,className:_="",ariaLabel:Z="Date and time picker",showTimezoneSelector:P=!1,theme:z="light",orientation:C="portrait",selectionMode:$="single",rangeValue:o,onRangeChange:m,holidays:E})=>{const i=$==="range",[M,g]=c.useState(!1),[t,p]=c.useState(()=>!i&&s?w(s,a):null),[n,A]=c.useState(()=>i&&(o!=null&&o.start)?w(o.start,a):null),[k,L]=c.useState(()=>i&&(o!=null&&o.end)?w(o.end,a):null),[T,B]=c.useState(a),[ne,W]=c.useState(()=>t||n||k||K(a)),Y=c.useRef(null),Q=c.useRef(null);c.useEffect(()=>{!i&&s&&p(w(s,T))},[s,T,i]),c.useEffect(()=>{i&&(o==null?void 0:o.start)!=null&&(o==null?void 0:o.end)!=null&&(A(w(o.start,T)),L(w(o.end,T)))},[i,o,T]),c.useEffect(()=>{const u=f=>{Y.current&&!Y.current.contains(f.target)&&g(!1)};if(M)return document.addEventListener("mousedown",u),()=>document.removeEventListener("mousedown",u)},[M]),c.useEffect(()=>{const u=f=>{var O;f.key==="Escape"&&M&&(g(!1),(O=Q.current)==null||O.focus())};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[M]);const ae=c.useCallback(u=>{let f=u;if(t&&(f=u.set({hour:t.hour,minute:t.minute,second:t.second})),p(f),W(f),b||g(!1),r){const O={iso:f.toISO()||"",formatted:f.toFormat(`${l} ${d}`),timestamp:f.toMillis(),dateTime:f};r(O)}},[t,b,r,l,d]),re=c.useCallback((u,f)=>{const x=(t||K(T)).set({hour:u,minute:f,second:0});if(p(x),r){const j={iso:x.toISO()||"",formatted:x.toFormat(`${l} ${d}`),timestamp:x.toMillis(),dateTime:x};r(j)}},[t,T,r,l,d]),le=c.useCallback((u,f)=>{const O=u.startOf("day"),x=f.startOf("day"),[j,q]=O<=x?[O,x]:[x,O];if(A(j),L(q),W(j),m){const me=H(j,l,d),pe=H(q,l,d),ye=Math.max(0,Math.ceil(q.diff(j,"days").days));m({start:me,end:pe,nights:ye})}},[m,l,d]),ie=c.useCallback(u=>{if(B(u),t){const f=t.setZone(u);if(p(f),W(f),r){const O={iso:f.toISO()||"",formatted:f.toFormat(`${l} ${d}`),timestamp:f.toMillis(),dateTime:f};r(O)}}else W(K(u))},[t,r,l,d]),X=()=>{N||g(!M)},ce=u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),X())},de=i?n&&k?`${n.toFormat("d MMM yyyy")} – ${k.toFormat("d MMM yyyy")}`:"":t?t.toFormat(`${l} ${b?d:""}`):"",he=v?w(v,T):void 0,fe=h?w(h,T):void 0;return e.jsxs("div",{ref:Y,className:`chronos-picker ${_}`,"data-disabled":N,"data-theme":z,children:[e.jsxs("div",{className:"chronos-input-wrapper",onClick:X,children:[e.jsx("input",{ref:Q,type:"text",className:"chronos-input",value:de,placeholder:y,readOnly:!0,disabled:N,onKeyDown:ce,"aria-label":Z,"aria-expanded":M,"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"})]})]}),M&&e.jsx("div",{className:"chronos-dropdown","data-orientation":C,"data-range-mode":i,role:"dialog","aria-label":"Date and time picker dialog",children:e.jsxs("div",{className:"chronos-dropdown-content",children:[i&&n&&k&&e.jsxs("div",{className:"chronos-range-summary",children:[e.jsxs("div",{className:"chronos-range-nights",children:[Math.max(0,Math.ceil(k.diff(n,"days").days))," nights"]}),e.jsxs("div",{className:"chronos-range-dates",children:[n.toFormat("d MMM yyyy")," – ",k.toFormat("d MMM yyyy")]})]}),e.jsx(ee,{viewDate:ne,selectedDate:i?null:t,onDateSelect:ae,onViewDateChange:W,timezone:T,minDate:he,maxDate:fe,selectedStart:i?n:void 0,selectedEnd:i?k:void 0,onRangeSelect:i?le:void 0,holidays:E}),!i&&(b||P)&&e.jsxs("div",{className:"chronos-sidebar",children:[b&&e.jsx(se,{value:t,onChange:re,use24Hour:I,timezone:T}),P&&e.jsx(oe,{value:T,onChange:ie})]})]})})]})};S.COMMON_TIMEZONES=U,S.DEFAULT_TIMEZONE=G,S.DateTimePicker=te,S.convertToTimezone=w,S.nowInTimezone=K,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})});

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

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { DateTime } from 'luxon';
+import { Holiday } from '../types';
 
 interface CalendarProps {
     viewDate: DateTime;
@@ -13,6 +14,7 @@ interface CalendarProps {
     selectedStart?: DateTime | null;
     selectedEnd?: DateTime | null;
     onRangeSelect?: (start: DateTime, end: DateTime) => void;
+    holidays?: Holiday[];
 }
 export declare const Calendar: React.FC<CalendarProps>;
 export {};

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;AAGjC,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;CAC1D;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,CAwK5C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,mBAAmB,EAAiB,MAAM,UAAU,CAAC;AAK9D,OAAO,8BAA8B,CAAC;AAWtC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuSxD,CAAC"}
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,mBAAmB,EAAiB,MAAM,UAAU,CAAC;AAK9D,OAAO,8BAA8B,CAAC;AAWtC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAySxD,CAAC"}

package/dist/src/types.d.ts

@@ -18,6 +18,11 @@ export interface DateTimeRangeValue {
     /** Number of nights/days in range (end - start in days) */
     nights: number;
 }
+export interface Holiday {
+    date: DateTime | string | Date;
+    name: string;
+    type?: 'national' | 'long-weekend';
+}
 export interface DateTimePickerProps {
     /** Selected date and time value */
     value?: Date | string | DateTime;
@@ -60,6 +65,8 @@ export interface DateTimePickerProps {
     } | null;
     /** Callback when range changes (selectionMode is 'range') */
     onRangeChange?: (value: DateTimeRangeValue) => void;
+    /** List of holidays to display */
+    holidays?: Holiday[];
 }
 export interface CalendarDate {
     date: DateTime;
@@ -73,5 +80,7 @@ export interface CalendarDate {
     isRangeStart?: boolean;
     /** Is the range end date */
     isRangeEnd?: boolean;
+    /** Holiday information if applicable */
+    holiday?: Holiday;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,WAAW,aAAa;IAC5B,qCAAqC;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,6BAA6B;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,qBAAqB;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,mBAAmB;IACnB,GAAG,EAAE,aAAa,CAAC;IACnB,2DAA2D;IAC3D,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEjC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAE1C,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAExB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAExB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6BAA6B;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAEvC,6EAA6E;IAC7E,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAEnC,gDAAgD;IAChD,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;QAAC,GAAG,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAEvF,6DAA6D;IAC7D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,WAAW,aAAa;IAC5B,qCAAqC;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,6BAA6B;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,qBAAqB;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,mBAAmB;IACnB,GAAG,EAAE,aAAa,CAAC;IACnB,2DAA2D;IAC3D,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;CACpC;AAED,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEjC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAE1C,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAExB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAExB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6BAA6B;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAEvC,6EAA6E;IAC7E,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAEnC,gDAAgD;IAChD,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;QAAC,GAAG,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAEvF,6DAA6D;IAC7D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAEpD,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -4,7 +4,11 @@ import { CalendarDate } from '../types';
 /**
  * Generate calendar grid for a given month
  */
-export declare function generateCalendarMonth(year: number, month: number, timezone: string, selectedDate?: DateTime, minDate?: DateTime, maxDate?: DateTime, selectedStart?: DateTime, selectedEnd?: DateTime): CalendarDate[][];
+export declare function generateCalendarMonth(year: number, month: number, timezone: string, selectedDate?: DateTime, minDate?: DateTime, maxDate?: DateTime, selectedStart?: DateTime, selectedEnd?: DateTime, holidays?: {
+    date: DateTime | string | Date;
+    name: string;
+    type?: 'national' | 'long-weekend';
+}[]): CalendarDate[][];
 /**
  * Get weekday names
  */

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,GACrB,YAAY,EAAE,EAAE,CAmElB;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"}

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:9999;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-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:#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}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theengineerguy/chronos-picker",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "A modern, accessible date & time picker with comprehensive timezone support",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -28,7 +28,7 @@
   ],
   "author": "Debmalya Biswas <viperbale.db.@gmail.com>",
   "license": "MIT",
-  "homepage": "https://github.com/AnTIdoTe003/chronos-picker#readme",
+  "homepage": "https://chronos-picker.debmalya.in",
   "bugs": {
     "url": "https://github.com/AnTIdoTe003/chronos-picker/issues"
   },