react-timezone-range-picker 0.1.0 → 0.1.1

package/dist/index.es.js

@@ -0,0 +1,2301 @@
+import $t, { useRef as se, useCallback as P, useEffect as ie, forwardRef as St, createElement as Ae, useState as ee, createContext as xt, useContext as Dt, useMemo as lt, useLayoutEffect as jt } from "react";
+import { useMantineColorScheme as wt, useMantineTheme as Et, Flex as H, Text as X, Input as dt, Button as Le, Box as oe, Select as _t, Popover as Fe } from "@mantine/core";
+import { DatePickerInput as ze, TimeInput as Re } from "@mantine/dates";
+function Ve(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Se = { exports: {} }, fe = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Be;
+function kt() {
+  if (Be) return fe;
+  Be = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function r(n, s, i) {
+    var a = null;
+    if (i !== void 0 && (a = "" + i), s.key !== void 0 && (a = "" + s.key), "key" in s) {
+      i = {};
+      for (var c in s)
+        c !== "key" && (i[c] = s[c]);
+    } else i = s;
+    return s = i.ref, {
+      $$typeof: e,
+      type: n,
+      key: a,
+      ref: s !== void 0 ? s : null,
+      props: i
+    };
+  }
+  return fe.Fragment = t, fe.jsx = r, fe.jsxs = r, fe;
+}
+var me = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Je;
+function Ot() {
+  return Je || (Je = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === L ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
+        case T:
+          return "Fragment";
+        case $:
+          return "Profiler";
+        case h:
+          return "StrictMode";
+        case R:
+          return "Suspense";
+        case S:
+          return "SuspenseList";
+        case N:
+          return "Activity";
+      }
+      if (typeof o == "object")
+        switch (typeof o.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), o.$$typeof) {
+          case _:
+            return "Portal";
+          case z:
+            return (o.displayName || "Context") + ".Provider";
+          case k:
+            return (o._context.displayName || "Context") + ".Consumer";
+          case Y:
+            var b = o.render;
+            return o = o.displayName, o || (o = b.displayName || b.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case A:
+            return b = o.displayName || null, b !== null ? b : e(o.type) || "Memo";
+          case I:
+            b = o._payload, o = o._init;
+            try {
+              return e(o(b));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(o) {
+      return "" + o;
+    }
+    function r(o) {
+      try {
+        t(o);
+        var b = !1;
+      } catch {
+        b = !0;
+      }
+      if (b) {
+        b = console;
+        var O = b.error, C = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return O.call(
+          b,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          C
+        ), t(o);
+      }
+    }
+    function n(o) {
+      if (o === T) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === I)
+        return "<...>";
+      try {
+        var b = e(o);
+        return b ? "<" + b + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var o = F.A;
+      return o === null ? null : o.getOwner();
+    }
+    function i() {
+      return Error("react-stack-top-frame");
+    }
+    function a(o) {
+      if (te.call(o, "key")) {
+        var b = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (b && b.isReactWarning) return !1;
+      }
+      return o.key !== void 0;
+    }
+    function c(o, b) {
+      function O() {
+        v || (v = !0, console.error(
+          "%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://react.dev/link/special-props)",
+          b
+        ));
+      }
+      O.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: O,
+        configurable: !0
+      });
+    }
+    function u() {
+      var o = e(this.type);
+      return m[o] || (m[o] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), o = this.props.ref, o !== void 0 ? o : null;
+    }
+    function f(o, b, O, C, W, q, Q, p) {
+      return O = q.ref, o = {
+        $$typeof: V,
+        type: o,
+        key: b,
+        props: q,
+        _owner: W
+      }, (O !== void 0 ? O : null) !== null ? Object.defineProperty(o, "ref", {
+        enumerable: !1,
+        get: u
+      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(o, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(o, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Q
+      }), Object.defineProperty(o, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: p
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+    }
+    function D(o, b, O, C, W, q, Q, p) {
+      var E = b.children;
+      if (E !== void 0)
+        if (C)
+          if (ae(E)) {
+            for (C = 0; C < E.length; C++)
+              g(E[C]);
+            Object.freeze && Object.freeze(E);
+          } else
+            console.error(
+              "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 g(E);
+      if (te.call(b, "key")) {
+        E = e(o);
+        var U = Object.keys(b).filter(function(B) {
+          return B !== "key";
+        });
+        C = 0 < U.length ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}", M[E + C] || (U = 0 < U.length ? "{" + U.join(": ..., ") + ": ...}" : "{}", console.error(
+          `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} />`,
+          C,
+          E,
+          U,
+          E
+        ), M[E + C] = !0);
+      }
+      if (E = null, O !== void 0 && (r(O), E = "" + O), a(b) && (r(b.key), E = "" + b.key), "key" in b) {
+        O = {};
+        for (var K in b)
+          K !== "key" && (O[K] = b[K]);
+      } else O = b;
+      return E && c(
+        O,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), f(
+        o,
+        E,
+        q,
+        W,
+        s(),
+        O,
+        Q,
+        p
+      );
+    }
+    function g(o) {
+      typeof o == "object" && o !== null && o.$$typeof === V && o._store && (o._store.validated = 1);
+    }
+    var j = $t, V = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), z = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), F = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, te = Object.prototype.hasOwnProperty, ae = Array.isArray, w = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    j = {
+      react_stack_bottom_frame: function(o) {
+        return o();
+      }
+    };
+    var v, m = {}, x = j.react_stack_bottom_frame.bind(
+      j,
+      i
+    )(), y = w(n(i)), M = {};
+    me.Fragment = T, me.jsx = function(o, b, O, C, W) {
+      var q = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return D(
+        o,
+        b,
+        O,
+        !1,
+        C,
+        W,
+        q ? Error("react-stack-top-frame") : x,
+        q ? w(n(o)) : y
+      );
+    }, me.jsxs = function(o, b, O, C, W) {
+      var q = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return D(
+        o,
+        b,
+        O,
+        !0,
+        C,
+        W,
+        q ? Error("react-stack-top-frame") : x,
+        q ? w(n(o)) : y
+      );
+    };
+  })()), me;
+}
+var Ge;
+function Mt() {
+  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? Se.exports = kt() : Se.exports = Ot()), Se.exports;
+}
+var l = Mt();
+function Pt(e, t) {
+  var r = se(!1), n = se(), s = se(e), i = P(function() {
+    return r.current;
+  }, []), a = P(function() {
+    r.current = !1, n.current && clearTimeout(n.current), n.current = setTimeout(function() {
+      r.current = !0, s.current();
+    }, t);
+  }, [t]), c = P(function() {
+    r.current = null, n.current && clearTimeout(n.current);
+  }, []);
+  return ie(function() {
+    s.current = e;
+  }, [e]), ie(function() {
+    return a(), c;
+  }, [t]), [i, c, a];
+}
+function ft(e, t, r) {
+  r === void 0 && (r = []);
+  var n = Pt(e, t), s = n[0], i = n[1], a = n[2];
+  return ie(a, r), [s, i];
+}
+function mt(e) {
+  var t, r, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var s = e.length;
+    for (t = 0; t < s; t++) e[t] && (r = mt(e[t])) && (n && (n += " "), n += r);
+  } else for (r in e) e[r] && (n && (n += " "), n += r);
+  return n;
+}
+function ht() {
+  for (var e, t, r = 0, n = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = mt(e)) && (n && (n += " "), n += t);
+  return n;
+}
+const Vt = "_row_550mo_1", he = {
+  row: Vt,
+  "row-dark": "_row-dark_550mo_5",
+  "row-light": "_row-light_550mo_12",
+  "row-selected-dark": "_row-selected-dark_550mo_19",
+  "row-selected-light": "_row-selected-light_550mo_27"
+}, qe = () => {
+  const { colorScheme: e } = wt(), t = Et();
+  return { colorScheme: e, theme: t };
+}, Xe = ({
+  name: e,
+  longName: t,
+  currentTime: r,
+  utcOffset: n,
+  selectedTimezone: s,
+  isBrowserTimezone: i = !1,
+  handleTimezoneMouseClick: a = void 0
+}) => {
+  const { colorScheme: c } = qe(), u = () => {
+    i || a({
+      name: e,
+      longName: t,
+      utcOffset: n
+    });
+  };
+  return /* @__PURE__ */ l.jsxs(
+    H,
+    {
+      direction: "column",
+      className: ht(
+        he.row,
+        i ? void 0 : c === "dark" ? he["row-dark"] : he["row-light"],
+        s?.name === e ? c === "dark" ? he["row-selected-dark"] : he["row-selected-light"] : void 0
+      ),
+      onClick: u,
+      children: [
+        /* @__PURE__ */ l.jsxs(H, { justify: "space-between", children: [
+          /* @__PURE__ */ l.jsx(X, { size: "sm", children: e }),
+          /* @__PURE__ */ l.jsxs(X, { size: "sm", children: [
+            r,
+            " • UTC",
+            n
+          ] })
+        ] }),
+        /* @__PURE__ */ l.jsx(X, { size: "sm", children: t })
+      ]
+    }
+  );
+};
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var At = {
+  outline: {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  },
+  filled: {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    stroke: "none"
+  }
+};
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const de = (e, t, r, n) => {
+  const s = St(
+    ({ color: i = "currentColor", size: a = 24, stroke: c = 2, title: u, className: f, children: D, ...g }, j) => Ae(
+      "svg",
+      {
+        ref: j,
+        ...At[e],
+        width: a,
+        height: a,
+        className: ["tabler-icon", `tabler-icon-${t}`, f].join(" "),
+        ...e === "filled" ? {
+          fill: i
+        } : {
+          strokeWidth: c,
+          stroke: i
+        },
+        ...g
+      },
+      [
+        u && Ae("title", { key: "svg-title" }, u),
+        ...n.map(([V, _]) => Ae(V, _)),
+        ...Array.isArray(D) ? D : [D]
+      ]
+    )
+  );
+  return s.displayName = `${r}`, s;
+};
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ft = [["path", { d: "M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z", key: "svg-0" }], ["path", { d: "M16 3v4", key: "svg-1" }], ["path", { d: "M8 3v4", key: "svg-2" }], ["path", { d: "M4 11h16", key: "svg-3" }], ["path", { d: "M11 15h1", key: "svg-4" }], ["path", { d: "M12 15v3", key: "svg-5" }]], Ye = de("outline", "calendar", "Calendar", Ft);
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ct = [["path", { d: "M9 6l6 6l-6 6", key: "svg-0" }]], Ce = de("outline", "chevron-right", "ChevronRight", Ct);
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const It = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", key: "svg-0" }], ["path", { d: "M12 7v5l3 3", key: "svg-1" }]], Pe = de("outline", "clock", "Clock", It);
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Lt = [["path", { d: "M4 6h16", key: "svg-0" }], ["path", { d: "M6 12h12", key: "svg-1" }], ["path", { d: "M9 18h6", key: "svg-2" }]], zt = de("outline", "filter-2", "Filter2", Lt);
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Rt = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", key: "svg-0" }], ["path", { d: "M3.6 9h16.8", key: "svg-1" }], ["path", { d: "M3.6 15h16.8", key: "svg-2" }], ["path", { d: "M11.5 3a17 17 0 0 0 0 18", key: "svg-3" }], ["path", { d: "M12.5 3a17 17 0 0 1 0 18", key: "svg-4" }]], Yt = de("outline", "world", "World", Rt);
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Kt = [["path", { d: "M16 2c.183 0 .355 .05 .502 .135l.033 .02c.28 .177 .465 .49 .465 .845v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 .514 -.874l.093 -.046l.066 -.025l.1 -.029l.107 -.019l.12 -.007q .083 0 .161 .013l.122 .029l.04 .012l.06 .023c.328 .135 .568 .44 .61 .806l.007 .117v1h6v-1a1 1 0 0 1 1 -1m3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16z", key: "svg-0" }], ["path", { d: "M9.015 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1", key: "svg-1" }], ["path", { d: "M13.015 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1", key: "svg-2" }], ["path", { d: "M17.02 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1", key: "svg-3" }], ["path", { d: "M12.02 15a1 1 0 0 1 0 2a1.001 1.001 0 1 1 -.005 -2z", key: "svg-4" }], ["path", { d: "M9.015 16a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1", key: "svg-5" }]], Ut = de("filled", "calendar-week-filled", "CalendarWeekFilled", Kt), Wt = ({ searchText: e, setSearchText: t }) => /* @__PURE__ */ l.jsx(
+  dt,
+  {
+    placeholder: "Timezone search (Asia, Tokyo, +09:00, etc)",
+    leftSection: /* @__PURE__ */ l.jsx(zt, { stroke: 2 }),
+    value: e,
+    onChange: (r) => t(r.currentTarget.value)
+  }
+);
+var _e = { exports: {} }, Nt = _e.exports, Qe;
+function qt() {
+  return Qe || (Qe = 1, (function(e, t) {
+    (function(r, n) {
+      e.exports = n();
+    })(Nt, (function() {
+      var r = 1e3, n = 6e4, s = 36e5, i = "millisecond", a = "second", c = "minute", u = "hour", f = "day", D = "week", g = "month", j = "quarter", V = "year", _ = "date", T = "Invalid Date", h = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, $ = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, k = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(w) {
+        var v = ["th", "st", "nd", "rd"], m = w % 100;
+        return "[" + w + (v[(m - 20) % 10] || v[m] || v[0]) + "]";
+      } }, z = function(w, v, m) {
+        var x = String(w);
+        return !x || x.length >= v ? w : "" + Array(v + 1 - x.length).join(m) + w;
+      }, Y = { s: z, z: function(w) {
+        var v = -w.utcOffset(), m = Math.abs(v), x = Math.floor(m / 60), y = m % 60;
+        return (v <= 0 ? "+" : "-") + z(x, 2, "0") + ":" + z(y, 2, "0");
+      }, m: function w(v, m) {
+        if (v.date() < m.date()) return -w(m, v);
+        var x = 12 * (m.year() - v.year()) + (m.month() - v.month()), y = v.clone().add(x, g), M = m - y < 0, o = v.clone().add(x + (M ? -1 : 1), g);
+        return +(-(x + (m - y) / (M ? y - o : o - y)) || 0);
+      }, a: function(w) {
+        return w < 0 ? Math.ceil(w) || 0 : Math.floor(w);
+      }, p: function(w) {
+        return { M: g, y: V, w: D, d: f, D: _, h: u, m: c, s: a, ms: i, Q: j }[w] || String(w || "").toLowerCase().replace(/s$/, "");
+      }, u: function(w) {
+        return w === void 0;
+      } }, R = "en", S = {};
+      S[R] = k;
+      var A = "$isDayjsObject", I = function(w) {
+        return w instanceof te || !(!w || !w[A]);
+      }, N = function w(v, m, x) {
+        var y;
+        if (!v) return R;
+        if (typeof v == "string") {
+          var M = v.toLowerCase();
+          S[M] && (y = M), m && (S[M] = m, y = M);
+          var o = v.split("-");
+          if (!y && o.length > 1) return w(o[0]);
+        } else {
+          var b = v.name;
+          S[b] = v, y = b;
+        }
+        return !x && y && (R = y), y || !x && R;
+      }, L = function(w, v) {
+        if (I(w)) return w.clone();
+        var m = typeof v == "object" ? v : {};
+        return m.date = w, m.args = arguments, new te(m);
+      }, F = Y;
+      F.l = N, F.i = I, F.w = function(w, v) {
+        return L(w, { locale: v.$L, utc: v.$u, x: v.$x, $offset: v.$offset });
+      };
+      var te = (function() {
+        function w(m) {
+          this.$L = N(m.locale, null, !0), this.parse(m), this.$x = this.$x || m.x || {}, this[A] = !0;
+        }
+        var v = w.prototype;
+        return v.parse = function(m) {
+          this.$d = (function(x) {
+            var y = x.date, M = x.utc;
+            if (y === null) return /* @__PURE__ */ new Date(NaN);
+            if (F.u(y)) return /* @__PURE__ */ new Date();
+            if (y instanceof Date) return new Date(y);
+            if (typeof y == "string" && !/Z$/i.test(y)) {
+              var o = y.match(h);
+              if (o) {
+                var b = o[2] - 1 || 0, O = (o[7] || "0").substring(0, 3);
+                return M ? new Date(Date.UTC(o[1], b, o[3] || 1, o[4] || 0, o[5] || 0, o[6] || 0, O)) : new Date(o[1], b, o[3] || 1, o[4] || 0, o[5] || 0, o[6] || 0, O);
+              }
+            }
+            return new Date(y);
+          })(m), this.init();
+        }, v.init = function() {
+          var m = this.$d;
+          this.$y = m.getFullYear(), this.$M = m.getMonth(), this.$D = m.getDate(), this.$W = m.getDay(), this.$H = m.getHours(), this.$m = m.getMinutes(), this.$s = m.getSeconds(), this.$ms = m.getMilliseconds();
+        }, v.$utils = function() {
+          return F;
+        }, v.isValid = function() {
+          return this.$d.toString() !== T;
+        }, v.isSame = function(m, x) {
+          var y = L(m);
+          return this.startOf(x) <= y && y <= this.endOf(x);
+        }, v.isAfter = function(m, x) {
+          return L(m) < this.startOf(x);
+        }, v.isBefore = function(m, x) {
+          return this.endOf(x) < L(m);
+        }, v.$g = function(m, x, y) {
+          return F.u(m) ? this[x] : this.set(y, m);
+        }, v.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, v.valueOf = function() {
+          return this.$d.getTime();
+        }, v.startOf = function(m, x) {
+          var y = this, M = !!F.u(x) || x, o = F.p(m), b = function(U, K) {
+            var B = F.w(y.$u ? Date.UTC(y.$y, K, U) : new Date(y.$y, K, U), y);
+            return M ? B : B.endOf(f);
+          }, O = function(U, K) {
+            return F.w(y.toDate()[U].apply(y.toDate("s"), (M ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(K)), y);
+          }, C = this.$W, W = this.$M, q = this.$D, Q = "set" + (this.$u ? "UTC" : "");
+          switch (o) {
+            case V:
+              return M ? b(1, 0) : b(31, 11);
+            case g:
+              return M ? b(1, W) : b(0, W + 1);
+            case D:
+              var p = this.$locale().weekStart || 0, E = (C < p ? C + 7 : C) - p;
+              return b(M ? q - E : q + (6 - E), W);
+            case f:
+            case _:
+              return O(Q + "Hours", 0);
+            case u:
+              return O(Q + "Minutes", 1);
+            case c:
+              return O(Q + "Seconds", 2);
+            case a:
+              return O(Q + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, v.endOf = function(m) {
+          return this.startOf(m, !1);
+        }, v.$set = function(m, x) {
+          var y, M = F.p(m), o = "set" + (this.$u ? "UTC" : ""), b = (y = {}, y[f] = o + "Date", y[_] = o + "Date", y[g] = o + "Month", y[V] = o + "FullYear", y[u] = o + "Hours", y[c] = o + "Minutes", y[a] = o + "Seconds", y[i] = o + "Milliseconds", y)[M], O = M === f ? this.$D + (x - this.$W) : x;
+          if (M === g || M === V) {
+            var C = this.clone().set(_, 1);
+            C.$d[b](O), C.init(), this.$d = C.set(_, Math.min(this.$D, C.daysInMonth())).$d;
+          } else b && this.$d[b](O);
+          return this.init(), this;
+        }, v.set = function(m, x) {
+          return this.clone().$set(m, x);
+        }, v.get = function(m) {
+          return this[F.p(m)]();
+        }, v.add = function(m, x) {
+          var y, M = this;
+          m = Number(m);
+          var o = F.p(x), b = function(W) {
+            var q = L(M);
+            return F.w(q.date(q.date() + Math.round(W * m)), M);
+          };
+          if (o === g) return this.set(g, this.$M + m);
+          if (o === V) return this.set(V, this.$y + m);
+          if (o === f) return b(1);
+          if (o === D) return b(7);
+          var O = (y = {}, y[c] = n, y[u] = s, y[a] = r, y)[o] || 1, C = this.$d.getTime() + m * O;
+          return F.w(C, this);
+        }, v.subtract = function(m, x) {
+          return this.add(-1 * m, x);
+        }, v.format = function(m) {
+          var x = this, y = this.$locale();
+          if (!this.isValid()) return y.invalidDate || T;
+          var M = m || "YYYY-MM-DDTHH:mm:ssZ", o = F.z(this), b = this.$H, O = this.$m, C = this.$M, W = y.weekdays, q = y.months, Q = y.meridiem, p = function(K, B, re, G) {
+            return K && (K[B] || K(x, M)) || re[B].slice(0, G);
+          }, E = function(K) {
+            return F.s(b % 12 || 12, K, "0");
+          }, U = Q || function(K, B, re) {
+            var G = K < 12 ? "AM" : "PM";
+            return re ? G.toLowerCase() : G;
+          };
+          return M.replace($, (function(K, B) {
+            return B || (function(re) {
+              switch (re) {
+                case "YY":
+                  return String(x.$y).slice(-2);
+                case "YYYY":
+                  return F.s(x.$y, 4, "0");
+                case "M":
+                  return C + 1;
+                case "MM":
+                  return F.s(C + 1, 2, "0");
+                case "MMM":
+                  return p(y.monthsShort, C, q, 3);
+                case "MMMM":
+                  return p(q, C);
+                case "D":
+                  return x.$D;
+                case "DD":
+                  return F.s(x.$D, 2, "0");
+                case "d":
+                  return String(x.$W);
+                case "dd":
+                  return p(y.weekdaysMin, x.$W, W, 2);
+                case "ddd":
+                  return p(y.weekdaysShort, x.$W, W, 3);
+                case "dddd":
+                  return W[x.$W];
+                case "H":
+                  return String(b);
+                case "HH":
+                  return F.s(b, 2, "0");
+                case "h":
+                  return E(1);
+                case "hh":
+                  return E(2);
+                case "a":
+                  return U(b, O, !0);
+                case "A":
+                  return U(b, O, !1);
+                case "m":
+                  return String(O);
+                case "mm":
+                  return F.s(O, 2, "0");
+                case "s":
+                  return String(x.$s);
+                case "ss":
+                  return F.s(x.$s, 2, "0");
+                case "SSS":
+                  return F.s(x.$ms, 3, "0");
+                case "Z":
+                  return o;
+              }
+              return null;
+            })(K) || o.replace(":", "");
+          }));
+        }, v.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, v.diff = function(m, x, y) {
+          var M, o = this, b = F.p(x), O = L(m), C = (O.utcOffset() - this.utcOffset()) * n, W = this - O, q = function() {
+            return F.m(o, O);
+          };
+          switch (b) {
+            case V:
+              M = q() / 12;
+              break;
+            case g:
+              M = q();
+              break;
+            case j:
+              M = q() / 3;
+              break;
+            case D:
+              M = (W - C) / 6048e5;
+              break;
+            case f:
+              M = (W - C) / 864e5;
+              break;
+            case u:
+              M = W / s;
+              break;
+            case c:
+              M = W / n;
+              break;
+            case a:
+              M = W / r;
+              break;
+            default:
+              M = W;
+          }
+          return y ? M : F.a(M);
+        }, v.daysInMonth = function() {
+          return this.endOf(g).$D;
+        }, v.$locale = function() {
+          return S[this.$L];
+        }, v.locale = function(m, x) {
+          if (!m) return this.$L;
+          var y = this.clone(), M = N(m, x, !0);
+          return M && (y.$L = M), y;
+        }, v.clone = function() {
+          return F.w(this.$d, this);
+        }, v.toDate = function() {
+          return new Date(this.valueOf());
+        }, v.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, v.toISOString = function() {
+          return this.$d.toISOString();
+        }, v.toString = function() {
+          return this.$d.toUTCString();
+        }, w;
+      })(), ae = te.prototype;
+      return L.prototype = ae, [["$ms", i], ["$s", a], ["$m", c], ["$H", u], ["$W", f], ["$M", g], ["$y", V], ["$D", _]].forEach((function(w) {
+        ae[w[1]] = function(v) {
+          return this.$g(v, w[0], w[1]);
+        };
+      })), L.extend = function(w, v) {
+        return w.$i || (w(v, te, L), w.$i = !0), L;
+      }, L.locale = N, L.isDayjs = I, L.unix = function(w) {
+        return L(1e3 * w);
+      }, L.en = S[R], L.Ls = S, L.p = {}, L;
+    }));
+  })(_e)), _e.exports;
+}
+var Ht = qt();
+const d = /* @__PURE__ */ Ve(Ht);
+var ke = { exports: {} }, Zt = ke.exports, et;
+function Bt() {
+  return et || (et = 1, (function(e, t) {
+    (function(r, n) {
+      e.exports = n();
+    })(Zt, (function() {
+      var r = "minute", n = /[+-]\d\d(?::?\d\d)?/g, s = /([+-]|\d\d)/g;
+      return function(i, a, c) {
+        var u = a.prototype;
+        c.utc = function(T) {
+          var h = { date: T, utc: !0, args: arguments };
+          return new a(h);
+        }, u.utc = function(T) {
+          var h = c(this.toDate(), { locale: this.$L, utc: !0 });
+          return T ? h.add(this.utcOffset(), r) : h;
+        }, u.local = function() {
+          return c(this.toDate(), { locale: this.$L, utc: !1 });
+        };
+        var f = u.parse;
+        u.parse = function(T) {
+          T.utc && (this.$u = !0), this.$utils().u(T.$offset) || (this.$offset = T.$offset), f.call(this, T);
+        };
+        var D = u.init;
+        u.init = function() {
+          if (this.$u) {
+            var T = this.$d;
+            this.$y = T.getUTCFullYear(), this.$M = T.getUTCMonth(), this.$D = T.getUTCDate(), this.$W = T.getUTCDay(), this.$H = T.getUTCHours(), this.$m = T.getUTCMinutes(), this.$s = T.getUTCSeconds(), this.$ms = T.getUTCMilliseconds();
+          } else D.call(this);
+        };
+        var g = u.utcOffset;
+        u.utcOffset = function(T, h) {
+          var $ = this.$utils().u;
+          if ($(T)) return this.$u ? 0 : $(this.$offset) ? g.call(this) : this.$offset;
+          if (typeof T == "string" && (T = (function(R) {
+            R === void 0 && (R = "");
+            var S = R.match(n);
+            if (!S) return null;
+            var A = ("" + S[0]).match(s) || ["-", 0, 0], I = A[0], N = 60 * +A[1] + +A[2];
+            return N === 0 ? 0 : I === "+" ? N : -N;
+          })(T), T === null)) return this;
+          var k = Math.abs(T) <= 16 ? 60 * T : T;
+          if (k === 0) return this.utc(h);
+          var z = this.clone();
+          if (h) return z.$offset = k, z.$u = !1, z;
+          var Y = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          return (z = this.local().add(k + Y, r)).$offset = k, z.$x.$localOffset = Y, z;
+        };
+        var j = u.format;
+        u.format = function(T) {
+          var h = T || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+          return j.call(this, h);
+        }, u.valueOf = function() {
+          var T = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+          return this.$d.valueOf() - 6e4 * T;
+        }, u.isUTC = function() {
+          return !!this.$u;
+        }, u.toISOString = function() {
+          return this.toDate().toISOString();
+        }, u.toString = function() {
+          return this.toDate().toUTCString();
+        };
+        var V = u.toDate;
+        u.toDate = function(T) {
+          return T === "s" && this.$offset ? c(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : V.call(this);
+        };
+        var _ = u.diff;
+        u.diff = function(T, h, $) {
+          if (T && this.$u === T.$u) return _.call(this, T, h, $);
+          var k = this.local(), z = c(T).local();
+          return _.call(k, z, h, $);
+        };
+      };
+    }));
+  })(ke)), ke.exports;
+}
+var Jt = Bt();
+const Gt = /* @__PURE__ */ Ve(Jt);
+var Oe = { exports: {} }, Xt = Oe.exports, tt;
+function Qt() {
+  return tt || (tt = 1, (function(e, t) {
+    (function(r, n) {
+      e.exports = n();
+    })(Xt, (function() {
+      var r = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, n = {};
+      return function(s, i, a) {
+        var c, u = function(j, V, _) {
+          _ === void 0 && (_ = {});
+          var T = new Date(j), h = (function($, k) {
+            k === void 0 && (k = {});
+            var z = k.timeZoneName || "short", Y = $ + "|" + z, R = n[Y];
+            return R || (R = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: $, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: z }), n[Y] = R), R;
+          })(V, _);
+          return h.formatToParts(T);
+        }, f = function(j, V) {
+          for (var _ = u(j, V), T = [], h = 0; h < _.length; h += 1) {
+            var $ = _[h], k = $.type, z = $.value, Y = r[k];
+            Y >= 0 && (T[Y] = parseInt(z, 10));
+          }
+          var R = T[3], S = R === 24 ? 0 : R, A = T[0] + "-" + T[1] + "-" + T[2] + " " + S + ":" + T[4] + ":" + T[5] + ":000", I = +j;
+          return (a.utc(A).valueOf() - (I -= I % 1e3)) / 6e4;
+        }, D = i.prototype;
+        D.tz = function(j, V) {
+          j === void 0 && (j = c);
+          var _, T = this.utcOffset(), h = this.toDate(), $ = h.toLocaleString("en-US", { timeZone: j }), k = Math.round((h - new Date($)) / 1e3 / 60), z = 15 * -Math.round(h.getTimezoneOffset() / 15) - k;
+          if (!Number(z)) _ = this.utcOffset(0, V);
+          else if (_ = a($, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(z, !0), V) {
+            var Y = _.utcOffset();
+            _ = _.add(T - Y, "minute");
+          }
+          return _.$x.$timezone = j, _;
+        }, D.offsetName = function(j) {
+          var V = this.$x.$timezone || a.tz.guess(), _ = u(this.valueOf(), V, { timeZoneName: j }).find((function(T) {
+            return T.type.toLowerCase() === "timezonename";
+          }));
+          return _ && _.value;
+        };
+        var g = D.startOf;
+        D.startOf = function(j, V) {
+          if (!this.$x || !this.$x.$timezone) return g.call(this, j, V);
+          var _ = a(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
+          return g.call(_, j, V).tz(this.$x.$timezone, !0);
+        }, a.tz = function(j, V, _) {
+          var T = _ && V, h = _ || V || c, $ = f(+a(), h);
+          if (typeof j != "string") return a(j).tz(h);
+          var k = (function(S, A, I) {
+            var N = S - 60 * A * 1e3, L = f(N, I);
+            if (A === L) return [N, A];
+            var F = f(N -= 60 * (L - A) * 1e3, I);
+            return L === F ? [N, L] : [S - 60 * Math.min(L, F) * 1e3, Math.max(L, F)];
+          })(a.utc(j, T).valueOf(), $, h), z = k[0], Y = k[1], R = a(z).utcOffset(Y);
+          return R.$x.$timezone = h, R;
+        }, a.tz.guess = function() {
+          return Intl.DateTimeFormat().resolvedOptions().timeZone;
+        }, a.tz.setDefault = function(j) {
+          c = j;
+        };
+      };
+    }));
+  })(Oe)), Oe.exports;
+}
+var er = Qt();
+const tr = /* @__PURE__ */ Ve(er), rr = (e, t = "en-US") => new Intl.DateTimeFormat(t, {
+  timeZone: e,
+  timeZoneName: "long"
+}).formatToParts(/* @__PURE__ */ new Date()).find((r) => r.type === "timeZoneName")?.value || "", nr = (e) => {
+  const t = e[0] === "-" ? -1 : 1, [r, n] = e.slice(1).split(":").map(Number);
+  return t * (r * 60 + n);
+};
+d.extend(Gt);
+d.extend(tr);
+const sr = () => Intl.supportedValuesOf("timeZone").map((t) => {
+  const r = d().tz(t).format("Z");
+  return {
+    name: t,
+    longName: rr(t),
+    currentTime: d().tz(t).format("h:mm A"),
+    utcOffset: r,
+    offsetMinutes: nr(r)
+  };
+}).sort((t, r) => t.offsetMinutes - r.offsetMinutes), or = {
+  "list-container": "_list-container_jrnm0_5"
+}, He = {
+  "form-container": "_form-container_1xxf4_1"
+}, yt = xt(void 0), pt = () => {
+  const e = Dt(yt);
+  if (!e) throw new Error("usePopoverContext must be used within a PopoverProvider");
+  return e;
+}, ir = ({ children: e }) => {
+  const [t, r] = ee(!1), n = () => {
+    r(!1);
+  };
+  return /* @__PURE__ */ l.jsx(yt.Provider, { value: { popoverOpened: t, setPopoverOpened: r, closePopover: n }, children: e });
+}, Ze = () => {
+  const { theme: e } = qe(), { closePopover: t } = pt();
+  return /* @__PURE__ */ l.jsx(H, { justify: "flex-end", children: /* @__PURE__ */ l.jsxs(H, { columnGap: 16, children: [
+    /* @__PURE__ */ l.jsx(Le, { size: "xs", variant: "subtle", color: e.primaryColor, onClick: t, children: "Cancel" }),
+    /* @__PURE__ */ l.jsx(Le, { type: "submit", size: "xs", color: e.primaryColor, children: "Apply" })
+  ] }) });
+}, ne = "YYYY/MM/DD", be = "HH:mm:ss", pe = () => d().format(be), Tt = () => d().format(ne), ar = (e) => d().add(e, "day").format(ne), cr = (e) => e && d().tz(e).format("Z"), ur = (e) => `${d(e.startDate).format(ne)} ${e.startTime} - ${d(
+  e.endDate
+).format(ne)} ${e.endTime} (${cr(e.timezone.name)})`, ce = (e, t, r, n) => {
+  const s = d(`${e} ${t}`).subtract(r, n);
+  return {
+    date: s.format(ne),
+    time: s.format(be)
+  };
+}, ue = (e, t, r, n) => {
+  const s = d(`${e} ${t}`).add(r, n);
+  return {
+    date: s.format(ne),
+    time: s.format(be)
+  };
+}, Te = (e, t, r) => d.tz(`${e} ${t}`, `${ne} ${be}`, r).utc().toISOString(), ve = (e, t) => {
+  const r = d.utc(e).tz(t);
+  return { date: r.format(ne), time: r.format(be) };
+}, lr = ({ tzRange: e }) => {
+  const [t, r] = ee(e.timezone), [n, s] = ee([]), [i, a] = ee(""), c = lt(() => sr(), []);
+  ie(() => {
+    s(c);
+  }, []), ft(
+    () => {
+      if (i === "") {
+        s(c);
+        return;
+      }
+      s(
+        c.filter(
+          (g) => g.name.toLowerCase().includes(i.toLocaleLowerCase()) || g.longName.toLowerCase().includes(i.toLocaleLowerCase()) || g.currentTime.toLowerCase().includes(i.toLocaleLowerCase()) || g.utcOffset.toLowerCase().includes(i.toLocaleLowerCase())
+        )
+      );
+    },
+    250,
+    [i]
+  );
+  const u = (g) => {
+    r(g);
+  }, f = (g) => {
+    if (g.preventDefault(), !t?.name || !e.timezone.name || !e.startDate || !e.startTime || !e.endDate || !e.endTime)
+      return;
+    const j = Te(e.startDate, e.startTime, e.timezone.name), V = Te(e.endDate, e.endTime, e.timezone.name), _ = ve(j, t.name), T = ve(V, t.name);
+    e.onApply({
+      startDate: _.date,
+      startTime: _.time,
+      endDate: T.date,
+      endTime: T.time,
+      timezone: t || {
+        name: null,
+        longName: null,
+        utcOffset: null
+      }
+    });
+  }, D = (g) => g ? d().tz(g).format("h:mm A") : "";
+  return /* @__PURE__ */ l.jsxs("form", { className: He["form-container"], onSubmit: f, children: [
+    /* @__PURE__ */ l.jsxs(H, { direction: "column", style: { height: "calc(100% - 40px)" }, children: [
+      /* @__PURE__ */ l.jsx(oe, { style: { width: "95%" }, mx: "auto", children: /* @__PURE__ */ l.jsx(Wt, { searchText: i, setSearchText: a }) }),
+      /* @__PURE__ */ l.jsxs(oe, { style: { overflowY: "scroll" }, children: [
+        /* @__PURE__ */ l.jsx(X, { fw: 600, px: 12, children: "My Location" }),
+        /* @__PURE__ */ l.jsx(H, { direction: "column", children: /* @__PURE__ */ l.jsx(
+          Xe,
+          {
+            isBrowserTimezone: !0,
+            name: e.timezone?.name,
+            longName: e.timezone?.longName,
+            currentTime: D(e.timezone?.name),
+            utcOffset: e.timezone?.utcOffset,
+            selectedTimezone: t
+          }
+        ) }),
+        /* @__PURE__ */ l.jsx(X, { fw: 600, px: 12, children: "Locations" }),
+        /* @__PURE__ */ l.jsx(H, { direction: "column", className: or["list-container"], children: n.map((g, j) => /* @__PURE__ */ l.jsx(
+          Xe,
+          {
+            name: g.name,
+            longName: g.longName,
+            currentTime: g.currentTime,
+            utcOffset: g.utcOffset,
+            selectedTimezone: t,
+            handleTimezoneMouseClick: u
+          },
+          j
+        )) })
+      ] })
+    ] }),
+    /* @__PURE__ */ l.jsx(oe, { px: 12, children: /* @__PURE__ */ l.jsx(Ze, {}) })
+  ] });
+}, xe = {
+  "sidebar-container": "_sidebar-container_e18ka_1",
+  "sidebar-row": "_sidebar-row_e18ka_5"
+}, rt = (e) => [
+  {
+    label: "Today",
+    searchKey: "today",
+    startTime: d().tz(e).startOf("day").format(),
+    endTime: d().tz(e).endOf("day").format()
+  },
+  {
+    label: "Tomorrow",
+    searchKey: "tomorrow",
+    startTime: d().tz(e).add(1, "day").startOf("day").format(),
+    endTime: d().tz(e).add(1, "day").endOf("day").format()
+  },
+  {
+    label: "Yesterday",
+    searchKey: "yesterday",
+    startTime: d().tz(e).subtract(1, "day").startOf("day").format(),
+    endTime: d().tz(e).subtract(1, "day").endOf("day").format(),
+    lineBreak: !0
+  },
+  {
+    label: "Last 15 seconds",
+    searchKey: "-15s",
+    startTime: d().tz(e).subtract(15, "second").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Last 30 seconds",
+    searchKey: "-30s",
+    startTime: d().tz(e).subtract(30, "second").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Next 15 seconds",
+    searchKey: "+15s",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(15, "second").format()
+  },
+  {
+    label: "Next 30 seconds",
+    searchKey: "+30s",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(30, "second").format(),
+    lineBreak: !0
+  },
+  {
+    label: "Last 5 minutes",
+    searchKey: "-5m",
+    startTime: d().tz(e).subtract(5, "minute").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Last 10 minutes",
+    searchKey: "-10m",
+    startTime: d().tz(e).subtract(10, "minute").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Last 15 minutes",
+    searchKey: "-15m",
+    startTime: d().tz(e).subtract(15, "minute").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Last 30 minutes",
+    searchKey: "-30m",
+    startTime: d().tz(e).subtract(30, "minute").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Last 45 minutes",
+    searchKey: "-45m",
+    startTime: d().tz(e).subtract(45, "minute").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Next 5 minutes",
+    searchKey: "+5m",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(5, "minute").format()
+  },
+  {
+    label: "Next 10 minutes",
+    searchKey: "+10m",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(10, "minute").format()
+  },
+  {
+    label: "Next 15 minutes",
+    searchKey: "+15m",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(15, "minute").format()
+  },
+  {
+    label: "Next 30 minutes",
+    searchKey: "+30m",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(30, "minute").format()
+  },
+  {
+    label: "Next 45 minutes",
+    searchKey: "+45m",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(45, "minute").format(),
+    lineBreak: !0
+  },
+  {
+    label: "Last 1 hour",
+    searchKey: "-1h",
+    startTime: d().tz(e).subtract(1, "hour").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Last 3 hours",
+    searchKey: "-3h",
+    startTime: d().tz(e).subtract(3, "hour").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Last 6 hours",
+    searchKey: "-6h",
+    startTime: d().tz(e).subtract(6, "hour").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Last 12 hours",
+    searchKey: "-12h",
+    startTime: d().tz(e).subtract(12, "hour").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Next 1 hour",
+    searchKey: "+1h",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(1, "hour").format()
+  },
+  {
+    label: "Next 3 hours",
+    searchKey: "+3h",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(3, "hour").format()
+  },
+  {
+    label: "Next 6 hours",
+    searchKey: "+6h",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(6, "hour").format()
+  },
+  {
+    label: "Next 12 hours",
+    searchKey: "+12h",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(12, "hour").format(),
+    lineBreak: !0
+  },
+  {
+    label: "Last 1 day",
+    searchKey: "-1d",
+    startTime: d().tz(e).subtract(1, "day").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Last 2 days",
+    searchKey: "-2d",
+    startTime: d().tz(e).subtract(2, "day").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Last 7 days",
+    searchKey: "-7d",
+    startTime: d().tz(e).subtract(7, "day").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Last 14 days",
+    searchKey: "-14d",
+    startTime: d().tz(e).subtract(14, "day").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Last 30 days",
+    searchKey: "-30d",
+    startTime: d().tz(e).subtract(30, "day").format(),
+    endTime: d().tz(e).format()
+  },
+  {
+    label: "Next 1 day",
+    searchKey: "+1d",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(1, "day").format()
+  },
+  {
+    label: "Next 2 days",
+    searchKey: "+2d",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(2, "day").format()
+  },
+  {
+    label: "Next 7 days",
+    searchKey: "+7d",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(7, "day").format()
+  },
+  {
+    label: "Next 14 days",
+    searchKey: "+14d",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(14, "day").format()
+  },
+  {
+    label: "Next 30 days",
+    searchKey: "+30d",
+    startTime: d().tz(e).format(),
+    endTime: d().tz(e).add(30, "day").format()
+  }
+], De = {
+  "relative-time-panel-container": "_relative-time-panel-container_jsk5z_1",
+  "time-row": "_time-row_jsk5z_6",
+  "time-row-dark": "_time-row-dark_jsk5z_10",
+  "time-row-light": "_time-row-light_jsk5z_16"
+}, dr = ({ tzRange: e }) => {
+  const [t, r] = ee([]), [n, s] = ee(""), { colorScheme: i } = qe();
+  ie(() => {
+    if (e.timezone.name !== null) {
+      const c = rt(e.timezone.name);
+      r(c);
+    }
+  }, [e.timezone]), ft(
+    () => {
+      if (n === "") {
+        r(rt(e.timezone.name));
+        return;
+      }
+      const c = t.filter(
+        (u) => u.searchKey.includes(n)
+      );
+      r(c);
+    },
+    250,
+    [n]
+  );
+  const a = (c) => {
+    const [u, f] = c.startTime.split("T"), [D, g] = c.endTime.split("T");
+    e.onApply({
+      startDate: u,
+      startTime: f.slice(0, 8),
+      endDate: D,
+      endTime: g.slice(0, 8),
+      timezone: e.timezone
+    });
+  };
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(oe, { style: { width: "90%" }, mx: "auto", children: /* @__PURE__ */ l.jsx(
+      dt,
+      {
+        placeholder: "Relative time (15m, 1h, 1d, 1w)",
+        value: n,
+        onChange: (c) => s(c.currentTarget.value)
+      }
+    ) }),
+    /* @__PURE__ */ l.jsx(H, { direction: "column", className: De["relative-time-panel-container"], children: t.map((c) => /* @__PURE__ */ l.jsxs(
+      H,
+      {
+        align: "center",
+        justify: "space-between",
+        className: ht(
+          i === "dark" ? De["time-row-dark"] : De["time-row-light"],
+          De["time-row"]
+        ),
+        py: 4,
+        px: 12,
+        mb: c.lineBreak ? 8 : 0,
+        onClick: () => a(c),
+        children: [
+          /* @__PURE__ */ l.jsx(X, { size: "sm", children: c.label }),
+          /* @__PURE__ */ l.jsx(X, { size: "xs", c: "#5f6368", children: c.searchKey })
+        ]
+      },
+      c.label
+    )) })
+  ] });
+}, fr = ({ setSelectedPanel: e, tzRange: t }) => /* @__PURE__ */ l.jsxs(oe, { className: xe["sidebar-container"], flex: 1, children: [
+  /* @__PURE__ */ l.jsx(dr, { tzRange: t }),
+  /* @__PURE__ */ l.jsxs(H, { direction: "column", rowGap: 16, py: 8, style: { borderTop: "1px solid #ddd" }, children: [
+    /* @__PURE__ */ l.jsxs(
+      H,
+      {
+        className: xe["sidebar-row"],
+        justify: "space-between",
+        align: "center",
+        px: 12,
+        onClick: () => e(Me.START_END_TIME),
+        children: [
+          /* @__PURE__ */ l.jsxs(H, { align: "center", children: [
+            /* @__PURE__ */ l.jsx(Ut, { stroke: 1.5 }),
+            /* @__PURE__ */ l.jsx(X, { size: "sm", children: "Start and end times" })
+          ] }),
+          /* @__PURE__ */ l.jsx(Ce, { stroke: 1.5 })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l.jsxs(
+      H,
+      {
+        className: xe["sidebar-row"],
+        justify: "space-between",
+        align: "center",
+        px: 12,
+        onClick: () => e(Me.AROUND_TIME),
+        children: [
+          /* @__PURE__ */ l.jsxs(H, { align: "center", children: [
+            /* @__PURE__ */ l.jsx(Pe, { stroke: 1.5 }),
+            /* @__PURE__ */ l.jsx(X, { size: "sm", children: "Around a time" })
+          ] }),
+          /* @__PURE__ */ l.jsx(Ce, { stroke: 1.5 })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l.jsxs(
+      H,
+      {
+        className: xe["sidebar-row"],
+        justify: "space-between",
+        align: "center",
+        px: 12,
+        onClick: () => e(Me.TIMEZONE),
+        children: [
+          /* @__PURE__ */ l.jsxs(H, { align: "center", children: [
+            /* @__PURE__ */ l.jsx(Yt, { stroke: 1.5 }),
+            /* @__PURE__ */ l.jsx(X, { size: "sm", children: "Time zone" })
+          ] }),
+          /* @__PURE__ */ l.jsx(Ce, { stroke: 1.5 })
+        ]
+      }
+    )
+  ] })
+] });
+var vt = /* @__PURE__ */ ((e) => (e.ThirtySeconds = "± 30 seconds", e.OneMinute = "± 1 minute", e.FifteenMinutes = "± 15 minutes", e.ThirtyMinutes = "± 30 minutes", e.OneHour = "± 1 hour", e.OneDay = "± 1 day", e))(vt || {});
+const mr = [
+  "± 30 seconds",
+  "± 1 minute",
+  "± 15 minutes",
+  "± 30 minutes",
+  "± 1 hour",
+  "± 1 day"
+  /* OneDay */
+], hr = (e, t, r) => {
+  switch (r) {
+    case "± 30 seconds":
+      const n = ce(e, t, 30, "second"), s = ue(e, t, 30, "second");
+      return {
+        startDate: n.date,
+        startTime: n.time,
+        endDate: s.date,
+        endTime: s.time
+      };
+    case "± 1 minute":
+      const i = ce(e, t, 1, "minute"), a = ue(e, t, 1, "minute");
+      return {
+        startDate: i.date,
+        startTime: i.time,
+        endDate: a.date,
+        endTime: a.time
+      };
+    case "± 15 minutes":
+      const c = ce(e, t, 15, "minute"), u = ue(e, t, 15, "minute");
+      return {
+        startDate: c.date,
+        startTime: c.time,
+        endDate: u.date,
+        endTime: u.time
+      };
+    case "± 30 minutes":
+      const f = ce(e, t, 30, "minute"), D = ue(e, t, 30, "minute");
+      return {
+        startDate: f.date,
+        startTime: f.time,
+        endDate: D.date,
+        endTime: D.time
+      };
+    case "± 1 hour":
+      const g = ce(e, t, 1, "hour"), j = ue(e, t, 1, "hour");
+      return {
+        startDate: g.date,
+        startTime: g.time,
+        endDate: j.date,
+        endTime: j.time
+      };
+    case "± 1 day":
+      const V = ce(e, t, 1, "day"), _ = ue(e, t, 1, "day");
+      return {
+        startDate: V.date,
+        startTime: V.time,
+        endDate: _.date,
+        endTime: _.time
+      };
+    default:
+      return {
+        startDate: e,
+        startTime: t,
+        endDate: e,
+        endTime: t
+      };
+  }
+};
+function yr(e) {
+  if (!/^[0-9a-zA-Z-]+$/.test(e))
+    throw new Error(
+      `[@mantine/use-form] Form name "${e}" is invalid, it should contain only letters, numbers and dashes`
+    );
+}
+const pr = typeof window < "u" ? jt : ie;
+function J(e, t) {
+  pr(() => {
+    if (e)
+      return window.addEventListener(e, t), () => window.removeEventListener(e, t);
+  }, [e]);
+}
+function Tr(e, t) {
+  e && yr(e), J(
+    `mantine-form:${e}:set-field-value`,
+    (r) => t.setFieldValue(r.detail.path, r.detail.value)
+  ), J(
+    `mantine-form:${e}:set-values`,
+    (r) => t.setValues(r.detail)
+  ), J(
+    `mantine-form:${e}:set-initial-values`,
+    (r) => t.setInitialValues(r.detail)
+  ), J(
+    `mantine-form:${e}:set-errors`,
+    (r) => t.setErrors(r.detail)
+  ), J(
+    `mantine-form:${e}:set-field-error`,
+    (r) => t.setFieldError(r.detail.path, r.detail.error)
+  ), J(
+    `mantine-form:${e}:clear-field-error`,
+    (r) => t.clearFieldError(r.detail)
+  ), J(`mantine-form:${e}:clear-errors`, t.clearErrors), J(`mantine-form:${e}:reset`, t.reset), J(`mantine-form:${e}:validate`, t.validate), J(
+    `mantine-form:${e}:validate-field`,
+    (r) => t.validateField(r.detail)
+  ), J(
+    `mantine-form:${e}:reorder-list-item`,
+    (r) => t.reorderListItem(r.detail.path, r.detail.payload)
+  ), J(
+    `mantine-form:${e}:remove-list-item`,
+    (r) => t.removeListItem(r.detail.path, r.detail.index)
+  ), J(
+    `mantine-form:${e}:insert-list-item`,
+    (r) => t.insertListItem(r.detail.path, r.detail.item, r.detail.index)
+  ), J(
+    `mantine-form:${e}:set-dirty`,
+    (r) => t.setDirty(r.detail)
+  ), J(
+    `mantine-form:${e}:set-touched`,
+    (r) => t.setTouched(r.detail)
+  ), J(
+    `mantine-form:${e}:reset-dirty`,
+    (r) => t.resetDirty(r.detail)
+  ), J(`mantine-form:${e}:reset-touched`, t.resetTouched);
+}
+function vr(e) {
+  return (t) => {
+    if (!t)
+      e(t);
+    else if (typeof t == "function")
+      e(t);
+    else if (typeof t == "object" && "nativeEvent" in t) {
+      const { currentTarget: r } = t;
+      r instanceof HTMLInputElement ? r.type === "checkbox" ? e(r.checked) : e(r.value) : (r instanceof HTMLTextAreaElement || r instanceof HTMLSelectElement) && e(r.value);
+    } else
+      e(t);
+  };
+}
+function Ke(e) {
+  return e === null || typeof e != "object" ? {} : Object.keys(e).reduce((t, r) => {
+    const n = e[r];
+    return n != null && n !== !1 && (t[r] = n), t;
+  }, {});
+}
+function br(e) {
+  const [t, r] = ee(Ke(e)), n = se(t), s = P((u) => {
+    r((f) => {
+      const D = Ke(typeof u == "function" ? u(f) : u);
+      return n.current = D, D;
+    });
+  }, []), i = P(() => s({}), []), a = P(
+    (u) => {
+      n.current[u] !== void 0 && s((f) => {
+        const D = { ...f };
+        return delete D[u], D;
+      });
+    },
+    [t]
+  ), c = P(
+    (u, f) => {
+      f == null || f === !1 ? a(u) : n.current[u] !== f && s((D) => ({ ...D, [u]: f }));
+    },
+    [t]
+  );
+  return {
+    errorsState: t,
+    setErrors: s,
+    clearErrors: i,
+    setFieldError: c,
+    clearFieldError: a
+  };
+}
+function Ue(e, t) {
+  if (t === null || typeof t != "object")
+    return {};
+  const r = { ...t };
+  return Object.keys(t).forEach((n) => {
+    n.includes(`${String(e)}.`) && delete r[n];
+  }), r;
+}
+function nt(e, t) {
+  const r = e.substring(t.length + 1).split(".")[0];
+  return parseInt(r, 10);
+}
+function st(e, t, r, n) {
+  if (t === void 0)
+    return r;
+  const s = `${String(e)}`;
+  let i = r;
+  n === -1 && (i = Ue(`${s}.${t}`, i));
+  const a = { ...i }, c = /* @__PURE__ */ new Set();
+  return Object.entries(i).filter(([u]) => {
+    if (!u.startsWith(`${s}.`))
+      return !1;
+    const f = nt(u, s);
+    return Number.isNaN(f) ? !1 : f >= t;
+  }).forEach(([u, f]) => {
+    const D = nt(u, s), g = u.replace(
+      `${s}.${D}`,
+      `${s}.${D + n}`
+    );
+    a[g] = f, c.add(g), c.has(u) || delete a[u];
+  }), a;
+}
+function gr(e, { from: t, to: r }, n) {
+  const s = `${e}.${t}`, i = `${e}.${r}`, a = { ...n }, c = /* @__PURE__ */ new Set();
+  return Object.keys(n).forEach((u) => {
+    if (c.has(u))
+      return;
+    let f, D;
+    if (u.startsWith(s) ? (f = u, D = u.replace(s, i)) : u.startsWith(i) && (f = u.replace(i, s), D = u), f && D) {
+      const g = a[f], j = a[D];
+      j === void 0 ? delete a[f] : a[f] = j, g === void 0 ? delete a[D] : a[D] = g, c.add(f), c.add(D);
+    }
+  }), a;
+}
+function ot(e, t, r) {
+  typeof r.value == "object" && (r.value = le(r.value)), !r.enumerable || r.get || r.set || !r.configurable || !r.writable || t === "__proto__" ? Object.defineProperty(e, t, r) : e[t] = r.value;
+}
+function le(e) {
+  if (typeof e != "object") return e;
+  var t = 0, r, n, s, i = Object.prototype.toString.call(e);
+  if (i === "[object Object]" ? s = Object.create(e.__proto__ || null) : i === "[object Array]" ? s = Array(e.length) : i === "[object Set]" ? (s = /* @__PURE__ */ new Set(), e.forEach(function(a) {
+    s.add(le(a));
+  })) : i === "[object Map]" ? (s = /* @__PURE__ */ new Map(), e.forEach(function(a, c) {
+    s.set(le(c), le(a));
+  })) : i === "[object Date]" ? s = /* @__PURE__ */ new Date(+e) : i === "[object RegExp]" ? s = new RegExp(e.source, e.flags) : i === "[object DataView]" ? s = new e.constructor(le(e.buffer)) : i === "[object ArrayBuffer]" ? s = e.slice(0) : i.slice(-6) === "Array]" && (s = new e.constructor(e)), s) {
+    for (n = Object.getOwnPropertySymbols(e); t < n.length; t++)
+      ot(s, n[t], Object.getOwnPropertyDescriptor(e, n[t]));
+    for (t = 0, n = Object.getOwnPropertyNames(e); t < n.length; t++)
+      Object.hasOwnProperty.call(s, r = n[t]) && s[r] === e[r] || ot(s, r, Object.getOwnPropertyDescriptor(e, r));
+  }
+  return s || e;
+}
+function bt(e) {
+  return typeof e != "string" ? [] : e.split(".");
+}
+function Z(e, t) {
+  const r = bt(e);
+  if (r.length === 0 || typeof t != "object" || t === null)
+    return;
+  let n = t[r[0]];
+  for (let s = 1; s < r.length && n != null; s += 1)
+    n = n[r[s]];
+  return n;
+}
+function ge(e, t, r) {
+  const n = bt(e);
+  if (n.length === 0)
+    return r;
+  const s = le(r);
+  if (n.length === 1)
+    return s[n[0]] = t, s;
+  let i = s[n[0]];
+  for (let a = 1; a < n.length - 1; a += 1) {
+    if (i === void 0)
+      return s;
+    i = i[n[a]];
+  }
+  return i[n[n.length - 1]] = t, s;
+}
+function $r(e, { from: t, to: r }, n) {
+  const s = Z(e, n);
+  if (!Array.isArray(s))
+    return n;
+  const i = [...s], a = s[t];
+  return i.splice(t, 1), i.splice(r, 0, a), ge(e, i, n);
+}
+function Sr(e, t, r, n) {
+  const s = Z(e, n);
+  if (!Array.isArray(s))
+    return n;
+  const i = [...s];
+  return i.splice(typeof r == "number" ? r : i.length, 0, t), ge(e, i, n);
+}
+function xr(e, t, r) {
+  const n = Z(e, r);
+  return Array.isArray(n) ? ge(
+    e,
+    n.filter((s, i) => i !== t),
+    r
+  ) : r;
+}
+function Dr(e, t, r, n) {
+  const s = Z(e, n);
+  if (!Array.isArray(s) || s.length <= r)
+    return n;
+  const i = [...s];
+  return i[r] = t, ge(e, i, n);
+}
+function jr({
+  $values: e,
+  $errors: t,
+  $status: r
+}) {
+  const n = P((c, u) => {
+    r.clearFieldDirty(c), t.setErrors((f) => gr(c, u, f)), e.setValues({
+      values: $r(c, u, e.refValues.current),
+      updateState: !0
+    });
+  }, []), s = P((c, u) => {
+    r.clearFieldDirty(c), t.setErrors((f) => st(c, u, f, -1)), e.setValues({
+      values: xr(c, u, e.refValues.current),
+      updateState: !0
+    });
+  }, []), i = P((c, u, f) => {
+    r.clearFieldDirty(c), t.setErrors((D) => st(c, f, D, 1)), e.setValues({
+      values: Sr(c, u, f, e.refValues.current),
+      updateState: !0
+    });
+  }, []), a = P((c, u, f) => {
+    r.clearFieldDirty(c), e.setValues({
+      values: Dr(c, f, u, e.refValues.current),
+      updateState: !0
+    });
+  }, []);
+  return { reorderListItem: n, removeListItem: s, insertListItem: i, replaceListItem: a };
+}
+var Ie, it;
+function wr() {
+  return it || (it = 1, Ie = function e(t, r) {
+    if (t === r) return !0;
+    if (t && r && typeof t == "object" && typeof r == "object") {
+      if (t.constructor !== r.constructor) return !1;
+      var n, s, i;
+      if (Array.isArray(t)) {
+        if (n = t.length, n != r.length) return !1;
+        for (s = n; s-- !== 0; )
+          if (!e(t[s], r[s])) return !1;
+        return !0;
+      }
+      if (t.constructor === RegExp) return t.source === r.source && t.flags === r.flags;
+      if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === r.valueOf();
+      if (t.toString !== Object.prototype.toString) return t.toString() === r.toString();
+      if (i = Object.keys(t), n = i.length, n !== Object.keys(r).length) return !1;
+      for (s = n; s-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(r, i[s])) return !1;
+      for (s = n; s-- !== 0; ) {
+        var a = i[s];
+        if (!e(t[a], r[a])) return !1;
+      }
+      return !0;
+    }
+    return t !== t && r !== r;
+  }), Ie;
+}
+var Er = wr();
+const je = /* @__PURE__ */ Ve(Er);
+function ye(e, t) {
+  const r = Object.keys(e);
+  if (typeof t == "string") {
+    const n = r.filter((s) => s.startsWith(`${t}.`));
+    return e[t] || n.some((s) => e[s]) || !1;
+  }
+  return r.some((n) => e[n]);
+}
+function _r({
+  initialDirty: e,
+  initialTouched: t,
+  mode: r,
+  $values: n
+}) {
+  const [s, i] = ee(t), [a, c] = ee(e), u = se(t), f = se(e), D = P((S) => {
+    const A = typeof S == "function" ? S(u.current) : S;
+    u.current = A, r === "controlled" && i(A);
+  }, []), g = P(
+    (S, A = !1) => {
+      const I = typeof S == "function" ? S(f.current) : S;
+      f.current = I, (r === "controlled" || A) && c(I);
+    },
+    []
+  ), j = P(() => D({}), []), V = P((S) => {
+    const A = S ? { ...n.refValues.current, ...S } : n.refValues.current;
+    n.setValuesSnapshot(A), g({});
+  }, []), _ = P((S, A) => {
+    D((I) => ye(I, S) === A ? I : { ...I, [S]: A });
+  }, []), T = P((S, A, I) => {
+    g((N) => ye(N, S) === A ? N : { ...N, [S]: A }, I);
+  }, []), h = P((S, A) => {
+    const I = ye(f.current, S), N = !je(Z(S, n.getValuesSnapshot()), A), L = Ue(S, f.current);
+    L[S] = N, g(L, I !== N);
+  }, []), $ = P(
+    (S) => ye(u.current, S),
+    []
+  ), k = P(
+    (S) => g((A) => {
+      if (typeof S != "string")
+        return A;
+      const I = Ue(S, A);
+      return delete I[S], je(I, A) ? A : I;
+    }),
+    []
+  ), z = P((S) => {
+    if (S) {
+      const I = Z(S, f.current);
+      if (typeof I == "boolean")
+        return I;
+      const N = Z(S, n.refValues.current), L = Z(S, n.valuesSnapshot.current);
+      return !je(N, L);
+    }
+    return Object.keys(f.current).length > 0 ? ye(f.current) : !je(n.refValues.current, n.valuesSnapshot.current);
+  }, []), Y = P(() => f.current, []), R = P(() => u.current, []);
+  return {
+    touchedState: s,
+    dirtyState: a,
+    touchedRef: u,
+    dirtyRef: f,
+    setTouched: D,
+    setDirty: g,
+    resetDirty: V,
+    resetTouched: j,
+    isTouched: $,
+    setFieldTouched: _,
+    setFieldDirty: T,
+    setTouchedState: i,
+    setDirtyState: c,
+    clearFieldDirty: k,
+    isDirty: z,
+    getDirty: Y,
+    getTouched: R,
+    setCalculatedFieldDirty: h
+  };
+}
+function kr({
+  initialValues: e,
+  onValuesChange: t,
+  mode: r
+}) {
+  const n = se(!1), [s, i] = ee(e || {}), a = se(s), c = se(s), u = P(
+    ({
+      values: h,
+      subscribers: $,
+      updateState: k = !0,
+      mergeWithPreviousValues: z = !0
+    }) => {
+      const Y = a.current, R = h instanceof Function ? h(a.current) : h, S = z ? { ...Y, ...R } : R;
+      a.current = S, k && (i(S), r === "uncontrolled" && (a.current = S)), t?.(S, Y), $?.filter(Boolean).forEach((A) => A({ updatedValues: S, previousValues: Y }));
+    },
+    [t]
+  ), f = P(
+    (h) => {
+      const $ = Z(h.path, a.current), k = h.value instanceof Function ? h.value($) : h.value;
+      if ($ !== k) {
+        const z = a.current, Y = ge(h.path, k, a.current);
+        u({ values: Y, updateState: h.updateState }), h.subscribers?.filter(Boolean).forEach(
+          (R) => R({ path: h.path, updatedValues: Y, previousValues: z })
+        );
+      }
+    },
+    [u]
+  ), D = P((h) => {
+    c.current = h;
+  }, []), g = P(
+    (h, $) => {
+      n.current || (n.current = !0, u({ values: h, updateState: r === "controlled" }), D(h), $());
+    },
+    [u]
+  ), j = P(() => {
+    u({
+      values: c.current,
+      updateState: !0,
+      mergeWithPreviousValues: !1
+    });
+  }, [u]), V = P(() => a.current, []), _ = P(() => c.current, []), T = P(
+    (h, $) => {
+      const k = Z(h, c.current);
+      typeof k > "u" || f({
+        path: h,
+        value: k,
+        updateState: r === "controlled",
+        subscribers: $
+      });
+    },
+    [f, r]
+  );
+  return {
+    initialized: n,
+    stateValues: s,
+    refValues: a,
+    valuesSnapshot: c,
+    setValues: u,
+    setFieldValue: f,
+    resetValues: j,
+    setValuesSnapshot: D,
+    initialize: g,
+    getValues: V,
+    getValuesSnapshot: _,
+    resetField: T
+  };
+}
+function Or({
+  $status: e,
+  cascadeUpdates: t
+}) {
+  const r = se(
+    {}
+  ), n = P((i, a) => {
+    ie(() => (r.current[i] = r.current[i] || [], r.current[i].push(a), () => {
+      r.current[i] = r.current[i].filter((c) => c !== a);
+    }), [a]);
+  }, []), s = P((i) => {
+    const a = r.current[i]?.map(
+      (c) => (u) => c({
+        previousValue: Z(i, u.previousValues),
+        value: Z(i, u.updatedValues),
+        touched: e.isTouched(i),
+        dirty: e.isDirty(i)
+      })
+    ) ?? [];
+    if (t)
+      for (const c in r.current)
+        (c.startsWith(`${i}.`) || i.startsWith(`${c}.`)) && a.push(
+          ...r.current[c].map(
+            (u) => (f) => u({
+              previousValue: Z(c, f.previousValues),
+              value: Z(c, f.updatedValues),
+              touched: e.isTouched(c),
+              dirty: e.isDirty(c)
+            })
+          )
+        );
+    return a;
+  }, []);
+  return {
+    subscribers: r,
+    watch: n,
+    getFieldSubscribers: s
+  };
+}
+function at(e, t) {
+  return e ? `${e}-${t.toString()}` : t.toString();
+}
+const we = Symbol("root-rule");
+function ct(e) {
+  const t = Ke(e);
+  return { hasErrors: Object.keys(t).length > 0, errors: t };
+}
+function We(e, t, r = "", n = {}) {
+  return typeof e != "object" || e === null ? n : Object.keys(e).reduce((s, i) => {
+    const a = e[i], c = `${r === "" ? "" : `${r}.`}${i}`, u = Z(c, t);
+    let f = !1;
+    return typeof a == "function" && (s[c] = a(u, t, c)), typeof a == "object" && Array.isArray(u) && (f = !0, u.forEach(
+      (D, g) => We(a, t, `${c}.${g}`, s)
+    ), we in a && (s[c] = a[we](u, t, c))), typeof a == "object" && typeof u == "object" && u !== null && (f || We(a, t, c, s), we in a && (s[c] = a[we](u, t, c))), s;
+  }, n);
+}
+function Ne(e, t) {
+  return ct(typeof e == "function" ? e(t) : We(e, t));
+}
+function Ee(e, t, r) {
+  if (typeof e != "string")
+    return { hasError: !1, error: null };
+  const n = Ne(t, r), s = Object.keys(n.errors).find(
+    (i) => e.split(".").every((a, c) => a === i.split(".")[c])
+  );
+  return { hasError: !!s, error: s ? n.errors[s] : null };
+}
+const Mr = "__MANTINE_FORM_INDEX__";
+function ut(e, t) {
+  return t ? typeof t == "boolean" ? t : Array.isArray(t) ? t.includes(e.replace(/[.][0-9]+/g, `.${Mr}`)) : !1 : !1;
+}
+function gt({
+  name: e,
+  mode: t = "controlled",
+  initialValues: r,
+  initialErrors: n = {},
+  initialDirty: s = {},
+  initialTouched: i = {},
+  clearInputErrorOnChange: a = !0,
+  validateInputOnChange: c = !1,
+  validateInputOnBlur: u = !1,
+  onValuesChange: f,
+  transformValues: D = ((h) => h),
+  enhanceGetInputProps: g,
+  validate: j,
+  onSubmitPreventDefault: V = "always",
+  touchTrigger: _ = "change",
+  cascadeUpdates: T = !1
+} = {}) {
+  const h = br(n), $ = kr({ initialValues: r, onValuesChange: f, mode: t }), k = _r({ initialDirty: s, initialTouched: i, $values: $, mode: t }), z = jr({ $values: $, $errors: h, $status: k }), Y = Or({ $status: k, cascadeUpdates: T }), [R, S] = ee(0), [A, I] = ee({}), [N, L] = ee(!1), F = P(() => {
+    $.resetValues(), h.clearErrors(), k.resetDirty(), k.resetTouched(), t === "uncontrolled" && S((p) => p + 1);
+  }, []), te = P(
+    (p) => {
+      a && h.clearErrors(), t === "uncontrolled" && S((E) => E + 1), Object.keys(Y.subscribers.current).forEach((E) => {
+        const U = Z(E, $.refValues.current), K = Z(E, p);
+        U !== K && Y.getFieldSubscribers(E).forEach((B) => B({ previousValues: p, updatedValues: $.refValues.current }));
+      });
+    },
+    [a]
+  ), ae = P(
+    (p) => {
+      const E = $.refValues.current;
+      $.initialize(p, () => t === "uncontrolled" && S((U) => U + 1)), te(E);
+    },
+    [te]
+  ), w = P(
+    (p, E, U) => {
+      const K = ut(p, c), B = E instanceof Function ? E(Z(p, $.refValues.current)) : E;
+      k.setCalculatedFieldDirty(p, B), _ === "change" && k.setFieldTouched(p, !0), !K && a && h.clearFieldError(p), $.setFieldValue({
+        path: p,
+        value: E,
+        updateState: t === "controlled",
+        subscribers: [
+          ...Y.getFieldSubscribers(p),
+          K ? (re) => {
+            const G = Ee(p, j, re.updatedValues);
+            G.hasError ? h.setFieldError(p, G.error) : h.clearFieldError(p);
+          } : null,
+          U?.forceUpdate !== !1 && t !== "controlled" ? () => I((re) => ({
+            ...re,
+            [p]: (re[p] || 0) + 1
+          })) : null
+        ]
+      });
+    },
+    [f, j]
+  ), v = P(
+    (p) => {
+      const E = $.refValues.current;
+      $.setValues({ values: p, updateState: t === "controlled" }), te(E);
+    },
+    [f, te]
+  ), m = P(() => {
+    const p = Ne(j, $.refValues.current);
+    return h.setErrors(p.errors), p;
+  }, [j]), x = P(
+    (p) => {
+      const E = Ee(p, j, $.refValues.current);
+      return E.hasError ? h.setFieldError(p, E.error) : h.clearFieldError(p), E;
+    },
+    [j]
+  ), y = (p, { type: E = "input", withError: U = !0, withFocus: K = !0, ...B } = {}) => {
+    const G = { onChange: vr(
+      ($e) => w(p, $e, { forceUpdate: !1 })
+    ), "data-path": at(e, p) };
+    return U && (G.error = h.errorsState[p]), E === "checkbox" ? G[t === "controlled" ? "checked" : "defaultChecked"] = Z(
+      p,
+      $.refValues.current
+    ) : G[t === "controlled" ? "value" : "defaultValue"] = Z(
+      p,
+      $.refValues.current
+    ), K && (G.onFocus = () => k.setFieldTouched(p, !0), G.onBlur = () => {
+      if (ut(p, u)) {
+        const $e = Ee(p, j, $.refValues.current);
+        $e.hasError ? h.setFieldError(p, $e.error) : h.clearFieldError(p);
+      }
+    }), Object.assign(
+      G,
+      g?.({
+        inputProps: G,
+        field: p,
+        options: { type: E, withError: U, withFocus: K, ...B },
+        form: Q
+      })
+    );
+  }, M = (p, E) => (U) => {
+    V === "always" && U?.preventDefault();
+    const K = m();
+    if (K.hasErrors)
+      V === "validation-failed" && U?.preventDefault(), E?.(K.errors, $.refValues.current, U);
+    else {
+      const B = p?.(
+        D($.refValues.current),
+        U
+      );
+      B instanceof Promise && (L(!0), B.finally(() => L(!1)));
+    }
+  }, o = (p) => D(p || $.refValues.current), b = P((p) => {
+    p.preventDefault(), F();
+  }, []), O = P(
+    (p) => p ? !Ee(p, j, $.refValues.current).hasError : !Ne(j, $.refValues.current).hasErrors,
+    [j]
+  ), C = (p) => `${R}-${String(p)}-${A[String(p)] || 0}`, W = P(
+    (p) => document.querySelector(`[data-path="${at(e, p)}"]`),
+    []
+  ), q = P(
+    (p) => {
+      $.resetField(p, [
+        t !== "controlled" ? () => I((E) => ({
+          ...E,
+          [p]: (E[p] || 0) + 1
+        })) : null
+      ]);
+    },
+    [$.resetField, t, I]
+  ), Q = {
+    watch: Y.watch,
+    initialized: $.initialized.current,
+    values: t === "uncontrolled" ? $.refValues.current : $.stateValues,
+    getValues: $.getValues,
+    getInitialValues: $.getValuesSnapshot,
+    setInitialValues: $.setValuesSnapshot,
+    resetField: q,
+    initialize: ae,
+    setValues: v,
+    setFieldValue: w,
+    submitting: N,
+    setSubmitting: L,
+    errors: h.errorsState,
+    setErrors: h.setErrors,
+    setFieldError: h.setFieldError,
+    clearFieldError: h.clearFieldError,
+    clearErrors: h.clearErrors,
+    resetDirty: k.resetDirty,
+    setTouched: k.setTouched,
+    setDirty: k.setDirty,
+    isTouched: k.isTouched,
+    resetTouched: k.resetTouched,
+    isDirty: k.isDirty,
+    getTouched: k.getTouched,
+    getDirty: k.getDirty,
+    reorderListItem: z.reorderListItem,
+    insertListItem: z.insertListItem,
+    removeListItem: z.removeListItem,
+    replaceListItem: z.replaceListItem,
+    reset: F,
+    validate: m,
+    validateField: x,
+    getInputProps: y,
+    onSubmit: M,
+    onReset: b,
+    isValid: O,
+    getTransformedValues: o,
+    key: C,
+    getInputNode: W
+  };
+  return Tr(e, Q), Q;
+}
+const Pr = ({ tzRange: e }) => {
+  const t = gt({
+    initialValues: {
+      date: Tt(),
+      time: pe(),
+      duration: vt.OneDay
+    },
+    validate: {
+      date: (n) => n ? null : "Date is required",
+      time: (n) => n ? null : "Time is required",
+      duration: (n) => n ? null : "Duration is required"
+    }
+  }), r = (n) => {
+    if (!e.timezone.name) return;
+    const s = Te(n.date, n.time, e.timezone.name), i = ve(s, e.timezone.name), { startDate: a, startTime: c, endDate: u, endTime: f } = hr(
+      i.date,
+      i.time,
+      n.duration
+    );
+    e.onApply({
+      startDate: a,
+      startTime: c,
+      endDate: u,
+      endTime: f,
+      timezone: e.timezone
+    });
+  };
+  return /* @__PURE__ */ l.jsx(H, { direction: "column", flex: 2, justify: "space-between", style: { height: "100%" }, px: 12, children: /* @__PURE__ */ l.jsxs("form", { className: He["form-container"], onSubmit: t.onSubmit(r), children: [
+    /* @__PURE__ */ l.jsxs(oe, { children: [
+      /* @__PURE__ */ l.jsx(X, { fw: 600, children: "Around a time" }),
+      /* @__PURE__ */ l.jsxs(H, { direction: "column", gap: 8, mt: 12, children: [
+        /* @__PURE__ */ l.jsx(
+          ze,
+          {
+            label: "Pick date",
+            placeholder: "Pick date",
+            ...t.getInputProps("date"),
+            popoverProps: { withinPortal: !1 },
+            valueFormat: ne,
+            leftSection: /* @__PURE__ */ l.jsx(Ye, { stroke: 1.5 })
+          },
+          t.key("date")
+        ),
+        /* @__PURE__ */ l.jsx(
+          Re,
+          {
+            label: "Pick time",
+            placeholder: "Pick time",
+            withSeconds: !0,
+            ...t.getInputProps("time"),
+            leftSection: /* @__PURE__ */ l.jsx(Pe, { stroke: 1.5 }),
+            rightSection: /* @__PURE__ */ l.jsx(X, { style: { fontSize: 12, fontStyle: "italic", textAlign: "right" }, children: e.timezone?.longName }),
+            rightSectionWidth: 180,
+            rightSectionProps: {
+              style: {
+                paddingRight: 1
+              }
+            }
+          },
+          t.key("time")
+        ),
+        /* @__PURE__ */ l.jsx(
+          _t,
+          {
+            label: "Duration",
+            placeholder: "Pick value",
+            data: mr,
+            ...t.getInputProps("duration"),
+            comboboxProps: { withinPortal: !1 }
+          },
+          t.key("duration")
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ l.jsx(Ze, {})
+  ] }) });
+}, Vr = ({ tzRange: e }) => {
+  const t = gt({
+    mode: "uncontrolled",
+    initialValues: {
+      startDate: Tt(),
+      startTime: pe(),
+      endDate: ar(30),
+      endTime: pe()
+    },
+    validate: {
+      startDate: (n) => n ? null : "Start date is required",
+      startTime: (n) => n ? null : "Start time is required",
+      endDate: (n, s) => {
+        if (!n) return "End date is required";
+        const i = d(`${s.startDate} ${s.startTime}`), a = d(`${n} ${s.endTime}`);
+        return a.isAfter(i) || a.isSame(i) ? null : "End time must be after start time";
+      },
+      endTime: (n, s) => {
+        if (!n) return "End time is required";
+        const i = d(`${s.startDate} ${s.startTime}`), a = d(`${s.endDate} ${n}`);
+        return a.isAfter(i) || a.isSame(i) ? null : "End time must be after start time";
+      }
+    }
+  }), r = (n) => {
+    if (!e.timezone.name) return;
+    const s = Te(n.startDate, n.startTime, e.timezone.name), i = Te(n.endDate, n.endTime, e.timezone.name), a = ve(s, e.timezone.name), c = ve(i, e.timezone.name);
+    e.onApply({
+      startDate: a.date,
+      startTime: a.time,
+      endDate: c.date,
+      endTime: c.time,
+      timezone: e.timezone
+    });
+  };
+  return /* @__PURE__ */ l.jsx(H, { direction: "column", flex: 2, style: { height: "100%" }, px: 12, children: /* @__PURE__ */ l.jsxs("form", { className: He["form-container"], onSubmit: t.onSubmit(r), children: [
+    /* @__PURE__ */ l.jsxs(oe, { children: [
+      /* @__PURE__ */ l.jsx(X, { fw: 600, children: "Start and end times" }),
+      /* @__PURE__ */ l.jsxs(H, { direction: "column", gap: 8, mt: 12, children: [
+        /* @__PURE__ */ l.jsx(
+          ze,
+          {
+            label: "Start time",
+            ...t.getInputProps("startDate"),
+            popoverProps: { withinPortal: !1 },
+            valueFormat: ne,
+            leftSection: /* @__PURE__ */ l.jsx(Ye, { stroke: 1.5 })
+          },
+          t.key("startDate")
+        ),
+        /* @__PURE__ */ l.jsx(
+          Re,
+          {
+            withSeconds: !0,
+            defaultValue: pe(),
+            ...t.getInputProps("startTime"),
+            leftSection: /* @__PURE__ */ l.jsx(Pe, { stroke: 1.5 }),
+            rightSection: /* @__PURE__ */ l.jsx(X, { style: { fontSize: 12, fontStyle: "italic" }, children: e.timezone?.longName }),
+            rightSectionWidth: 180,
+            rightSectionProps: {
+              style: {
+                paddingRight: 1
+              }
+            }
+          },
+          t.key("startTime")
+        ),
+        /* @__PURE__ */ l.jsx(
+          ze,
+          {
+            label: "End time",
+            ...t.getInputProps("endDate"),
+            popoverProps: { withinPortal: !1 },
+            valueFormat: ne,
+            leftSection: /* @__PURE__ */ l.jsx(Ye, { stroke: 1.5 })
+          },
+          t.key("endDate")
+        ),
+        /* @__PURE__ */ l.jsx(
+          Re,
+          {
+            withSeconds: !0,
+            defaultValue: pe(),
+            ...t.getInputProps("endTime"),
+            leftSection: /* @__PURE__ */ l.jsx(Pe, { stroke: 1.5 }),
+            rightSection: /* @__PURE__ */ l.jsx(X, { style: { fontSize: 12, fontStyle: "italic" }, children: e.timezone?.longName }),
+            rightSectionWidth: 180,
+            rightSectionProps: {
+              style: {
+                paddingRight: 1
+              }
+            }
+          },
+          t.key("endTime")
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ l.jsx(Ze, {})
+  ] }) });
+};
+var Me = /* @__PURE__ */ ((e) => (e.START_END_TIME = "Start and end times", e.AROUND_TIME = "Around a time", e.TIMEZONE = "Time zone", e))(Me || {});
+const Ar = (e) => {
+  const [t, r] = ee(
+    "Start and end times"
+    /* START_END_TIME */
+  ), { popoverOpened: n, setPopoverOpened: s } = pt(), i = () => {
+    switch (t) {
+      case "Start and end times":
+        return /* @__PURE__ */ l.jsx(Vr, { tzRange: e });
+      case "Around a time":
+        return /* @__PURE__ */ l.jsx(Pr, { tzRange: e });
+      case "Time zone":
+        return /* @__PURE__ */ l.jsx(lr, { tzRange: e });
+      default:
+        return null;
+    }
+  }, a = () => {
+    s((u) => !u);
+  }, c = lt(
+    () => ur(e),
+    [e.startDate, e.startTime, e.endDate, e.endTime, e.timezone]
+  );
+  return /* @__PURE__ */ l.jsxs(Fe, { position: "bottom", shadow: "md", opened: n, onChange: s, children: [
+    /* @__PURE__ */ l.jsx(Fe.Target, { children: /* @__PURE__ */ l.jsx(Le, { onClick: a, children: c }) }),
+    /* @__PURE__ */ l.jsx(Fe.Dropdown, { style: { width: 700, height: 400, padding: 0 }, py: 8, children: /* @__PURE__ */ l.jsxs(H, { style: { height: "100%" }, children: [
+      /* @__PURE__ */ l.jsx(fr, { tzRange: e, setSelectedPanel: r }),
+      i()
+    ] }) })
+  ] });
+}, Lr = (e) => /* @__PURE__ */ l.jsx(ir, { children: /* @__PURE__ */ l.jsx(Ar, { ...e }) });
+export {
+  Me as Panel,
+  lr as TimezonePanel,
+  Lr as TimezoneRangePicker
+};
+//# sourceMappingURL=index.es.js.map