@theengineerguy/chronos-picker 1.0.2 → 1.0.4

package/dist/index.esm.js

@@ -1,632 +1,7 @@
-import Ke, { useMemo as Ee, useState as U, useEffect as ue, useRef as Le, useCallback as Te } from "react";
-import { DateTime as Y } from "luxon";
-var _e = { exports: {} }, Q = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ue;
-function xr() {
-  if (Ue) return Q;
-  Ue = 1;
-  var o = Ke, l = Symbol.for("react.element"), d = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, b = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, R = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function v(k, y, w) {
-    var x, O = {}, C = null, E = null;
-    w !== void 0 && (C = "" + w), y.key !== void 0 && (C = "" + y.key), y.ref !== void 0 && (E = y.ref);
-    for (x in y) c.call(y, x) && !R.hasOwnProperty(x) && (O[x] = y[x]);
-    if (k && k.defaultProps) for (x in y = k.defaultProps, y) O[x] === void 0 && (O[x] = y[x]);
-    return { $$typeof: l, type: k, key: C, ref: E, props: O, _owner: b.current };
-  }
-  return Q.Fragment = d, Q.jsx = v, Q.jsxs = v, Q;
-}
-var ee = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ve;
-function Er() {
-  return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
-    var o = Ke, l = Symbol.for("react.element"), d = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), k = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), D = Symbol.iterator, F = "@@iterator";
-    function P(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var r = D && e[D] || e[F];
-      return typeof r == "function" ? r : null;
-    }
-    var i = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function n(e) {
-      {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), s = 1; s < r; s++)
-          t[s - 1] = arguments[s];
-        T("error", e, t);
-      }
-    }
-    function T(e, r, t) {
-      {
-        var s = i.ReactDebugCurrentFrame, h = s.getStackAddendum();
-        h !== "" && (r += "%s", t = t.concat([h]));
-        var m = t.map(function(f) {
-          return String(f);
-        });
-        m.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, m);
-      }
-    }
-    var p = !1, G = !1, q = !1, B = !1, Z = !1, X;
-    X = Symbol.for("react.module.reference");
-    function fe(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === c || e === R || Z || e === b || e === w || e === x || B || e === E || p || G || q || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === O || e.$$typeof === v || e.$$typeof === k || e.$$typeof === y || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === X || e.getModuleId !== void 0));
-    }
-    function de(e, r, t) {
-      var s = e.displayName;
-      if (s)
-        return s;
-      var h = r.displayName || r.name || "";
-      return h !== "" ? t + "(" + h + ")" : t;
-    }
-    function re(e) {
-      return e.displayName || "Context";
-    }
-    function $(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && n("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case c:
-          return "Fragment";
-        case d:
-          return "Portal";
-        case R:
-          return "Profiler";
-        case b:
-          return "StrictMode";
-        case w:
-          return "Suspense";
-        case x:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case k:
-            var r = e;
-            return re(r) + ".Consumer";
-          case v:
-            var t = e;
-            return re(t._context) + ".Provider";
-          case y:
-            return de(e, e.render, "ForwardRef");
-          case O:
-            var s = e.displayName || null;
-            return s !== null ? s : $(e.type) || "Memo";
-          case C: {
-            var h = e, m = h._payload, f = h._init;
-            try {
-              return $(f(m));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var W = Object.assign, V = 0, te, ne, j, g, I, L, ae;
-    function Re() {
-    }
-    Re.__reactDisabledLog = !0;
-    function Je() {
-      {
-        if (V === 0) {
-          te = console.log, ne = console.info, j = console.warn, g = console.error, I = console.group, L = console.groupCollapsed, ae = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: Re,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        V++;
-      }
-    }
-    function Ge() {
-      {
-        if (V--, V === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: W({}, e, {
-              value: te
-            }),
-            info: W({}, e, {
-              value: ne
-            }),
-            warn: W({}, e, {
-              value: j
-            }),
-            error: W({}, e, {
-              value: g
-            }),
-            group: W({}, e, {
-              value: I
-            }),
-            groupCollapsed: W({}, e, {
-              value: L
-            }),
-            groupEnd: W({}, e, {
-              value: ae
-            })
-          });
-        }
-        V < 0 && n("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var he = i.ReactCurrentDispatcher, ve;
-    function oe(e, r, t) {
-      {
-        if (ve === void 0)
-          try {
-            throw Error();
-          } catch (h) {
-            var s = h.stack.trim().match(/\n( *(at )?)/);
-            ve = s && s[1] || "";
-          }
-        return `
-` + ve + e;
-      }
-    }
-    var pe = !1, se;
-    {
-      var qe = typeof WeakMap == "function" ? WeakMap : Map;
-      se = new qe();
-    }
-    function Se(e, r) {
-      if (!e || pe)
-        return "";
-      {
-        var t = se.get(e);
-        if (t !== void 0)
-          return t;
-      }
-      var s;
-      pe = !0;
-      var h = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var m;
-      m = he.current, he.current = null, Je();
-      try {
-        if (r) {
-          var f = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(f.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(f, []);
-            } catch (N) {
-              s = N;
-            }
-            Reflect.construct(e, [], f);
-          } else {
-            try {
-              f.call();
-            } catch (N) {
-              s = N;
-            }
-            e.call(f.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (N) {
-            s = N;
-          }
-          e();
-        }
-      } catch (N) {
-        if (N && s && typeof N.stack == "string") {
-          for (var u = N.stack.split(`
-`), M = s.stack.split(`
-`), _ = u.length - 1, S = M.length - 1; _ >= 1 && S >= 0 && u[_] !== M[S]; )
-            S--;
-          for (; _ >= 1 && S >= 0; _--, S--)
-            if (u[_] !== M[S]) {
-              if (_ !== 1 || S !== 1)
-                do
-                  if (_--, S--, S < 0 || u[_] !== M[S]) {
-                    var A = `
-` + u[_].replace(" at new ", " at ");
-                    return e.displayName && A.includes("<anonymous>") && (A = A.replace("<anonymous>", e.displayName)), typeof e == "function" && se.set(e, A), A;
-                  }
-                while (_ >= 1 && S >= 0);
-              break;
-            }
-        }
-      } finally {
-        pe = !1, he.current = m, Ge(), Error.prepareStackTrace = h;
-      }
-      var J = e ? e.displayName || e.name : "", z = J ? oe(J) : "";
-      return typeof e == "function" && se.set(e, z), z;
-    }
-    function Ze(e, r, t) {
-      return Se(e, !1);
-    }
-    function Xe(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
-    }
-    function ie(e, r, t) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return Se(e, Xe(e));
-      if (typeof e == "string")
-        return oe(e);
-      switch (e) {
-        case w:
-          return oe("Suspense");
-        case x:
-          return oe("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case y:
-            return Ze(e.render);
-          case O:
-            return ie(e.type, r, t);
-          case C: {
-            var s = e, h = s._payload, m = s._init;
-            try {
-              return ie(m(h), r, t);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var H = Object.prototype.hasOwnProperty, ke = {}, we = i.ReactDebugCurrentFrame;
-    function le(e) {
-      if (e) {
-        var r = e._owner, t = ie(e.type, e._source, r ? r.type : null);
-        we.setExtraStackFrame(t);
-      } else
-        we.setExtraStackFrame(null);
-    }
-    function He(e, r, t, s, h) {
-      {
-        var m = Function.call.bind(H);
-        for (var f in e)
-          if (m(e, f)) {
-            var u = void 0;
-            try {
-              if (typeof e[f] != "function") {
-                var M = Error((s || "React class") + ": " + t + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw M.name = "Invariant Violation", M;
-              }
-              u = e[f](r, f, s, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (_) {
-              u = _;
-            }
-            u && !(u instanceof Error) && (le(h), n("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", s || "React class", t, f, typeof u), le(null)), u instanceof Error && !(u.message in ke) && (ke[u.message] = !0, le(h), n("Failed %s type: %s", t, u.message), le(null));
-          }
-      }
-    }
-    var Qe = Array.isArray;
-    function me(e) {
-      return Qe(e);
-    }
-    function er(e) {
-      {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t;
-      }
-    }
-    function rr(e) {
-      try {
-        return Oe(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Oe(e) {
-      return "" + e;
-    }
-    function Ce(e) {
-      if (rr(e))
-        return n("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", er(e)), Oe(e);
-    }
-    var Pe = i.ReactCurrentOwner, tr = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Me, Ne;
-    function nr(e) {
-      if (H.call(e, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function ar(e) {
-      if (H.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function or(e, r) {
-      typeof e.ref == "string" && Pe.current;
-    }
-    function sr(e, r) {
-      {
-        var t = function() {
-          Me || (Me = !0, n("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: t,
-          configurable: !0
-        });
-      }
-    }
-    function ir(e, r) {
-      {
-        var t = function() {
-          Ne || (Ne = !0, n("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: t,
-          configurable: !0
-        });
-      }
-    }
-    var lr = function(e, r, t, s, h, m, f) {
-      var u = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: l,
-        // Built-in properties that belong on the element
-        type: e,
-        key: r,
-        ref: t,
-        props: f,
-        // Record the component responsible for creating this element.
-        _owner: m
-      };
-      return u._store = {}, Object.defineProperty(u._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(u, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: s
-      }), Object.defineProperty(u, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: h
-      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
-    };
-    function cr(e, r, t, s, h) {
-      {
-        var m, f = {}, u = null, M = null;
-        t !== void 0 && (Ce(t), u = "" + t), ar(r) && (Ce(r.key), u = "" + r.key), nr(r) && (M = r.ref, or(r, h));
-        for (m in r)
-          H.call(r, m) && !tr.hasOwnProperty(m) && (f[m] = r[m]);
-        if (e && e.defaultProps) {
-          var _ = e.defaultProps;
-          for (m in _)
-            f[m] === void 0 && (f[m] = _[m]);
-        }
-        if (u || M) {
-          var S = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          u && sr(f, S), M && ir(f, S);
-        }
-        return lr(e, u, M, h, s, Pe.current, f);
-      }
-    }
-    var be = i.ReactCurrentOwner, De = i.ReactDebugCurrentFrame;
-    function K(e) {
-      if (e) {
-        var r = e._owner, t = ie(e.type, e._source, r ? r.type : null);
-        De.setExtraStackFrame(t);
-      } else
-        De.setExtraStackFrame(null);
-    }
-    var ye;
-    ye = !1;
-    function ge(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === l;
-    }
-    function Ae() {
-      {
-        if (be.current) {
-          var e = $(be.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function ur(e) {
-      return "";
-    }
-    var $e = {};
-    function fr(e) {
-      {
-        var r = Ae();
-        if (!r) {
-          var t = typeof e == "string" ? e : e.displayName || e.name;
-          t && (r = `
-
-Check the top-level render call using <` + t + ">.");
-        }
-        return r;
-      }
-    }
-    function Ie(e, r) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var t = fr(r);
-        if ($e[t])
-          return;
-        $e[t] = !0;
-        var s = "";
-        e && e._owner && e._owner !== be.current && (s = " It was passed a child from " + $(e._owner.type) + "."), K(e), n('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, s), K(null);
-      }
-    }
-    function Fe(e, r) {
-      {
-        if (typeof e != "object")
-          return;
-        if (me(e))
-          for (var t = 0; t < e.length; t++) {
-            var s = e[t];
-            ge(s) && Ie(s, r);
-          }
-        else if (ge(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var h = P(e);
-          if (typeof h == "function" && h !== e.entries)
-            for (var m = h.call(e), f; !(f = m.next()).done; )
-              ge(f.value) && Ie(f.value, r);
-        }
-      }
-    }
-    function dr(e) {
-      {
-        var r = e.type;
-        if (r == null || typeof r == "string")
-          return;
-        var t;
-        if (typeof r == "function")
-          t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === y || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        r.$$typeof === O))
-          t = r.propTypes;
-        else
-          return;
-        if (t) {
-          var s = $(r);
-          He(t, e.props, "prop", s, e);
-        } else if (r.PropTypes !== void 0 && !ye) {
-          ye = !0;
-          var h = $(r);
-          n("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
-        }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && n("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function hr(e) {
-      {
-        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var s = r[t];
-          if (s !== "children" && s !== "key") {
-            K(e), n("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", s), K(null);
-            break;
-          }
-        }
-        e.ref !== null && (K(e), n("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
-      }
-    }
-    var We = {};
-    function Ye(e, r, t, s, h, m) {
-      {
-        var f = fe(e);
-        if (!f) {
-          var u = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (u += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var M = ur();
-          M ? u += M : u += Ae();
-          var _;
-          e === null ? _ = "null" : me(e) ? _ = "array" : e !== void 0 && e.$$typeof === l ? (_ = "<" + ($(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof e, n("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, u);
-        }
-        var S = cr(e, r, t, h, m);
-        if (S == null)
-          return S;
-        if (f) {
-          var A = r.children;
-          if (A !== void 0)
-            if (s)
-              if (me(A)) {
-                for (var J = 0; J < A.length; J++)
-                  Fe(A[J], e);
-                Object.freeze && Object.freeze(A);
-              } else
-                n("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-            else
-              Fe(A, e);
-        }
-        if (H.call(r, "key")) {
-          var z = $(e), N = Object.keys(r).filter(function(gr) {
-            return gr !== "key";
-          }), xe = N.length > 0 ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!We[z + xe]) {
-            var yr = N.length > 0 ? "{" + N.join(": ..., ") + ": ...}" : "{}";
-            n(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`, xe, z, yr, z), We[z + xe] = !0;
-          }
-        }
-        return e === c ? hr(S) : dr(S), S;
-      }
-    }
-    function vr(e, r, t) {
-      return Ye(e, r, t, !0);
-    }
-    function pr(e, r, t) {
-      return Ye(e, r, t, !1);
-    }
-    var mr = pr, br = vr;
-    ee.Fragment = c, ee.jsx = mr, ee.jsxs = br;
-  }()), ee;
-}
-process.env.NODE_ENV === "production" ? _e.exports = xr() : _e.exports = Er();
-var a = _e.exports;
-const Tr = "Asia/Kolkata", ze = [
+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 = [
   { value: "Asia/Kolkata", label: "India (IST)" },
   { value: "America/New_York", label: "Eastern Time (ET)" },
   { value: "America/Chicago", label: "Central Time (CT)" },
@@ -640,172 +15,193 @@ const Tr = "Asia/Kolkata", ze = [
   { value: "Australia/Sydney", label: "Sydney (AEDT)" },
   { value: "UTC", label: "UTC" }
 ];
-function ce(o, l) {
-  return Y.isDateTime(o) ? o.setZone(l) : typeof o == "string" ? Y.fromISO(o, { zone: l }) : Y.fromJSDate(o, { zone: l });
+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 je(o) {
-  return Y.now().setZone(o);
+function U(e) {
+  return D.now().setZone(e);
 }
-function Be(o) {
-  const d = Y.now().setZone(o).offset, c = Math.floor(Math.abs(d) / 60), b = Math.abs(d) % 60;
-  return `UTC${d >= 0 ? "+" : "-"}${c}${b > 0 ? `:${b.toString().padStart(2, "0")}` : ""}`;
+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 jr(o, l, d, c, b, R) {
-  const v = Y.fromObject(
-    { year: o, month: l, day: 1 },
-    { zone: d }
-  ), k = v.startOf("week"), w = v.endOf("month").endOf("week"), x = Y.now().setZone(d).startOf("day"), O = [];
-  let C = [], E = k;
-  for (; E <= w; ) {
-    const D = E.month === l, F = E.hasSame(x, "day"), P = c ? E.hasSame(c, "day") : !1;
-    let i = !1;
-    b && E < b.startOf("day") && (i = !0), R && E > R.endOf("day") && (i = !0), C.push({
-      date: E,
-      isCurrentMonth: D,
-      isToday: F,
-      isSelected: P,
-      isDisabled: i
-    }), C.length === 7 && (O.push(C), C = []), E = E.plus({ days: 1 });
+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({
+      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 });
   }
-  return O;
+  return E;
 }
-function _r() {
-  const o = Y.now().startOf("week"), l = [];
-  for (let d = 0; d < 7; d++) {
-    const c = o.plus({ days: d });
-    l.push(c.toFormat("ccc"));
+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"));
   }
-  return l;
+  return s;
 }
-function Rr() {
-  const o = [];
-  for (let l = 1; l <= 12; l++) {
-    const d = Y.fromObject({ month: l });
-    o.push(d.toFormat("MMMM"));
+function fe() {
+  const e = [];
+  for (let s = 1; s <= 12; s++) {
+    const r = D.fromObject({ month: s });
+    e.push(r.toFormat("MMMM"));
   }
-  return o;
+  return e;
 }
-const Sr = ({
-  viewDate: o,
-  selectedDate: l,
-  onDateSelect: d,
-  onViewDateChange: c,
-  timezone: b,
-  minDate: R,
-  maxDate: v
+const pe = ({
+  viewDate: e,
+  selectedDate: s,
+  onDateSelect: r,
+  onViewDateChange: a,
+  timezone: c,
+  minDate: b,
+  maxDate: d,
+  selectedStart: f,
+  selectedEnd: v,
+  onRangeSelect: M
 }) => {
-  const k = Ee(() => jr(
-    o.year,
-    o.month,
+  const R = M != null, P = j(() => me(
+    e.year,
+    e.month,
+    c,
+    s ?? void 0,
     b,
-    l ?? void 0,
-    R,
-    v
-  ), [o, l, b, R, v]), y = Ee(() => _r(), []), w = Ee(() => Rr(), []), x = () => {
-    c(o.minus({ months: 1 }));
-  }, O = () => {
-    c(o.plus({ months: 1 }));
-  }, C = (n) => {
-    const T = parseInt(n.target.value, 10);
-    c(o.set({ month: T }));
-  }, E = (n) => {
-    const T = parseInt(n.target.value, 10);
-    c(o.set({ year: T }));
-  }, D = (n, T) => {
-    T || d(n);
-  }, F = (n, T, p) => {
-    (n.key === "Enter" || n.key === " ") && (n.preventDefault(), D(T, p));
-  }, P = o.year, i = Array.from({ length: 21 }, (n, T) => P - 10 + T);
-  return /* @__PURE__ */ a.jsxs("div", { className: "chronos-calendar", role: "region", "aria-label": "Calendar", children: [
-    /* @__PURE__ */ a.jsxs("div", { className: "chronos-calendar-header", children: [
-      /* @__PURE__ */ a.jsx(
+    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);
+        } else
+          M(t, t);
+      } 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);
+  return /* @__PURE__ */ h("div", { className: "chronos-calendar", role: "region", "aria-label": "Calendar", children: [
+    /* @__PURE__ */ h("div", { className: "chronos-calendar-header", children: [
+      /* @__PURE__ */ o(
         "button",
         {
           type: "button",
           className: "chronos-nav-button",
-          onClick: x,
+          onClick: S,
           "aria-label": "Previous month",
           children: "‹"
         }
       ),
-      /* @__PURE__ */ a.jsxs("div", { className: "chronos-month-year-selectors", children: [
-        /* @__PURE__ */ a.jsx(
+      /* @__PURE__ */ h("div", { className: "chronos-month-year-selectors", children: [
+        /* @__PURE__ */ o(
           "select",
           {
             className: "chronos-month-select",
-            value: o.month,
-            onChange: C,
+            value: e.month,
+            onChange: E,
             "aria-label": "Select month",
-            children: w.map((n, T) => /* @__PURE__ */ a.jsx("option", { value: T + 1, children: n }, T))
+            children: A.map((t, m) => /* @__PURE__ */ o("option", { value: m + 1, children: t }, m))
           }
         ),
-        /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ o(
           "select",
           {
             className: "chronos-year-select",
-            value: o.year,
-            onChange: E,
+            value: e.year,
+            onChange: n,
             "aria-label": "Select year",
-            children: i.map((n) => /* @__PURE__ */ a.jsx("option", { value: n, children: n }, n))
+            children: g.map((t) => /* @__PURE__ */ o("option", { value: t, children: t }, t))
           }
         )
       ] }),
-      /* @__PURE__ */ a.jsx(
+      /* @__PURE__ */ o(
         "button",
         {
           type: "button",
           className: "chronos-nav-button",
-          onClick: O,
+          onClick: C,
           "aria-label": "Next month",
           children: "›"
         }
       )
     ] }),
-    /* @__PURE__ */ a.jsxs("div", { className: "chronos-calendar-grid", children: [
-      /* @__PURE__ */ a.jsx("div", { className: "chronos-weekday-row", children: y.map((n) => /* @__PURE__ */ a.jsx("div", { className: "chronos-weekday", children: n }, n)) }),
-      k.map((n, T) => /* @__PURE__ */ a.jsx("div", { className: "chronos-week-row", children: n.map((p, G) => /* @__PURE__ */ a.jsx(
+    /* @__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(
         "button",
         {
           type: "button",
-          className: `chronos-day ${p.isSelected ? "selected" : ""} ${p.isToday ? "today" : ""} ${p.isCurrentMonth ? "" : "other-month"} ${p.isDisabled ? "disabled" : ""}`,
-          onClick: () => D(p.date, p.isDisabled),
-          onKeyDown: (q) => F(q, p.date, p.isDisabled),
-          disabled: p.isDisabled,
-          "aria-label": p.date.toFormat("MMMM d, yyyy"),
-          "aria-selected": p.isSelected,
-          "aria-current": p.isToday ? "date" : void 0,
-          children: p.date.day
+          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
         },
-        G
-      )) }, T))
+        O
+      )) }, m))
     ] })
   ] });
-}, kr = ({
-  value: o,
-  onChange: l,
-  use24Hour: d
+}, ye = ({
+  value: e,
+  onChange: s,
+  use24Hour: r
 }) => {
-  const [c, b] = U((o == null ? void 0 : o.hour) ?? 12), [R, v] = U((o == null ? void 0 : o.minute) ?? 0), [k, y] = U(
-    o && o.hour >= 12 ? "PM" : "AM"
+  const [a, c] = x((e == null ? void 0 : e.hour) ?? 12), [b, d] = x((e == null ? void 0 : e.minute) ?? 0), [f, v] = x(
+    e && e.hour >= 12 ? "PM" : "AM"
   );
-  ue(() => {
-    o && (b(o.hour), v(o.minute), y(o.hour >= 12 ? "PM" : "AM"));
-  }, [o]);
-  const w = (i) => {
-    b(i);
-    let n = i;
-    d || (k === "PM" && i !== 12 ? n = i + 12 : k === "AM" && i === 12 && (n = 0)), l(n, R);
-  }, x = (i) => {
-    v(i), l(c, i);
-  }, O = () => {
-    const i = k === "AM" ? "PM" : "AM";
-    y(i);
-    let n = c;
-    i === "PM" && c !== 12 ? n = c + 12 : i === "AM" && c === 12 ? n = 0 : i === "AM" && c > 12 && (n = c - 12), l(n, R);
-  }, C = d ? c : c % 12 || 12, E = d ? 23 : 12, D = d ? 0 : 1, F = Array.from({ length: E - D + 1 }, (i, n) => D + n), P = Array.from({ length: 60 }, (i, n) => n);
-  return /* @__PURE__ */ a.jsxs("div", { className: "chronos-time-picker", role: "group", "aria-label": "Time picker", children: [
-    /* @__PURE__ */ a.jsxs("div", { className: "chronos-time-header", children: [
-      /* @__PURE__ */ a.jsxs(
+  Z(() => {
+    e && (c(e.hour), d(e.minute), v(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);
+  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(
         "svg",
         {
           className: "chronos-clock-icon",
@@ -815,67 +211,67 @@ const Sr = ({
           stroke: "currentColor",
           strokeWidth: "2",
           children: [
-            /* @__PURE__ */ a.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-            /* @__PURE__ */ a.jsx("polyline", { points: "12 6 12 12 16 14" })
+            /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ o("polyline", { points: "12 6 12 12 16 14" })
           ]
         }
       ),
-      /* @__PURE__ */ a.jsx("span", { children: "Time" })
+      /* @__PURE__ */ o("span", { children: "Time" })
     ] }),
-    /* @__PURE__ */ a.jsxs("div", { className: "chronos-time-controls", children: [
-      /* @__PURE__ */ a.jsxs("div", { className: "chronos-time-input-group", children: [
-        /* @__PURE__ */ a.jsx("label", { htmlFor: "chronos-hour-select", className: "chronos-time-label", children: "Hour" }),
-        /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ h("div", { className: "chronos-time-controls", children: [
+      /* @__PURE__ */ h("div", { className: "chronos-time-input-group", children: [
+        /* @__PURE__ */ o("label", { htmlFor: "chronos-hour-select", className: "chronos-time-label", children: "Hour" }),
+        /* @__PURE__ */ o(
           "select",
           {
             id: "chronos-hour-select",
             className: "chronos-time-select",
-            value: C,
-            onChange: (i) => w(parseInt(i.target.value, 10)),
+            value: z,
+            onChange: (n) => M(parseInt(n.target.value, 10)),
             "aria-label": "Select hour",
-            children: F.map((i) => /* @__PURE__ */ a.jsx("option", { value: i, children: i.toString().padStart(2, "0") }, i))
+            children: C.map((n) => /* @__PURE__ */ o("option", { value: n, children: n.toString().padStart(2, "0") }, n))
           }
         )
       ] }),
-      /* @__PURE__ */ a.jsx("span", { className: "chronos-time-separator", children: ":" }),
-      /* @__PURE__ */ a.jsxs("div", { className: "chronos-time-input-group", children: [
-        /* @__PURE__ */ a.jsx("label", { htmlFor: "chronos-minute-select", className: "chronos-time-label", children: "Minute" }),
-        /* @__PURE__ */ a.jsx(
+      /* @__PURE__ */ o("span", { className: "chronos-time-separator", children: ":" }),
+      /* @__PURE__ */ h("div", { className: "chronos-time-input-group", children: [
+        /* @__PURE__ */ o("label", { htmlFor: "chronos-minute-select", className: "chronos-time-label", children: "Minute" }),
+        /* @__PURE__ */ o(
           "select",
           {
             id: "chronos-minute-select",
             className: "chronos-time-select",
-            value: R,
-            onChange: (i) => x(parseInt(i.target.value, 10)),
+            value: b,
+            onChange: (n) => R(parseInt(n.target.value, 10)),
             "aria-label": "Select minute",
-            children: P.map((i) => /* @__PURE__ */ a.jsx("option", { value: i, children: i.toString().padStart(2, "0") }, i))
+            children: E.map((n) => /* @__PURE__ */ o("option", { value: n, children: n.toString().padStart(2, "0") }, n))
           }
         )
       ] }),
-      !d && /* @__PURE__ */ a.jsx(
+      !r && /* @__PURE__ */ o(
         "button",
         {
           type: "button",
           className: "chronos-period-toggle",
-          onClick: O,
-          "aria-label": `Switch to ${k === "AM" ? "PM" : "AM"}`,
-          children: k
+          onClick: P,
+          "aria-label": `Switch to ${f === "AM" ? "PM" : "AM"}`,
+          children: f
         }
       )
     ] })
   ] });
-}, wr = ({
-  value: o,
-  onChange: l
+}, Me = ({
+  value: e,
+  onChange: s
 }) => {
-  const [d, c] = U(!1), b = ze.find((v) => v.value === o) || {
-    label: o
-  }, R = (v) => {
-    l(v), c(!1);
+  const [r, a] = x(!1), c = H.find((d) => d.value === e) || {
+    label: e
+  }, b = (d) => {
+    s(d), a(!1);
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: "chronos-timezone-selector", children: [
-    /* @__PURE__ */ a.jsxs("div", { className: "chronos-timezone-header", children: [
-      /* @__PURE__ */ a.jsxs(
+  return /* @__PURE__ */ h("div", { className: "chronos-timezone-selector", children: [
+    /* @__PURE__ */ h("div", { className: "chronos-timezone-header", children: [
+      /* @__PURE__ */ h(
         "svg",
         {
           className: "chronos-globe-icon",
@@ -885,167 +281,187 @@ const Sr = ({
           stroke: "currentColor",
           strokeWidth: "2",
           children: [
-            /* @__PURE__ */ a.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-            /* @__PURE__ */ a.jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
-            /* @__PURE__ */ a.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" })
+            /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ o("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
+            /* @__PURE__ */ o("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
           ]
         }
       ),
-      /* @__PURE__ */ a.jsx("span", { children: "Timezone" })
+      /* @__PURE__ */ o("span", { children: "Timezone" })
     ] }),
-    /* @__PURE__ */ a.jsxs(
+    /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         className: "chronos-timezone-button",
-        onClick: () => c(!d),
-        "aria-expanded": d,
+        onClick: () => a(!r),
+        "aria-expanded": r,
         "aria-label": "Select timezone",
         children: [
-          /* @__PURE__ */ a.jsx("span", { className: "chronos-timezone-label", children: b.label }),
-          /* @__PURE__ */ a.jsx("span", { className: "chronos-timezone-offset", children: Be(o) }),
-          /* @__PURE__ */ a.jsx(
+          /* @__PURE__ */ o("span", { className: "chronos-timezone-label", children: c.label }),
+          /* @__PURE__ */ o("span", { className: "chronos-timezone-offset", children: Q(e) }),
+          /* @__PURE__ */ o(
             "svg",
             {
-              className: `chronos-chevron ${d ? "expanded" : ""}`,
+              className: `chronos-chevron ${r ? "expanded" : ""}`,
               xmlns: "http://www.w3.org/2000/svg",
               viewBox: "0 0 24 24",
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
-              children: /* @__PURE__ */ a.jsx("polyline", { points: "6 9 12 15 18 9" })
+              children: /* @__PURE__ */ o("polyline", { points: "6 9 12 15 18 9" })
             }
           )
         ]
       }
     ),
-    d && /* @__PURE__ */ a.jsx("div", { className: "chronos-timezone-list", role: "listbox", children: ze.map((v) => /* @__PURE__ */ a.jsxs(
+    r && /* @__PURE__ */ o("div", { className: "chronos-timezone-list", role: "listbox", children: H.map((d) => /* @__PURE__ */ h(
       "button",
       {
         type: "button",
-        className: `chronos-timezone-option ${v.value === o ? "selected" : ""}`,
-        onClick: () => R(v.value),
+        className: `chronos-timezone-option ${d.value === e ? "selected" : ""}`,
+        onClick: () => b(d.value),
         role: "option",
-        "aria-selected": v.value === o,
+        "aria-selected": d.value === e,
         children: [
-          /* @__PURE__ */ a.jsx("span", { className: "chronos-timezone-option-label", children: v.label }),
-          /* @__PURE__ */ a.jsx("span", { className: "chronos-timezone-option-offset", children: Be(v.value) })
+          /* @__PURE__ */ o("span", { className: "chronos-timezone-option-label", children: d.label }),
+          /* @__PURE__ */ o("span", { className: "chronos-timezone-option-offset", children: Q(d.value) })
         ]
       },
-      v.value
+      d.value
     )) })
   ] });
-}, Pr = ({
-  value: o,
-  onChange: l,
-  timezone: d = Tr,
-  dateFormat: c = "DD",
-  timeFormat: b = "HH:mm",
-  minDate: R,
-  maxDate: v,
-  placeholder: k = "Select date and time",
-  disabled: y = !1,
-  showTime: w = !0,
-  use24Hour: x = !0,
-  className: O = "",
-  ariaLabel: C = "Date and time picker",
-  showTimezoneSelector: E = !1,
-  theme: D = "light",
-  orientation: F = "portrait"
+};
+function X(e, s, r) {
+  return {
+    iso: e.toISO() || "",
+    formatted: e.toFormat(`${s} ${r}`),
+    timestamp: e.toMillis(),
+    dateTime: e
+  };
+}
+const ke = ({
+  value: e,
+  onChange: s,
+  timezone: r = he,
+  dateFormat: a = "DD",
+  timeFormat: c = "HH:mm",
+  minDate: b,
+  maxDate: d,
+  placeholder: f = "Select date and time",
+  disabled: v = !1,
+  showTime: M = !0,
+  use24Hour: R = !0,
+  className: P = "",
+  ariaLabel: z = "Date and time picker",
+  showTimezoneSelector: A = !1,
+  theme: S = "light",
+  orientation: C = "portrait",
+  selectionMode: E = "single",
+  rangeValue: n,
+  onRangeChange: l
 }) => {
-  const [P, i] = U(!1), [n, T] = U(() => o ? ce(o, d) : null), [p, G] = U(d), [q, B] = U(() => n || je(d)), Z = Le(null), X = Le(null);
-  ue(() => {
-    o && T(ce(o, p));
-  }, [o, p]), ue(() => {
-    const j = (g) => {
-      Z.current && !Z.current.contains(g.target) && i(!1);
+  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);
     };
-    if (P)
-      return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
-  }, [P]), ue(() => {
-    const j = (g) => {
-      var I;
-      g.key === "Escape" && P && (i(!1), (I = X.current) == null || I.focus());
+    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());
     };
-    return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
-  }, [P]);
-  const fe = Te((j) => {
-    let g = j;
-    if (n && (g = j.set({
-      hour: n.hour,
-      minute: n.minute,
-      second: n.second
-    })), T(g), B(g), w || i(!1), l) {
-      const I = {
-        iso: g.toISO() || "",
-        formatted: g.toFormat(`${c} ${b}`),
-        timestamp: g.toMillis(),
-        dateTime: g
+    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
       };
-      l(I);
-    }
-  }, [n, w, l, c, b]), de = Te((j, g) => {
-    const L = (n || je(p)).set({ hour: j, minute: g, second: 0 });
-    if (T(L), l) {
-      const ae = {
-        iso: L.toISO() || "",
-        formatted: L.toFormat(`${c} ${b}`),
-        timestamp: L.toMillis(),
-        dateTime: L
+      s(w);
+    }
+  }, [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: $
       };
-      l(ae);
-    }
-  }, [n, p, l, c, b]), re = Te((j) => {
-    if (G(j), n) {
-      const g = n.setZone(j);
-      if (T(g), B(g), l) {
-        const I = {
-          iso: g.toISO() || "",
-          formatted: g.toFormat(`${c} ${b}`),
-          timestamp: g.toMillis(),
-          dateTime: g
+      s(L);
+    }
+  }, [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 });
+    }
+  }, [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
         };
-        l(I);
+        s(w);
       }
     } else
-      B(je(j));
-  }, [n, l, c, b]), $ = () => {
-    y || i(!P);
-  }, W = (j) => {
-    (j.key === "Enter" || j.key === " ") && (j.preventDefault(), $());
-  }, V = n ? n.toFormat(`${c} ${w ? b : ""}`) : "", te = R ? ce(R, p) : void 0, ne = v ? ce(v, p) : void 0;
-  return /* @__PURE__ */ a.jsxs(
+      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;
+  return /* @__PURE__ */ h(
     "div",
     {
-      ref: Z,
-      className: `chronos-picker ${O}`,
-      "data-disabled": y,
-      "data-theme": D,
+      ref: K,
+      className: `chronos-picker ${P}`,
+      "data-disabled": v,
+      "data-theme": S,
       children: [
-        /* @__PURE__ */ a.jsxs(
+        /* @__PURE__ */ h(
           "div",
           {
             className: "chronos-input-wrapper",
-            onClick: $,
+            onClick: J,
             children: [
-              /* @__PURE__ */ a.jsx(
+              /* @__PURE__ */ o(
                 "input",
                 {
-                  ref: X,
+                  ref: G,
                   type: "text",
                   className: "chronos-input",
-                  value: V,
-                  placeholder: k,
+                  value: ae,
+                  placeholder: f,
                   readOnly: !0,
-                  disabled: y,
-                  onKeyDown: W,
-                  "aria-label": C,
-                  "aria-expanded": P,
+                  disabled: v,
+                  onKeyDown: se,
+                  "aria-label": z,
+                  "aria-expanded": T,
                   "aria-haspopup": "dialog",
                   role: "combobox"
                 }
               ),
-              /* @__PURE__ */ a.jsxs(
+              /* @__PURE__ */ h(
                 "svg",
                 {
                   className: "chronos-calendar-icon",
@@ -1055,51 +471,66 @@ const Sr = ({
                   stroke: "currentColor",
                   strokeWidth: "2",
                   children: [
-                    /* @__PURE__ */ a.jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
-                    /* @__PURE__ */ a.jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
-                    /* @__PURE__ */ a.jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
-                    /* @__PURE__ */ a.jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+                    /* @__PURE__ */ o("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+                    /* @__PURE__ */ o("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+                    /* @__PURE__ */ o("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+                    /* @__PURE__ */ o("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
                   ]
                 }
               )
             ]
           }
         ),
-        P && /* @__PURE__ */ a.jsx(
+        T && /* @__PURE__ */ o(
           "div",
           {
             className: "chronos-dropdown",
-            "data-orientation": F,
+            "data-orientation": C,
+            "data-range-mode": y,
             role: "dialog",
             "aria-label": "Date and time picker dialog",
-            children: /* @__PURE__ */ a.jsxs("div", { className: "chronos-dropdown-content", children: [
-              /* @__PURE__ */ a.jsx(
-                Sr,
+            children: /* @__PURE__ */ h("div", { className: "chronos-dropdown-content", children: [
+              y && i && N && /* @__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)),
+                  " nights"
+                ] }),
+                /* @__PURE__ */ h("div", { className: "chronos-range-dates", children: [
+                  i.toFormat("d MMM yyyy"),
+                  " – ",
+                  N.toFormat("d MMM yyyy")
+                ] })
+              ] }),
+              /* @__PURE__ */ o(
+                pe,
                 {
-                  viewDate: q,
-                  selectedDate: n,
-                  onDateSelect: fe,
-                  onViewDateChange: B,
-                  timezone: p,
-                  minDate: te,
-                  maxDate: ne
+                  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
                 }
               ),
-              (w || E) && /* @__PURE__ */ a.jsxs("div", { className: "chronos-sidebar", children: [
-                w && /* @__PURE__ */ a.jsx(
-                  kr,
+              !y && (M || A) && /* @__PURE__ */ h("div", { className: "chronos-sidebar", children: [
+                M && /* @__PURE__ */ o(
+                  ye,
                   {
-                    value: n,
-                    onChange: de,
-                    use24Hour: x,
-                    timezone: p
+                    value: t,
+                    onChange: ne,
+                    use24Hour: R,
+                    timezone: k
                   }
                 ),
-                E && /* @__PURE__ */ a.jsx(
-                  wr,
+                A && /* @__PURE__ */ o(
+                  Me,
                   {
-                    value: p,
-                    onChange: re
+                    value: k,
+                    onChange: oe
                   }
                 )
               ] })
@@ -1111,9 +542,9 @@ const Sr = ({
   );
 };
 export {
-  ze as COMMON_TIMEZONES,
-  Tr as DEFAULT_TIMEZONE,
-  Pr as DateTimePicker,
-  ce as convertToTimezone,
-  je as nowInTimezone
+  H as COMMON_TIMEZONES,
+  he as DEFAULT_TIMEZONE,
+  ke as DateTimePicker,
+  I as convertToTimezone,
+  U as nowInTimezone
 };