react-timezone-range-picker 0.1.2 → 0.1.4

package/dist/index.es.js

@@ -1,10 +1,11 @@
-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) {
+import _t, { useRef as se, useCallback as A, useEffect as ie, forwardRef as Et, createElement as Le, useContext as kt, createContext as Ot, useState as ee, useMemo as We, useLayoutEffect as Mt } from "react";
+import { useMantineColorScheme as Pt, useMantineTheme as At, Flex as q, Text as J, Input as vt, Button as Fe, Box as oe, Select as Vt, Drawer as Ft, Popover as ze, SegmentedControl as Ct } from "@mantine/core";
+import { useMediaQuery as ae } from "@mantine/hooks";
+import { DatePickerInput as Re, TimeInput as Ue } from "@mantine/dates";
+function Ie(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Se = { exports: {} }, fe = {};
+var je = { exports: {} }, pe = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -14,29 +15,29 @@ var Se = { exports: {} }, fe = {};
  * 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 tt;
+function It() {
+  if (tt) return pe;
+  tt = 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, {
+  function r(n, s, c) {
+    var o = null;
+    if (c !== void 0 && (o = "" + c), s.key !== void 0 && (o = "" + s.key), "key" in s) {
+      c = {};
+      for (var u in s)
+        u !== "key" && (c[u] = s[u]);
+    } else c = s;
+    return s = c.ref, {
       $$typeof: e,
       type: n,
-      key: a,
+      key: o,
       ref: s !== void 0 ? s : null,
-      props: i
+      props: c
     };
   }
-  return fe.Fragment = t, fe.jsx = r, fe.jsxs = r, fe;
+  return pe.Fragment = t, pe.jsx = r, pe.jsxs = r, pe;
 }
-var me = {};
+var Te = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -46,166 +47,166 @@ var me = {};
  * 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:
+var rt;
+function Lt() {
+  return rt || (rt = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(a) {
+      if (a == null) return null;
+      if (typeof a == "function")
+        return a.$$typeof === L ? null : a.displayName || a.name || null;
+      if (typeof a == "string") return a;
+      switch (a) {
+        case v:
           return "Fragment";
         case $:
           return "Profiler";
-        case h:
+        case m:
           return "StrictMode";
-        case R:
+        case Y:
           return "Suspense";
         case S:
           return "SuspenseList";
-        case N:
+        case U:
           return "Activity";
       }
-      if (typeof o == "object")
-        switch (typeof o.tag == "number" && console.error(
+      if (typeof a == "object")
+        switch (typeof a.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), o.$$typeof) {
-          case _:
+        ), a.$$typeof) {
+          case E:
             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";
+            return (a.displayName || "Context") + ".Provider";
+          case O:
+            return (a._context.displayName || "Context") + ".Consumer";
+          case N:
+            var b = a.render;
+            return a = a.displayName, a || (a = b.displayName || b.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
+          case V:
+            return b = a.displayName || null, b !== null ? b : e(a.type) || "Memo";
           case I:
-            b = o._payload, o = o._init;
+            b = a._payload, a = a._init;
             try {
-              return e(o(b));
+              return e(a(b));
             } catch {
             }
         }
       return null;
     }
-    function t(o) {
-      return "" + o;
+    function t(a) {
+      return "" + a;
     }
-    function r(o) {
+    function r(a) {
       try {
-        t(o);
+        t(a);
         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(
+        var M = b.error, C = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return M.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);
+        ), t(a);
       }
     }
-    function n(o) {
-      if (o === T) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === I)
+    function n(a) {
+      if (a === v) return "<>";
+      if (typeof a == "object" && a !== null && a.$$typeof === I)
         return "<...>";
       try {
-        var b = e(o);
+        var b = e(a);
         return b ? "<" + b + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var o = F.A;
-      return o === null ? null : o.getOwner();
+      var a = F.A;
+      return a === null ? null : a.getOwner();
     }
-    function i() {
+    function c() {
       return Error("react-stack-top-frame");
     }
-    function a(o) {
-      if (te.call(o, "key")) {
-        var b = Object.getOwnPropertyDescriptor(o, "key").get;
+    function o(a) {
+      if (te.call(a, "key")) {
+        var b = Object.getOwnPropertyDescriptor(a, "key").get;
         if (b && b.isReactWarning) return !1;
       }
-      return o.key !== void 0;
+      return a.key !== void 0;
     }
-    function c(o, b) {
-      function O() {
-        v || (v = !0, console.error(
+    function u(a, b) {
+      function M() {
+        T || (T = !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,
+      M.isReactWarning = !0, Object.defineProperty(a, "key", {
+        get: M,
         configurable: !0
       });
     }
-    function u() {
-      var o = e(this.type);
-      return m[o] || (m[o] = !0, console.error(
+    function i() {
+      var a = e(this.type);
+      return h[a] || (h[a] = !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;
+      )), a = this.props.ref, a !== void 0 ? a : null;
     }
-    function f(o, b, O, C, W, q, Q, p) {
-      return O = q.ref, o = {
-        $$typeof: V,
-        type: o,
+    function d(a, b, M, C, R, H, Q, p) {
+      return M = H.ref, a = {
+        $$typeof: w,
+        type: a,
         key: b,
-        props: q,
-        _owner: W
-      }, (O !== void 0 ? O : null) !== null ? Object.defineProperty(o, "ref", {
+        props: H,
+        _owner: R
+      }, (M !== void 0 ? M : null) !== null ? Object.defineProperty(a, "ref", {
         enumerable: !1,
-        get: u
-      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
+        get: i
+      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(o, "_debugInfo", {
+      }), Object.defineProperty(a, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(o, "_debugStack", {
+      }), Object.defineProperty(a, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Q
-      }), Object.defineProperty(o, "_debugTask", {
+      }), Object.defineProperty(a, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: p
-      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     }
-    function D(o, b, O, C, W, q, Q, p) {
-      var E = b.children;
-      if (E !== void 0)
+    function g(a, b, M, C, R, H, Q, p) {
+      var k = b.children;
+      if (k !== void 0)
         if (C)
-          if (ae(E)) {
-            for (C = 0; C < E.length; C++)
-              g(E[C]);
-            Object.freeze && Object.freeze(E);
+          if (ue(k)) {
+            for (C = 0; C < k.length; C++)
+              j(k[C]);
+            Object.freeze && Object.freeze(k);
           } 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);
+        else j(k);
       if (te.call(b, "key")) {
-        E = e(o);
-        var U = Object.keys(b).filter(function(B) {
+        k = e(a);
+        var W = 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(
+        C = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", P[k + C] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -213,156 +214,156 @@ 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);
+          k,
+          W,
+          k
+        ), P[k + C] = !0);
       }
-      if (E = null, O !== void 0 && (r(O), E = "" + O), a(b) && (r(b.key), E = "" + b.key), "key" in b) {
-        O = {};
+      if (k = null, M !== void 0 && (r(M), k = "" + M), o(b) && (r(b.key), k = "" + b.key), "key" in b) {
+        M = {};
         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,
+          K !== "key" && (M[K] = b[K]);
+      } else M = b;
+      return k && u(
+        M,
+        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
+      ), d(
+        a,
+        k,
+        H,
+        R,
         s(),
-        O,
+        M,
         Q,
         p
       );
     }
-    function g(o) {
-      typeof o == "object" && o !== null && o.$$typeof === V && o._store && (o._store.validated = 1);
+    function j(a) {
+      typeof a == "object" && a !== null && a.$$typeof === w && a._store && (a._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() {
+    var x = _t, w = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), z = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), Y = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), V = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), U = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), F = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, te = Object.prototype.hasOwnProperty, ue = Array.isArray, _ = console.createTask ? console.createTask : function() {
       return null;
     };
-    j = {
-      react_stack_bottom_frame: function(o) {
-        return o();
+    x = {
+      react_stack_bottom_frame: function(a) {
+        return a();
       }
     };
-    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,
+    var T, h = {}, D = x.react_stack_bottom_frame.bind(
+      x,
+      c
+    )(), y = _(n(c)), P = {};
+    Te.Fragment = v, Te.jsx = function(a, b, M, C, R) {
+      var H = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return g(
+        a,
         b,
-        O,
+        M,
         !1,
         C,
-        W,
-        q ? Error("react-stack-top-frame") : x,
-        q ? w(n(o)) : y
+        R,
+        H ? Error("react-stack-top-frame") : D,
+        H ? _(n(a)) : y
       );
-    }, me.jsxs = function(o, b, O, C, W) {
-      var q = 1e4 > F.recentlyCreatedOwnerStacks++;
-      return D(
-        o,
+    }, Te.jsxs = function(a, b, M, C, R) {
+      var H = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return g(
+        a,
         b,
-        O,
+        M,
         !0,
         C,
-        W,
-        q ? Error("react-stack-top-frame") : x,
-        q ? w(n(o)) : y
+        R,
+        H ? Error("react-stack-top-frame") : D,
+        H ? _(n(a)) : y
       );
     };
-  })()), me;
+  })()), Te;
 }
-var Ge;
-function Mt() {
-  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? Se.exports = kt() : Se.exports = Ot()), Se.exports;
+var nt;
+function zt() {
+  return nt || (nt = 1, process.env.NODE_ENV === "production" ? je.exports = It() : je.exports = Lt()), je.exports;
 }
-var l = Mt();
-function Pt(e, t) {
-  var r = se(!1), n = se(), s = se(e), i = P(function() {
+var l = zt();
+function Yt(e, t) {
+  var r = se(!1), n = se(), s = se(e), c = A(function() {
     return r.current;
-  }, []), a = P(function() {
+  }, []), o = A(function() {
     r.current = !1, n.current && clearTimeout(n.current), n.current = setTimeout(function() {
       r.current = !0, s.current();
     }, t);
-  }, [t]), c = P(function() {
+  }, [t]), u = A(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];
+    return o(), u;
+  }, [t]), [c, u, o];
 }
-function ft(e, t, r) {
+function bt(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];
+  var n = Yt(e, t), s = n[0], c = n[1], o = n[2];
+  return ie(o, r), [s, c];
 }
-function mt(e) {
+function gt(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);
+    for (t = 0; t < s; t++) e[t] && (r = gt(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);
+function $t() {
+  for (var e, t, r = 0, n = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = gt(e)) && (n && (n += " "), n += t);
   return n;
 }
-const Vt = "_row_550mo_1", he = {
-  row: Vt,
+const Nt = "_row_550mo_1", ve = {
+  row: Nt,
   "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();
+}, Xe = () => {
+  const { colorScheme: e } = Pt(), t = At();
   return { colorScheme: e, theme: t };
-}, Xe = ({
+}, st = ({
   name: e,
   longName: t,
   currentTime: r,
   utcOffset: n,
   selectedTimezone: s,
-  isBrowserTimezone: i = !1,
-  handleTimezoneMouseClick: a = void 0
+  isBrowserTimezone: c = !1,
+  handleTimezoneMouseClick: o = void 0
 }) => {
-  const { colorScheme: c } = qe(), u = () => {
-    i || a({
+  const { colorScheme: u } = Xe(), i = ae("(max-width: 48em)"), d = () => {
+    c || o({
       name: e,
       longName: t,
       utcOffset: n
     });
   };
   return /* @__PURE__ */ l.jsxs(
-    H,
+    q,
     {
       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
+      className: $t(
+        ve.row,
+        c ? void 0 : u === "dark" ? ve["row-dark"] : ve["row-light"],
+        s?.name === e ? u === "dark" ? ve["row-selected-dark"] : ve["row-selected-light"] : void 0
       ),
-      onClick: u,
+      onClick: d,
       children: [
-        /* @__PURE__ */ l.jsxs(H, { justify: "space-between", children: [
-          /* @__PURE__ */ l.jsx(X, { size: "sm", children: e }),
-          /* @__PURE__ */ l.jsxs(X, { size: "sm", children: [
+        /* @__PURE__ */ l.jsxs(q, { justify: "space-between", gap: 8, wrap: i ? "wrap" : "nowrap", children: [
+          /* @__PURE__ */ l.jsx(J, { size: "sm", children: e }),
+          /* @__PURE__ */ l.jsxs(J, { size: "sm", children: [
             r,
             " • UTC",
             n
           ] })
         ] }),
-        /* @__PURE__ */ l.jsx(X, { size: "sm", children: t })
+        /* @__PURE__ */ l.jsx(J, { size: "sm", c: i ? "dimmed" : void 0, children: t })
       ]
     }
   );
@@ -373,7 +374,7 @@ const Vt = "_row_550mo_1", he = {
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var At = {
+var Kt = {
   outline: {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -400,28 +401,28 @@ var At = {
  * 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(
+const he = (e, t, r, n) => {
+  const s = Et(
+    ({ color: c = "currentColor", size: o = 24, stroke: u = 2, title: i, className: d, children: g, ...j }, x) => Le(
       "svg",
       {
-        ref: j,
-        ...At[e],
-        width: a,
-        height: a,
-        className: ["tabler-icon", `tabler-icon-${t}`, f].join(" "),
+        ref: x,
+        ...Kt[e],
+        width: o,
+        height: o,
+        className: ["tabler-icon", `tabler-icon-${t}`, d].join(" "),
         ...e === "filled" ? {
-          fill: i
+          fill: c
         } : {
-          strokeWidth: c,
-          stroke: i
+          strokeWidth: u,
+          stroke: c
         },
-        ...g
+        ...j
       },
       [
-        u && Ae("title", { key: "svg-title" }, u),
-        ...n.map(([V, _]) => Ae(V, _)),
-        ...Array.isArray(D) ? D : [D]
+        i && Le("title", { key: "svg-title" }, i),
+        ...n.map(([w, E]) => Le(w, E)),
+        ...Array.isArray(g) ? g : [g]
       ]
     )
   );
@@ -433,937 +434,961 @@ const de = (e, t, r, n) => {
  * 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);
+const Wt = [["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" }]], He = he("outline", "calendar", "Calendar", Wt);
 /**
  * @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);
+const Rt = [["path", { d: "M9 6l6 6l-6 6", key: "svg-0" }]], Ye = he("outline", "chevron-right", "ChevronRight", 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 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);
+const Ut = [["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" }]], Ce = he("outline", "clock", "Clock", Ut);
 /**
  * @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);
+const Ht = [["path", { d: "M4 6h16", key: "svg-0" }], ["path", { d: "M6 12h12", key: "svg-1" }], ["path", { d: "M9 18h6", key: "svg-2" }]], qt = he("outline", "filter-2", "Filter2", Ht);
 /**
  * @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);
+const Zt = [["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" }]], Bt = he("outline", "world", "World", Zt);
 /**
  * @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,
+const Jt = [["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" }]], Gt = he("filled", "calendar-week-filled", "CalendarWeekFilled", Jt), Xt = ({ searchText: e, setSearchText: t }) => /* @__PURE__ */ l.jsx(
+  vt,
   {
     placeholder: "Timezone search (Asia, Tokyo, +09:00, etc)",
-    leftSection: /* @__PURE__ */ l.jsx(zt, { stroke: 2 }),
+    leftSection: /* @__PURE__ */ l.jsx(qt, { 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) {
+var Me = { exports: {} }, Qt = Me.exports, ot;
+function er() {
+  return ot || (ot = 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) {
+    })(Qt, (function() {
+      var r = 1e3, n = 6e4, s = 36e5, c = "millisecond", o = "second", u = "minute", i = "hour", d = "day", g = "week", j = "month", x = "quarter", w = "year", E = "date", v = "Invalid Date", m = /^(\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, O = { 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(_) {
+        var T = ["th", "st", "nd", "rd"], h = _ % 100;
+        return "[" + _ + (T[(h - 20) % 10] || T[h] || T[0]) + "]";
+      } }, z = function(_, T, h) {
+        var D = String(_);
+        return !D || D.length >= T ? _ : "" + Array(T + 1 - D.length).join(h) + _;
+      }, N = { s: z, z: function(_) {
+        var T = -_.utcOffset(), h = Math.abs(T), D = Math.floor(h / 60), y = h % 60;
+        return (T <= 0 ? "+" : "-") + z(D, 2, "0") + ":" + z(y, 2, "0");
+      }, m: function _(T, h) {
+        if (T.date() < h.date()) return -_(h, T);
+        var D = 12 * (h.year() - T.year()) + (h.month() - T.month()), y = T.clone().add(D, j), P = h - y < 0, a = T.clone().add(D + (P ? -1 : 1), j);
+        return +(-(D + (h - y) / (P ? y - a : a - y)) || 0);
+      }, a: function(_) {
+        return _ < 0 ? Math.ceil(_) || 0 : Math.floor(_);
+      }, p: function(_) {
+        return { M: j, y: w, w: g, d, D: E, h: i, m: u, s: o, ms: c, Q: x }[_] || String(_ || "").toLowerCase().replace(/s$/, "");
+      }, u: function(_) {
+        return _ === void 0;
+      } }, Y = "en", S = {};
+      S[Y] = O;
+      var V = "$isDayjsObject", I = function(_) {
+        return _ instanceof te || !(!_ || !_[V]);
+      }, U = function _(T, h, D) {
         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]);
+        if (!T) return Y;
+        if (typeof T == "string") {
+          var P = T.toLowerCase();
+          S[P] && (y = P), h && (S[P] = h, y = P);
+          var a = T.split("-");
+          if (!y && a.length > 1) return _(a[0]);
         } else {
-          var b = v.name;
-          S[b] = v, y = b;
+          var b = T.name;
+          S[b] = T, 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 });
+        return !D && y && (Y = y), y || !D && Y;
+      }, L = function(_, T) {
+        if (I(_)) return _.clone();
+        var h = typeof T == "object" ? T : {};
+        return h.date = _, h.args = arguments, new te(h);
+      }, F = N;
+      F.l = U, F.i = I, F.w = function(_, T) {
+        return L(_, { locale: T.$L, utc: T.$u, x: T.$x, $offset: T.$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;
+        function _(h) {
+          this.$L = U(h.locale, null, !0), this.parse(h), this.$x = this.$x || h.x || {}, this[V] = !0;
         }
-        var v = w.prototype;
-        return v.parse = function(m) {
-          this.$d = (function(x) {
-            var y = x.date, M = x.utc;
+        var T = _.prototype;
+        return T.parse = function(h) {
+          this.$d = (function(D) {
+            var y = D.date, P = D.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);
+              var a = y.match(m);
+              if (a) {
+                var b = a[2] - 1 || 0, M = (a[7] || "0").substring(0, 3);
+                return P ? new Date(Date.UTC(a[1], b, a[3] || 1, a[4] || 0, a[5] || 0, a[6] || 0, M)) : new Date(a[1], b, a[3] || 1, a[4] || 0, a[5] || 0, a[6] || 0, M);
               }
             }
             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() {
+          })(h), this.init();
+        }, T.init = function() {
+          var h = this.$d;
+          this.$y = h.getFullYear(), this.$M = h.getMonth(), this.$D = h.getDate(), this.$W = h.getDay(), this.$H = h.getHours(), this.$m = h.getMinutes(), this.$s = h.getSeconds(), this.$ms = h.getMilliseconds();
+        }, T.$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() {
+        }, T.isValid = function() {
+          return this.$d.toString() !== v;
+        }, T.isSame = function(h, D) {
+          var y = L(h);
+          return this.startOf(D) <= y && y <= this.endOf(D);
+        }, T.isAfter = function(h, D) {
+          return L(h) < this.startOf(D);
+        }, T.isBefore = function(h, D) {
+          return this.endOf(D) < L(h);
+        }, T.$g = function(h, D, y) {
+          return F.u(h) ? this[D] : this.set(y, h);
+        }, T.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
-        }, v.valueOf = function() {
+        }, T.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);
+        }, T.startOf = function(h, D) {
+          var y = this, P = !!F.u(D) || D, a = F.p(h), b = function(W, K) {
+            var B = F.w(y.$u ? Date.UTC(y.$y, K, W) : new Date(y.$y, K, W), y);
+            return P ? B : B.endOf(d);
+          }, M = function(W, K) {
+            return F.w(y.toDate()[W].apply(y.toDate("s"), (P ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(K)), y);
+          }, C = this.$W, R = this.$M, H = this.$D, Q = "set" + (this.$u ? "UTC" : "");
+          switch (a) {
+            case w:
+              return P ? b(1, 0) : b(31, 11);
+            case j:
+              return P ? b(1, R) : b(0, R + 1);
             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);
+              var p = this.$locale().weekStart || 0, k = (C < p ? C + 7 : C) - p;
+              return b(P ? H - k : H + (6 - k), R);
+            case d:
+            case E:
+              return M(Q + "Hours", 0);
+            case i:
+              return M(Q + "Minutes", 1);
             case u:
-              return O(Q + "Minutes", 1);
-            case c:
-              return O(Q + "Seconds", 2);
-            case a:
-              return O(Q + "Milliseconds", 3);
+              return M(Q + "Seconds", 2);
+            case o:
+              return M(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);
+        }, T.endOf = function(h) {
+          return this.startOf(h, !1);
+        }, T.$set = function(h, D) {
+          var y, P = F.p(h), a = "set" + (this.$u ? "UTC" : ""), b = (y = {}, y[d] = a + "Date", y[E] = a + "Date", y[j] = a + "Month", y[w] = a + "FullYear", y[i] = a + "Hours", y[u] = a + "Minutes", y[o] = a + "Seconds", y[c] = a + "Milliseconds", y)[P], M = P === d ? this.$D + (D - this.$W) : D;
+          if (P === j || P === w) {
+            var C = this.clone().set(E, 1);
+            C.$d[b](M), C.init(), this.$d = C.set(E, Math.min(this.$D, C.daysInMonth())).$d;
+          } else b && this.$d[b](M);
           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);
+        }, T.set = function(h, D) {
+          return this.clone().$set(h, D);
+        }, T.get = function(h) {
+          return this[F.p(h)]();
+        }, T.add = function(h, D) {
+          var y, P = this;
+          h = Number(h);
+          var a = F.p(D), b = function(R) {
+            var H = L(P);
+            return F.w(H.date(H.date() + Math.round(R * h)), P);
           };
-          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;
+          if (a === j) return this.set(j, this.$M + h);
+          if (a === w) return this.set(w, this.$y + h);
+          if (a === d) return b(1);
+          if (a === g) return b(7);
+          var M = (y = {}, y[u] = n, y[i] = s, y[o] = r, y)[a] || 1, C = this.$d.getTime() + h * M;
           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) {
+        }, T.subtract = function(h, D) {
+          return this.add(-1 * h, D);
+        }, T.format = function(h) {
+          var D = this, y = this.$locale();
+          if (!this.isValid()) return y.invalidDate || v;
+          var P = h || "YYYY-MM-DDTHH:mm:ssZ", a = F.z(this), b = this.$H, M = this.$m, C = this.$M, R = y.weekdays, H = y.months, Q = y.meridiem, p = function(K, B, ne, X) {
+            return K && (K[B] || K(D, P)) || ne[B].slice(0, X);
+          }, k = 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;
+          }, W = Q || function(K, B, ne) {
+            var X = K < 12 ? "AM" : "PM";
+            return ne ? X.toLowerCase() : X;
           };
-          return M.replace($, (function(K, B) {
-            return B || (function(re) {
-              switch (re) {
+          return P.replace($, (function(K, B) {
+            return B || (function(ne) {
+              switch (ne) {
                 case "YY":
-                  return String(x.$y).slice(-2);
+                  return String(D.$y).slice(-2);
                 case "YYYY":
-                  return F.s(x.$y, 4, "0");
+                  return F.s(D.$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);
+                  return p(y.monthsShort, C, H, 3);
                 case "MMMM":
-                  return p(q, C);
+                  return p(H, C);
                 case "D":
-                  return x.$D;
+                  return D.$D;
                 case "DD":
-                  return F.s(x.$D, 2, "0");
+                  return F.s(D.$D, 2, "0");
                 case "d":
-                  return String(x.$W);
+                  return String(D.$W);
                 case "dd":
-                  return p(y.weekdaysMin, x.$W, W, 2);
+                  return p(y.weekdaysMin, D.$W, R, 2);
                 case "ddd":
-                  return p(y.weekdaysShort, x.$W, W, 3);
+                  return p(y.weekdaysShort, D.$W, R, 3);
                 case "dddd":
-                  return W[x.$W];
+                  return R[D.$W];
                 case "H":
                   return String(b);
                 case "HH":
                   return F.s(b, 2, "0");
                 case "h":
-                  return E(1);
+                  return k(1);
                 case "hh":
-                  return E(2);
+                  return k(2);
                 case "a":
-                  return U(b, O, !0);
+                  return W(b, M, !0);
                 case "A":
-                  return U(b, O, !1);
+                  return W(b, M, !1);
                 case "m":
-                  return String(O);
+                  return String(M);
                 case "mm":
-                  return F.s(O, 2, "0");
+                  return F.s(M, 2, "0");
                 case "s":
-                  return String(x.$s);
+                  return String(D.$s);
                 case "ss":
-                  return F.s(x.$s, 2, "0");
+                  return F.s(D.$s, 2, "0");
                 case "SSS":
-                  return F.s(x.$ms, 3, "0");
+                  return F.s(D.$ms, 3, "0");
                 case "Z":
-                  return o;
+                  return a;
               }
               return null;
-            })(K) || o.replace(":", "");
+            })(K) || a.replace(":", "");
           }));
-        }, v.utcOffset = function() {
+        }, T.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);
+        }, T.diff = function(h, D, y) {
+          var P, a = this, b = F.p(D), M = L(h), C = (M.utcOffset() - this.utcOffset()) * n, R = this - M, H = function() {
+            return F.m(a, M);
           };
           switch (b) {
-            case V:
-              M = q() / 12;
-              break;
-            case g:
-              M = q();
+            case w:
+              P = H() / 12;
               break;
             case j:
-              M = q() / 3;
+              P = H();
+              break;
+            case x:
+              P = H() / 3;
               break;
-            case D:
-              M = (W - C) / 6048e5;
+            case g:
+              P = (R - C) / 6048e5;
               break;
-            case f:
-              M = (W - C) / 864e5;
+            case d:
+              P = (R - C) / 864e5;
               break;
-            case u:
-              M = W / s;
+            case i:
+              P = R / s;
               break;
-            case c:
-              M = W / n;
+            case u:
+              P = R / n;
               break;
-            case a:
-              M = W / r;
+            case o:
+              P = R / r;
               break;
             default:
-              M = W;
+              P = R;
           }
-          return y ? M : F.a(M);
-        }, v.daysInMonth = function() {
-          return this.endOf(g).$D;
-        }, v.$locale = function() {
+          return y ? P : F.a(P);
+        }, T.daysInMonth = function() {
+          return this.endOf(j).$D;
+        }, T.$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() {
+        }, T.locale = function(h, D) {
+          if (!h) return this.$L;
+          var y = this.clone(), P = U(h, D, !0);
+          return P && (y.$L = P), y;
+        }, T.clone = function() {
           return F.w(this.$d, this);
-        }, v.toDate = function() {
+        }, T.toDate = function() {
           return new Date(this.valueOf());
-        }, v.toJSON = function() {
+        }, T.toJSON = function() {
           return this.isValid() ? this.toISOString() : null;
-        }, v.toISOString = function() {
+        }, T.toISOString = function() {
           return this.$d.toISOString();
-        }, v.toString = function() {
+        }, T.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]);
+        }, _;
+      })(), ue = te.prototype;
+      return L.prototype = ue, [["$ms", c], ["$s", o], ["$m", u], ["$H", i], ["$W", d], ["$M", j], ["$y", w], ["$D", E]].forEach((function(_) {
+        ue[_[1]] = function(T) {
+          return this.$g(T, _[0], _[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;
+      })), L.extend = function(_, T) {
+        return _.$i || (_(T, te, L), _.$i = !0), L;
+      }, L.locale = U, L.isDayjs = I, L.unix = function(_) {
+        return L(1e3 * _);
+      }, L.en = S[Y], L.Ls = S, L.p = {}, L;
     }));
-  })(_e)), _e.exports;
+  })(Me)), Me.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) {
+var tr = er();
+const f = /* @__PURE__ */ Ie(tr);
+var Pe = { exports: {} }, rr = Pe.exports, it;
+function nr() {
+  return it || (it = 1, (function(e, t) {
     (function(r, n) {
       e.exports = n();
-    })(Zt, (function() {
+    })(rr, (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 });
+      return function(c, o, u) {
+        var i = o.prototype;
+        u.utc = function(v) {
+          var m = { date: v, utc: !0, args: arguments };
+          return new o(m);
+        }, i.utc = function(v) {
+          var m = u(this.toDate(), { locale: this.$L, utc: !0 });
+          return v ? m.add(this.utcOffset(), r) : m;
+        }, i.local = function() {
+          return u(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 = i.parse;
+        i.parse = function(v) {
+          v.utc && (this.$u = !0), this.$utils().u(v.$offset) || (this.$offset = v.$offset), d.call(this, v);
         };
-        var D = u.init;
-        u.init = function() {
+        var g = i.init;
+        i.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 v = this.$d;
+            this.$y = v.getUTCFullYear(), this.$M = v.getUTCMonth(), this.$D = v.getUTCDate(), this.$W = v.getUTCDay(), this.$H = v.getUTCHours(), this.$m = v.getUTCMinutes(), this.$s = v.getUTCSeconds(), this.$ms = v.getUTCMilliseconds();
+          } else g.call(this);
         };
-        var g = u.utcOffset;
-        u.utcOffset = function(T, h) {
+        var j = i.utcOffset;
+        i.utcOffset = function(v, m) {
           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 ($(v)) return this.$u ? 0 : $(this.$offset) ? j.call(this) : this.$offset;
+          if (typeof v == "string" && (v = (function(Y) {
+            Y === void 0 && (Y = "");
+            var S = Y.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 V = ("" + S[0]).match(s) || ["-", 0, 0], I = V[0], U = 60 * +V[1] + +V[2];
+            return U === 0 ? 0 : I === "+" ? U : -U;
+          })(v), v === null)) return this;
+          var O = Math.abs(v) <= 16 ? 60 * v : v;
+          if (O === 0) return this.utc(m);
           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;
+          if (m) return z.$offset = O, z.$u = !1, z;
+          var N = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          return (z = this.local().add(O + N, r)).$offset = O, z.$x.$localOffset = N, 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() {
+        var x = i.format;
+        i.format = function(v) {
+          var m = v || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+          return x.call(this, m);
+        }, i.valueOf = function() {
+          var v = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+          return this.$d.valueOf() - 6e4 * v;
+        }, i.isUTC = function() {
           return !!this.$u;
-        }, u.toISOString = function() {
+        }, i.toISOString = function() {
           return this.toDate().toISOString();
-        }, u.toString = function() {
+        }, i.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 w = i.toDate;
+        i.toDate = function(v) {
+          return v === "s" && this.$offset ? u(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : w.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, $);
+        var E = i.diff;
+        i.diff = function(v, m, $) {
+          if (v && this.$u === v.$u) return E.call(this, v, m, $);
+          var O = this.local(), z = u(v).local();
+          return E.call(O, z, m, $);
         };
       };
     }));
-  })(ke)), ke.exports;
+  })(Pe)), Pe.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) {
+var sr = nr();
+const or = /* @__PURE__ */ Ie(sr);
+var Ae = { exports: {} }, ir = Ae.exports, at;
+function ar() {
+  return at || (at = 1, (function(e, t) {
     (function(r, n) {
       e.exports = n();
-    })(Xt, (function() {
+    })(ir, (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));
+      return function(s, c, o) {
+        var u, i = function(x, w, E) {
+          E === void 0 && (E = {});
+          var v = new Date(x), m = (function($, O) {
+            O === void 0 && (O = {});
+            var z = O.timeZoneName || "short", N = $ + "|" + z, Y = n[N];
+            return Y || (Y = 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[N] = Y), Y;
+          })(w, E);
+          return m.formatToParts(v);
+        }, d = function(x, w) {
+          for (var E = i(x, w), v = [], m = 0; m < E.length; m += 1) {
+            var $ = E[m], O = $.type, z = $.value, N = r[O];
+            N >= 0 && (v[N] = 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");
+          var Y = v[3], S = Y === 24 ? 0 : Y, V = v[0] + "-" + v[1] + "-" + v[2] + " " + S + ":" + v[4] + ":" + v[5] + ":000", I = +x;
+          return (o.utc(V).valueOf() - (I -= I % 1e3)) / 6e4;
+        }, g = c.prototype;
+        g.tz = function(x, w) {
+          x === void 0 && (x = u);
+          var E, v = this.utcOffset(), m = this.toDate(), $ = m.toLocaleString("en-US", { timeZone: x }), O = Math.round((m - new Date($)) / 1e3 / 60), z = 15 * -Math.round(m.getTimezoneOffset() / 15) - O;
+          if (!Number(z)) E = this.utcOffset(0, w);
+          else if (E = o($, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(z, !0), w) {
+            var N = E.utcOffset();
+            E = E.add(v - N, "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 E.$x.$timezone = x, E;
+        }, g.offsetName = function(x) {
+          var w = this.$x.$timezone || o.tz.guess(), E = i(this.valueOf(), w, { timeZoneName: x }).find((function(v) {
+            return v.type.toLowerCase() === "timezonename";
           }));
-          return _ && _.value;
+          return E && E.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() {
+        var j = g.startOf;
+        g.startOf = function(x, w) {
+          if (!this.$x || !this.$x.$timezone) return j.call(this, x, w);
+          var E = o(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
+          return j.call(E, x, w).tz(this.$x.$timezone, !0);
+        }, o.tz = function(x, w, E) {
+          var v = E && w, m = E || w || u, $ = d(+o(), m);
+          if (typeof x != "string") return o(x).tz(m);
+          var O = (function(S, V, I) {
+            var U = S - 60 * V * 1e3, L = d(U, I);
+            if (V === L) return [U, V];
+            var F = d(U -= 60 * (L - V) * 1e3, I);
+            return L === F ? [U, L] : [S - 60 * Math.min(L, F) * 1e3, Math.max(L, F)];
+          })(o.utc(x, v).valueOf(), $, m), z = O[0], N = O[1], Y = o(z).utcOffset(N);
+          return Y.$x.$timezone = m, Y;
+        }, o.tz.guess = function() {
           return Intl.DateTimeFormat().resolvedOptions().timeZone;
-        }, a.tz.setDefault = function(j) {
-          c = j;
+        }, o.tz.setDefault = function(x) {
+          u = x;
         };
       };
     }));
-  })(Oe)), Oe.exports;
+  })(Ae)), Ae.exports;
 }
-var er = Qt();
-const tr = /* @__PURE__ */ Ve(er), rr = (e, t = "en-US") => new Intl.DateTimeFormat(t, {
+var cr = ar();
+const ur = /* @__PURE__ */ Ie(cr), lr = (e, t = "en-US") => new Intl.DateTimeFormat(t, {
   timeZone: e,
   timeZoneName: "long"
-}).formatToParts(/* @__PURE__ */ new Date()).find((r) => r.type === "timeZoneName")?.value || "", nr = (e) => {
+}).formatToParts(/* @__PURE__ */ new Date()).find((r) => r.type === "timeZoneName")?.value || "", dr = (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");
+f.extend(or);
+f.extend(ur);
+const fr = () => Intl.supportedValuesOf("timeZone").map((t) => {
+  const r = f().tz(t).format("Z");
   return {
     name: t,
-    longName: rr(t),
-    currentTime: d().tz(t).format("h:mm A"),
+    longName: lr(t),
+    currentTime: f().tz(t).format("h:mm A"),
     utcOffset: r,
-    offsetMinutes: nr(r)
+    offsetMinutes: dr(r)
   };
-}).sort((t, r) => t.offsetMinutes - r.offsetMinutes), or = {
-  "list-container": "_list-container_jrnm0_5"
-}, He = {
+}).sort((t, r) => t.offsetMinutes - r.offsetMinutes), _e = {
+  "timezone-panel-container": "_timezone-panel-container_tykz4_1",
+  "search-container": "_search-container_tykz4_6",
+  "timezone-scroll-area": "_timezone-scroll-area_tykz4_15",
+  "list-container": "_list-container_tykz4_21"
+}, Qe = {
   "form-container": "_form-container_1xxf4_1"
-}, yt = xt(void 0), pt = () => {
-  const e = Dt(yt);
+}, xt = Ot(void 0), ye = () => {
+  const e = kt(xt);
   if (!e) throw new Error("usePopoverContext must be used within a PopoverProvider");
   return e;
-}, ir = ({ children: e }) => {
+}, mr = ({ 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 /* @__PURE__ */ l.jsx(xt.Provider, { value: { popoverOpened: t, setPopoverOpened: r, closePopover: n }, children: e });
+}, et = () => {
+  const { theme: e } = Xe(), { closePopover: t } = ye(), r = ae("(max-width: 48em)"), n = ae("(max-width: 64em)");
+  return /* @__PURE__ */ l.jsx(q, { justify: "flex-end", mt: 12, pb: 12, children: /* @__PURE__ */ l.jsxs(
+    q,
+    {
+      direction: r ? "column" : "row",
+      gap: 12,
+      w: n ? "100%" : void 0,
+      children: [
+        /* @__PURE__ */ l.jsx(
+          Fe,
+          {
+            size: "xs",
+            variant: "subtle",
+            color: e.primaryColor,
+            onClick: t,
+            fullWidth: n,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ l.jsx(Fe, { type: "submit", size: "xs", color: e.primaryColor, fullWidth: n, children: "Apply" })
+      ]
+    }
+  ) });
+}, re = "YYYY/MM/DD", me = "HH:mm:ss", qe = (e) => e.timezone.name ? f().tz(e.timezone.name).format(me) : f().format(me), St = (e) => e.timezone.name ? f().tz(e.timezone.name).format(re) : f().format(re), hr = (e) => f().add(e, "day").format(re), yr = (e) => e && f().tz(e).format("Z"), Ne = (e, t = "desktop") => {
+  const r = e.startDate ? f(e.startDate) : null, n = e.endDate ? f(e.endDate) : null, s = yr(e.timezone.name);
+  return !r || !n || !e.startTime || !e.endTime ? "Select range" : t === "mobile" ? r.isSame(n, "day") ? `${r.format("MMM D")} · ${e.startTime}` : `${r.format("MMM D")}–${n.format("MMM D")}` : t === "tablet" ? `${r.format("MMM D, HH:mm")} → ${n.format("MMM D, HH:mm")}${s ? ` (${s})` : ""}` : `${r.format(re)} ${e.startTime} - ${n.format(re)} ${e.endTime}${s ? ` (${s})` : ""}`;
+}, le = (e, t, r, n) => {
+  const s = f(`${e} ${t}`).subtract(r, n);
   return {
-    date: s.format(ne),
-    time: s.format(be)
+    date: s.format(re),
+    time: s.format(me)
   };
-}, ue = (e, t, r, n) => {
-  const s = d(`${e} ${t}`).add(r, n);
+}, de = (e, t, r, n) => {
+  const s = f(`${e} ${t}`).add(r, n);
   return {
-    date: s.format(ne),
-    time: s.format(be)
+    date: s.format(re),
+    time: s.format(me)
   };
-}, 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(), []);
+}, xe = (e, t, r) => f.tz(`${e} ${t}`, `${re} ${me}`, r).utc().toISOString(), Se = (e, t) => {
+  const r = f.utc(e).tz(t);
+  return { date: r.format(re), time: r.format(me) };
+}, pr = ({ tzRange: e }) => {
+  const [t, r] = ee(e.timezone), [n, s] = ee([]), [c, o] = ee(""), u = ae("(max-width: 64em)"), { closePopover: i } = ye(), d = We(() => fr(), []);
   ie(() => {
-    s(c);
-  }, []), ft(
+    s(d);
+  }, []), bt(
     () => {
-      if (i === "") {
-        s(c);
+      if (c === "") {
+        s(d);
         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())
+        d.filter(
+          (w) => w.name.toLowerCase().includes(c.toLocaleLowerCase()) || w.longName.toLowerCase().includes(c.toLocaleLowerCase()) || w.currentTime.toLowerCase().includes(c.toLocaleLowerCase()) || w.utcOffset.toLowerCase().includes(c.toLocaleLowerCase())
         )
       );
     },
     250,
-    [i]
+    [c]
   );
-  const u = (g) => {
-    r(g);
-  }, f = (g) => {
-    if (g.preventDefault(), !t?.name || !e.timezone.name || !e.startDate || !e.startTime || !e.endDate || !e.endTime)
+  const g = (w) => {
+    r(w);
+  }, j = (w) => {
+    if (w.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);
+    const E = xe(e.startDate, e.startTime, e.timezone.name), v = xe(e.endDate, e.endTime, e.timezone.name), m = Se(E, t.name), $ = Se(v, t.name);
     e.onApply({
-      startDate: _.date,
-      startTime: _.time,
-      endDate: T.date,
-      endTime: T.time,
+      startDate: m.date,
+      startTime: m.time,
+      endDate: $.date,
+      endTime: $.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,
+    }), u && i();
+  }, x = (w) => w ? f().tz(w).format("h:mm A") : "";
+  return /* @__PURE__ */ l.jsxs("form", { className: Qe["form-container"], onSubmit: j, children: [
+    /* @__PURE__ */ l.jsxs(q, { direction: "column", className: _e["timezone-panel-container"], children: [
+      /* @__PURE__ */ l.jsx(oe, { className: _e["search-container"], children: /* @__PURE__ */ l.jsx(Xt, { searchText: c, setSearchText: o }) }),
+      /* @__PURE__ */ l.jsxs(oe, { className: _e["timezone-scroll-area"], children: [
+        /* @__PURE__ */ l.jsx(J, { fw: 600, px: 12, children: "My Location" }),
+        /* @__PURE__ */ l.jsx(q, { direction: "column", children: /* @__PURE__ */ l.jsx(
+          st,
           {
             isBrowserTimezone: !0,
             name: e.timezone?.name,
             longName: e.timezone?.longName,
-            currentTime: D(e.timezone?.name),
+            currentTime: x(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,
+        /* @__PURE__ */ l.jsx(J, { fw: 600, px: 12, children: "Locations" }),
+        /* @__PURE__ */ l.jsx(q, { direction: "column", className: _e["list-container"], children: n.map((w, E) => /* @__PURE__ */ l.jsx(
+          st,
           {
-            name: g.name,
-            longName: g.longName,
-            currentTime: g.currentTime,
-            utcOffset: g.utcOffset,
+            name: w.name,
+            longName: w.longName,
+            currentTime: w.currentTime,
+            utcOffset: w.utcOffset,
             selectedTimezone: t,
-            handleTimezoneMouseClick: u
+            handleTimezoneMouseClick: g
           },
-          j
+          E
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ l.jsx(oe, { px: 12, children: /* @__PURE__ */ l.jsx(Ze, {}) })
+    /* @__PURE__ */ l.jsx(oe, { px: 12, children: /* @__PURE__ */ l.jsx(et, {}) })
   ] });
-}, xe = {
-  "sidebar-container": "_sidebar-container_e18ka_1",
-  "sidebar-row": "_sidebar-row_e18ka_5"
-}, rt = (e) => [
+}, be = {
+  "sidebar-container": "_sidebar-container_1cvpv_1",
+  "sidebar-mobile-relative": "_sidebar-mobile-relative_1cvpv_11",
+  "sidebar-row": "_sidebar-row_1cvpv_17"
+}, ct = (e) => [
   {
     label: "Today",
     searchKey: "today",
-    startTime: d().tz(e).startOf("day").format(),
-    endTime: d().tz(e).endOf("day").format()
+    startTime: f().tz(e).startOf("day").format(),
+    endTime: f().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()
+    startTime: f().tz(e).add(1, "day").startOf("day").format(),
+    endTime: f().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(),
+    startTime: f().tz(e).subtract(1, "day").startOf("day").format(),
+    endTime: f().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()
+    startTime: f().tz(e).subtract(15, "second").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Last 30 seconds",
     searchKey: "-30s",
-    startTime: d().tz(e).subtract(30, "second").format(),
-    endTime: d().tz(e).format()
+    startTime: f().tz(e).subtract(30, "second").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Next 15 seconds",
     searchKey: "+15s",
-    startTime: d().tz(e).format(),
-    endTime: d().tz(e).add(15, "second").format()
+    startTime: f().tz(e).format(),
+    endTime: f().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(),
+    startTime: f().tz(e).format(),
+    endTime: f().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()
+    startTime: f().tz(e).subtract(5, "minute").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Last 10 minutes",
     searchKey: "-10m",
-    startTime: d().tz(e).subtract(10, "minute").format(),
-    endTime: d().tz(e).format()
+    startTime: f().tz(e).subtract(10, "minute").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Last 15 minutes",
     searchKey: "-15m",
-    startTime: d().tz(e).subtract(15, "minute").format(),
-    endTime: d().tz(e).format()
+    startTime: f().tz(e).subtract(15, "minute").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Last 30 minutes",
     searchKey: "-30m",
-    startTime: d().tz(e).subtract(30, "minute").format(),
-    endTime: d().tz(e).format()
+    startTime: f().tz(e).subtract(30, "minute").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Last 45 minutes",
     searchKey: "-45m",
-    startTime: d().tz(e).subtract(45, "minute").format(),
-    endTime: d().tz(e).format()
+    startTime: f().tz(e).subtract(45, "minute").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Next 5 minutes",
     searchKey: "+5m",
-    startTime: d().tz(e).format(),
-    endTime: d().tz(e).add(5, "minute").format()
+    startTime: f().tz(e).format(),
+    endTime: f().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()
+    startTime: f().tz(e).format(),
+    endTime: f().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()
+    startTime: f().tz(e).format(),
+    endTime: f().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()
+    startTime: f().tz(e).format(),
+    endTime: f().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(),
+    startTime: f().tz(e).format(),
+    endTime: f().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()
+    startTime: f().tz(e).subtract(1, "hour").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Last 3 hours",
     searchKey: "-3h",
-    startTime: d().tz(e).subtract(3, "hour").format(),
-    endTime: d().tz(e).format()
+    startTime: f().tz(e).subtract(3, "hour").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Last 6 hours",
     searchKey: "-6h",
-    startTime: d().tz(e).subtract(6, "hour").format(),
-    endTime: d().tz(e).format()
+    startTime: f().tz(e).subtract(6, "hour").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Last 12 hours",
     searchKey: "-12h",
-    startTime: d().tz(e).subtract(12, "hour").format(),
-    endTime: d().tz(e).format()
+    startTime: f().tz(e).subtract(12, "hour").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Next 1 hour",
     searchKey: "+1h",
-    startTime: d().tz(e).format(),
-    endTime: d().tz(e).add(1, "hour").format()
+    startTime: f().tz(e).format(),
+    endTime: f().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()
+    startTime: f().tz(e).format(),
+    endTime: f().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()
+    startTime: f().tz(e).format(),
+    endTime: f().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(),
+    startTime: f().tz(e).format(),
+    endTime: f().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()
+    startTime: f().tz(e).subtract(1, "day").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Last 2 days",
     searchKey: "-2d",
-    startTime: d().tz(e).subtract(2, "day").format(),
-    endTime: d().tz(e).format()
+    startTime: f().tz(e).subtract(2, "day").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Last 7 days",
     searchKey: "-7d",
-    startTime: d().tz(e).subtract(7, "day").format(),
-    endTime: d().tz(e).format()
+    startTime: f().tz(e).subtract(7, "day").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Last 14 days",
     searchKey: "-14d",
-    startTime: d().tz(e).subtract(14, "day").format(),
-    endTime: d().tz(e).format()
+    startTime: f().tz(e).subtract(14, "day").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Last 30 days",
     searchKey: "-30d",
-    startTime: d().tz(e).subtract(30, "day").format(),
-    endTime: d().tz(e).format()
+    startTime: f().tz(e).subtract(30, "day").format(),
+    endTime: f().tz(e).format()
   },
   {
     label: "Next 1 day",
     searchKey: "+1d",
-    startTime: d().tz(e).format(),
-    endTime: d().tz(e).add(1, "day").format()
+    startTime: f().tz(e).format(),
+    endTime: f().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()
+    startTime: f().tz(e).format(),
+    endTime: f().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()
+    startTime: f().tz(e).format(),
+    endTime: f().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()
+    startTime: f().tz(e).format(),
+    endTime: f().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()
+    startTime: f().tz(e).format(),
+    endTime: f().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();
+], ge = {
+  "relative-time-root": "_relative-time-root_emohw_1",
+  "relative-time-panel-container": "_relative-time-panel-container_emohw_9",
+  "time-row": "_time-row_emohw_16",
+  "time-row-dark": "_time-row-dark_emohw_20",
+  "time-row-light": "_time-row-light_emohw_26"
+}, ut = ({ tzRange: e }) => {
+  const [t, r] = ee([]), [n, s] = ee(""), { colorScheme: c } = Xe(), { closePopover: o } = ye();
   ie(() => {
     if (e.timezone.name !== null) {
-      const c = rt(e.timezone.name);
-      r(c);
+      const i = ct(e.timezone.name);
+      r(i);
     }
-  }, [e.timezone]), ft(
+  }, [e.timezone]), bt(
     () => {
       if (n === "") {
-        r(rt(e.timezone.name));
+        r(ct(e.timezone.name));
         return;
       }
-      const c = t.filter(
-        (u) => u.searchKey.includes(n)
+      const i = t.filter(
+        (d) => d.searchKey.includes(n)
       );
-      r(c);
+      r(i);
     },
     250,
     [n]
   );
-  const a = (c) => {
-    const [u, f] = c.startTime.split("T"), [D, g] = c.endTime.split("T");
+  const u = (i) => {
+    const [d, g] = i.startTime.split("T"), [j, x] = i.endTime.split("T");
     e.onApply({
-      startDate: u,
-      startTime: f.slice(0, 8),
-      endDate: D,
-      endTime: g.slice(0, 8),
+      startDate: d,
+      startTime: g.slice(0, 8),
+      endDate: j,
+      endTime: x.slice(0, 8),
       timezone: e.timezone
-    });
+    }), o();
   };
-  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  return /* @__PURE__ */ l.jsxs(q, { direction: "column", className: ge["relative-time-root"], children: [
     /* @__PURE__ */ l.jsx(oe, { style: { width: "90%" }, mx: "auto", children: /* @__PURE__ */ l.jsx(
-      dt,
+      vt,
       {
         placeholder: "Relative time (15m, 1h, 1d, 1w)",
         value: n,
-        onChange: (c) => s(c.currentTarget.value)
+        onChange: (i) => s(i.currentTarget.value)
       }
     ) }),
-    /* @__PURE__ */ l.jsx(H, { direction: "column", className: De["relative-time-panel-container"], children: t.map((c) => /* @__PURE__ */ l.jsxs(
-      H,
+    /* @__PURE__ */ l.jsx(q, { direction: "column", className: ge["relative-time-panel-container"], children: t.map((i) => /* @__PURE__ */ l.jsxs(
+      q,
       {
         align: "center",
         justify: "space-between",
-        className: ht(
-          i === "dark" ? De["time-row-dark"] : De["time-row-light"],
-          De["time-row"]
+        className: $t(
+          c === "dark" ? ge["time-row-dark"] : ge["time-row-light"],
+          ge["time-row"]
         ),
         py: 4,
         px: 12,
-        mb: c.lineBreak ? 8 : 0,
-        onClick: () => a(c),
+        mb: i.lineBreak ? 8 : 0,
+        onClick: () => u(i),
         children: [
-          /* @__PURE__ */ l.jsx(X, { size: "sm", children: c.label }),
-          /* @__PURE__ */ l.jsx(X, { size: "xs", c: "#5f6368", children: c.searchKey })
+          /* @__PURE__ */ l.jsx(J, { size: "sm", children: i.label }),
+          /* @__PURE__ */ l.jsx(J, { size: "xs", c: "#5f6368", children: i.searchKey })
         ]
       },
-      c.label
+      i.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: [
+}, lt = ({ setSelectedPanel: e, tzRange: t, mobileOnlyRelative: r = !1 }) => r ? /* @__PURE__ */ l.jsx(oe, { className: be["sidebar-mobile-relative"], children: /* @__PURE__ */ l.jsx(ut, { tzRange: t }) }) : /* @__PURE__ */ l.jsxs(oe, { className: be["sidebar-container"], flex: 1, children: [
+  /* @__PURE__ */ l.jsx(ut, { tzRange: t }),
+  /* @__PURE__ */ l.jsxs(q, { direction: "column", rowGap: 16, py: 8, style: { borderTop: "1px solid #ddd" }, children: [
     /* @__PURE__ */ l.jsxs(
-      H,
+      q,
       {
-        className: xe["sidebar-row"],
+        className: be["sidebar-row"],
         justify: "space-between",
         align: "center",
         px: 12,
-        onClick: () => e(Me.START_END_TIME),
+        onClick: () => e(Ve.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.jsxs(q, { align: "center", children: [
+            /* @__PURE__ */ l.jsx(Gt, { stroke: 1.5 }),
+            /* @__PURE__ */ l.jsx(J, { size: "sm", children: "Start and end times" })
           ] }),
-          /* @__PURE__ */ l.jsx(Ce, { stroke: 1.5 })
+          /* @__PURE__ */ l.jsx(Ye, { stroke: 1.5 })
         ]
       }
     ),
     /* @__PURE__ */ l.jsxs(
-      H,
+      q,
       {
-        className: xe["sidebar-row"],
+        className: be["sidebar-row"],
         justify: "space-between",
         align: "center",
         px: 12,
-        onClick: () => e(Me.AROUND_TIME),
+        onClick: () => e(Ve.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.jsxs(q, { align: "center", children: [
+            /* @__PURE__ */ l.jsx(Ce, { stroke: 1.5 }),
+            /* @__PURE__ */ l.jsx(J, { size: "sm", children: "Around a time" })
           ] }),
-          /* @__PURE__ */ l.jsx(Ce, { stroke: 1.5 })
+          /* @__PURE__ */ l.jsx(Ye, { stroke: 1.5 })
         ]
       }
     ),
     /* @__PURE__ */ l.jsxs(
-      H,
+      q,
       {
-        className: xe["sidebar-row"],
+        className: be["sidebar-row"],
         justify: "space-between",
         align: "center",
         px: 12,
-        onClick: () => e(Me.TIMEZONE),
+        onClick: () => e(Ve.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.jsxs(q, { align: "center", children: [
+            /* @__PURE__ */ l.jsx(Bt, { stroke: 1.5 }),
+            /* @__PURE__ */ l.jsx(J, { size: "sm", children: "Time zone" })
           ] }),
-          /* @__PURE__ */ l.jsx(Ce, { stroke: 1.5 })
+          /* @__PURE__ */ l.jsx(Ye, { 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 = [
+var Dt = /* @__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))(Dt || {});
+const Tr = [
   "± 30 seconds",
   "± 1 minute",
   "± 15 minutes",
@@ -1371,10 +1396,10 @@ const mr = [
   "± 1 hour",
   "± 1 day"
   /* OneDay */
-], hr = (e, t, r) => {
+], vr = (e, t, r) => {
   switch (r) {
     case "± 30 seconds":
-      const n = ce(e, t, 30, "second"), s = ue(e, t, 30, "second");
+      const n = le(e, t, 30, "second"), s = de(e, t, 30, "second");
       return {
         startDate: n.date,
         startTime: n.time,
@@ -1382,44 +1407,44 @@ const mr = [
         endTime: s.time
       };
     case "± 1 minute":
-      const i = ce(e, t, 1, "minute"), a = ue(e, t, 1, "minute");
+      const c = le(e, t, 1, "minute"), o = de(e, t, 1, "minute");
       return {
-        startDate: i.date,
-        startTime: i.time,
-        endDate: a.date,
-        endTime: a.time
+        startDate: c.date,
+        startTime: c.time,
+        endDate: o.date,
+        endTime: o.time
       };
     case "± 15 minutes":
-      const c = ce(e, t, 15, "minute"), u = ue(e, t, 15, "minute");
+      const u = le(e, t, 15, "minute"), i = de(e, t, 15, "minute");
       return {
-        startDate: c.date,
-        startTime: c.time,
-        endDate: u.date,
-        endTime: u.time
+        startDate: u.date,
+        startTime: u.time,
+        endDate: i.date,
+        endTime: i.time
       };
     case "± 30 minutes":
-      const f = ce(e, t, 30, "minute"), D = ue(e, t, 30, "minute");
+      const d = le(e, t, 30, "minute"), g = de(e, t, 30, "minute");
       return {
-        startDate: f.date,
-        startTime: f.time,
-        endDate: D.date,
-        endTime: D.time
+        startDate: d.date,
+        startTime: d.time,
+        endDate: g.date,
+        endTime: g.time
       };
     case "± 1 hour":
-      const g = ce(e, t, 1, "hour"), j = ue(e, t, 1, "hour");
+      const j = le(e, t, 1, "hour"), x = de(e, t, 1, "hour");
       return {
-        startDate: g.date,
-        startTime: g.time,
-        endDate: j.date,
-        endTime: j.time
+        startDate: j.date,
+        startTime: j.time,
+        endDate: x.date,
+        endTime: x.time
       };
     case "± 1 day":
-      const V = ce(e, t, 1, "day"), _ = ue(e, t, 1, "day");
+      const w = le(e, t, 1, "day"), E = de(e, t, 1, "day");
       return {
-        startDate: V.date,
-        startTime: V.time,
-        endDate: _.date,
-        endTime: _.time
+        startDate: w.date,
+        startTime: w.time,
+        endDate: E.date,
+        endTime: E.time
       };
     default:
       return {
@@ -1430,62 +1455,62 @@ const mr = [
       };
   }
 };
-function yr(e) {
+function br(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(() => {
+const gr = typeof window < "u" ? Mt : ie;
+function G(e, t) {
+  gr(() => {
     if (e)
       return window.addEventListener(e, t), () => window.removeEventListener(e, t);
   }, [e]);
 }
-function Tr(e, t) {
-  e && yr(e), J(
+function $r(e, t) {
+  e && br(e), G(
     `mantine-form:${e}:set-field-value`,
     (r) => t.setFieldValue(r.detail.path, r.detail.value)
-  ), J(
+  ), G(
     `mantine-form:${e}:set-values`,
     (r) => t.setValues(r.detail)
-  ), J(
+  ), G(
     `mantine-form:${e}:set-initial-values`,
     (r) => t.setInitialValues(r.detail)
-  ), J(
+  ), G(
     `mantine-form:${e}:set-errors`,
     (r) => t.setErrors(r.detail)
-  ), J(
+  ), G(
     `mantine-form:${e}:set-field-error`,
     (r) => t.setFieldError(r.detail.path, r.detail.error)
-  ), J(
+  ), G(
     `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(
+  ), G(`mantine-form:${e}:clear-errors`, t.clearErrors), G(`mantine-form:${e}:reset`, t.reset), G(`mantine-form:${e}:validate`, t.validate), G(
     `mantine-form:${e}:validate-field`,
     (r) => t.validateField(r.detail)
-  ), J(
+  ), G(
     `mantine-form:${e}:reorder-list-item`,
     (r) => t.reorderListItem(r.detail.path, r.detail.payload)
-  ), J(
+  ), G(
     `mantine-form:${e}:remove-list-item`,
     (r) => t.removeListItem(r.detail.path, r.detail.index)
-  ), J(
+  ), G(
     `mantine-form:${e}:insert-list-item`,
     (r) => t.insertListItem(r.detail.path, r.detail.item, r.detail.index)
-  ), J(
+  ), G(
     `mantine-form:${e}:set-dirty`,
     (r) => t.setDirty(r.detail)
-  ), J(
+  ), G(
     `mantine-form:${e}:set-touched`,
     (r) => t.setTouched(r.detail)
-  ), J(
+  ), G(
     `mantine-form:${e}:reset-dirty`,
     (r) => t.resetDirty(r.detail)
-  ), J(`mantine-form:${e}:reset-touched`, t.resetTouched);
+  ), G(`mantine-form:${e}:reset-touched`, t.resetTouched);
 }
-function vr(e) {
+function xr(e) {
   return (t) => {
     if (!t)
       e(t);
@@ -1498,41 +1523,41 @@ function vr(e) {
       e(t);
   };
 }
-function Ke(e) {
+function Ze(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;
+function Sr(e) {
+  const [t, r] = ee(Ze(e)), n = se(t), s = A((i) => {
+    r((d) => {
+      const g = Ze(typeof i == "function" ? i(d) : i);
+      return n.current = g, g;
     });
-  }, []), i = P(() => s({}), []), a = P(
-    (u) => {
-      n.current[u] !== void 0 && s((f) => {
-        const D = { ...f };
-        return delete D[u], D;
+  }, []), c = A(() => s({}), []), o = A(
+    (i) => {
+      n.current[i] !== void 0 && s((d) => {
+        const g = { ...d };
+        return delete g[i], g;
       });
     },
     [t]
-  ), c = P(
-    (u, f) => {
-      f == null || f === !1 ? a(u) : n.current[u] !== f && s((D) => ({ ...D, [u]: f }));
+  ), u = A(
+    (i, d) => {
+      d == null || d === !1 ? o(i) : n.current[i] !== d && s((g) => ({ ...g, [i]: d }));
     },
     [t]
   );
   return {
     errorsState: t,
     setErrors: s,
-    clearErrors: i,
-    setFieldError: c,
-    clearFieldError: a
+    clearErrors: c,
+    setFieldError: u,
+    clearFieldError: o
   };
 }
-function Ue(e, t) {
+function Be(e, t) {
   if (t === null || typeof t != "object")
     return {};
   const r = { ...t };
@@ -1540,65 +1565,65 @@ function Ue(e, t) {
     n.includes(`${String(e)}.`) && delete r[n];
   }), r;
 }
-function nt(e, t) {
+function dt(e, t) {
   const r = e.substring(t.length + 1).split(".")[0];
   return parseInt(r, 10);
 }
-function st(e, t, r, n) {
+function ft(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}.`))
+  let c = r;
+  n === -1 && (c = Be(`${s}.${t}`, c));
+  const o = { ...c }, u = /* @__PURE__ */ new Set();
+  return Object.entries(c).filter(([i]) => {
+    if (!i.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}`
+    const d = dt(i, s);
+    return Number.isNaN(d) ? !1 : d >= t;
+  }).forEach(([i, d]) => {
+    const g = dt(i, s), j = i.replace(
+      `${s}.${g}`,
+      `${s}.${g + n}`
     );
-    a[g] = f, c.add(g), c.has(u) || delete a[u];
-  }), a;
+    o[j] = d, u.add(j), u.has(i) || delete o[i];
+  }), o;
 }
-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))
+function Dr(e, { from: t, to: r }, n) {
+  const s = `${e}.${t}`, c = `${e}.${r}`, o = { ...n }, u = /* @__PURE__ */ new Set();
+  return Object.keys(n).forEach((i) => {
+    if (u.has(i))
       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);
+    let d, g;
+    if (i.startsWith(s) ? (d = i, g = i.replace(s, c)) : i.startsWith(c) && (d = i.replace(c, s), g = i), d && g) {
+      const j = o[d], x = o[g];
+      x === void 0 ? delete o[d] : o[d] = x, j === void 0 ? delete o[g] : o[g] = j, u.add(d), u.add(g);
     }
-  }), a;
+  }), o;
 }
-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 mt(e, t, r) {
+  typeof r.value == "object" && (r.value = fe(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) {
+function fe(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) {
+  var t = 0, r, n, s, c = Object.prototype.toString.call(e);
+  if (c === "[object Object]" ? s = Object.create(e.__proto__ || null) : c === "[object Array]" ? s = Array(e.length) : c === "[object Set]" ? (s = /* @__PURE__ */ new Set(), e.forEach(function(o) {
+    s.add(fe(o));
+  })) : c === "[object Map]" ? (s = /* @__PURE__ */ new Map(), e.forEach(function(o, u) {
+    s.set(fe(u), fe(o));
+  })) : c === "[object Date]" ? s = /* @__PURE__ */ new Date(+e) : c === "[object RegExp]" ? s = new RegExp(e.source, e.flags) : c === "[object DataView]" ? s = new e.constructor(fe(e.buffer)) : c === "[object ArrayBuffer]" ? s = e.slice(0) : c.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]));
+      mt(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));
+      Object.hasOwnProperty.call(s, r = n[t]) && s[r] === e[r] || mt(s, r, Object.getOwnPropertyDescriptor(e, r));
   }
   return s || e;
 }
-function bt(e) {
+function wt(e) {
   return typeof e != "string" ? [] : e.split(".");
 }
 function Z(e, t) {
-  const r = bt(e);
+  const r = wt(e);
   if (r.length === 0 || typeof t != "object" || t === null)
     return;
   let n = t[r[0]];
@@ -1606,85 +1631,85 @@ function Z(e, t) {
     n = n[r[s]];
   return n;
 }
-function ge(e, t, r) {
-  const n = bt(e);
+function De(e, t, r) {
+  const n = wt(e);
   if (n.length === 0)
     return r;
-  const s = le(r);
+  const s = fe(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)
+  let c = s[n[0]];
+  for (let o = 1; o < n.length - 1; o += 1) {
+    if (c === void 0)
       return s;
-    i = i[n[a]];
+    c = c[n[o]];
   }
-  return i[n[n.length - 1]] = t, s;
+  return c[n[n.length - 1]] = t, s;
 }
-function $r(e, { from: t, to: r }, n) {
+function wr(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);
+  const c = [...s], o = s[t];
+  return c.splice(t, 1), c.splice(r, 0, o), De(e, c, n);
 }
-function Sr(e, t, r, n) {
+function jr(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);
+  const c = [...s];
+  return c.splice(typeof r == "number" ? r : c.length, 0, t), De(e, c, n);
 }
-function xr(e, t, r) {
+function _r(e, t, r) {
   const n = Z(e, r);
-  return Array.isArray(n) ? ge(
+  return Array.isArray(n) ? De(
     e,
-    n.filter((s, i) => i !== t),
+    n.filter((s, c) => c !== t),
     r
   ) : r;
 }
-function Dr(e, t, r, n) {
+function Er(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);
+  const c = [...s];
+  return c[r] = t, De(e, c, n);
 }
-function jr({
+function kr({
   $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),
+  const n = A((u, i) => {
+    r.clearFieldDirty(u), t.setErrors((d) => Dr(u, i, d)), e.setValues({
+      values: wr(u, i, 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),
+  }, []), s = A((u, i) => {
+    r.clearFieldDirty(u), t.setErrors((d) => ft(u, i, d, -1)), e.setValues({
+      values: _r(u, i, 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),
+  }, []), c = A((u, i, d) => {
+    r.clearFieldDirty(u), t.setErrors((g) => ft(u, d, g, 1)), e.setValues({
+      values: jr(u, i, d, e.refValues.current),
       updateState: !0
     });
-  }, []), a = P((c, u, f) => {
-    r.clearFieldDirty(c), e.setValues({
-      values: Dr(c, f, u, e.refValues.current),
+  }, []), o = A((u, i, d) => {
+    r.clearFieldDirty(u), e.setValues({
+      values: Er(u, d, i, e.refValues.current),
       updateState: !0
     });
   }, []);
-  return { reorderListItem: n, removeListItem: s, insertListItem: i, replaceListItem: a };
+  return { reorderListItem: n, removeListItem: s, insertListItem: c, replaceListItem: o };
 }
-var Ie, it;
-function wr() {
-  return it || (it = 1, Ie = function e(t, r) {
+var Ke, ht;
+function Or() {
+  return ht || (ht = 1, Ke = 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;
+      var n, s, c;
       if (Array.isArray(t)) {
         if (n = t.length, n != r.length) return !1;
         for (s = n; s-- !== 0; )
@@ -1694,21 +1719,21 @@ function wr() {
       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;
+      if (c = Object.keys(t), n = c.length, n !== Object.keys(r).length) return !1;
       for (s = n; s-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(r, i[s])) return !1;
+        if (!Object.prototype.hasOwnProperty.call(r, c[s])) return !1;
       for (s = n; s-- !== 0; ) {
-        var a = i[s];
-        if (!e(t[a], r[a])) return !1;
+        var o = c[s];
+        if (!e(t[o], r[o])) return !1;
       }
       return !0;
     }
     return t !== t && r !== r;
-  }), Ie;
+  }), Ke;
 }
-var Er = wr();
-const je = /* @__PURE__ */ Ve(Er);
-function ye(e, t) {
+var Mr = Or();
+const Ee = /* @__PURE__ */ Ie(Mr);
+function $e(e, t) {
   const r = Object.keys(e);
   if (typeof t == "string") {
     const n = r.filter((s) => s.startsWith(`${t}.`));
@@ -1716,172 +1741,172 @@ function ye(e, t) {
   }
   return r.some((n) => e[n]);
 }
-function _r({
+function Pr({
   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);
+  const [s, c] = ee(t), [o, u] = ee(e), i = se(t), d = se(e), g = A((S) => {
+    const V = typeof S == "function" ? S(i.current) : S;
+    i.current = V, r === "controlled" && c(V);
+  }, []), j = A(
+    (S, V = !1) => {
+      const I = typeof S == "function" ? S(d.current) : S;
+      d.current = I, (r === "controlled" || V) && u(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),
+  ), x = A(() => g({}), []), w = A((S) => {
+    const V = S ? { ...n.refValues.current, ...S } : n.refValues.current;
+    n.setValuesSnapshot(V), j({});
+  }, []), E = A((S, V) => {
+    g((I) => $e(I, S) === V ? I : { ...I, [S]: V });
+  }, []), v = A((S, V, I) => {
+    j((U) => $e(U, S) === V ? U : { ...U, [S]: V }, I);
+  }, []), m = A((S, V) => {
+    const I = $e(d.current, S), U = !Ee(Z(S, n.getValuesSnapshot()), V), L = Be(S, d.current);
+    L[S] = U, j(L, I !== U);
+  }, []), $ = A(
+    (S) => $e(i.current, S),
     []
-  ), k = P(
-    (S) => g((A) => {
+  ), O = A(
+    (S) => j((V) => {
       if (typeof S != "string")
-        return A;
-      const I = Ue(S, A);
-      return delete I[S], je(I, A) ? A : I;
+        return V;
+      const I = Be(S, V);
+      return delete I[S], Ee(I, V) ? V : I;
     }),
     []
-  ), z = P((S) => {
+  ), z = A((S) => {
     if (S) {
-      const I = Z(S, f.current);
+      const I = Z(S, d.current);
       if (typeof I == "boolean")
         return I;
-      const N = Z(S, n.refValues.current), L = Z(S, n.valuesSnapshot.current);
-      return !je(N, L);
+      const U = Z(S, n.refValues.current), L = Z(S, n.valuesSnapshot.current);
+      return !Ee(U, 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 Object.keys(d.current).length > 0 ? $e(d.current) : !Ee(n.refValues.current, n.valuesSnapshot.current);
+  }, []), N = A(() => d.current, []), Y = A(() => i.current, []);
   return {
     touchedState: s,
-    dirtyState: a,
-    touchedRef: u,
-    dirtyRef: f,
-    setTouched: D,
-    setDirty: g,
-    resetDirty: V,
-    resetTouched: j,
+    dirtyState: o,
+    touchedRef: i,
+    dirtyRef: d,
+    setTouched: g,
+    setDirty: j,
+    resetDirty: w,
+    resetTouched: x,
     isTouched: $,
-    setFieldTouched: _,
-    setFieldDirty: T,
-    setTouchedState: i,
-    setDirtyState: c,
-    clearFieldDirty: k,
+    setFieldTouched: E,
+    setFieldDirty: v,
+    setTouchedState: c,
+    setDirtyState: u,
+    clearFieldDirty: O,
     isDirty: z,
-    getDirty: Y,
-    getTouched: R,
-    setCalculatedFieldDirty: h
+    getDirty: N,
+    getTouched: Y,
+    setCalculatedFieldDirty: m
   };
 }
-function kr({
+function Ar({
   initialValues: e,
   onValuesChange: t,
   mode: r
 }) {
-  const n = se(!1), [s, i] = ee(e || {}), a = se(s), c = se(s), u = P(
+  const n = se(!1), [s, c] = ee(e || {}), o = se(s), u = se(s), i = A(
     ({
-      values: h,
+      values: m,
       subscribers: $,
-      updateState: k = !0,
+      updateState: O = !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 }));
+      const N = o.current, Y = m instanceof Function ? m(o.current) : m, S = z ? { ...N, ...Y } : Y;
+      o.current = S, O && (c(S), r === "uncontrolled" && (o.current = S)), t?.(S, N), $?.filter(Boolean).forEach((V) => V({ updatedValues: S, previousValues: N }));
     },
     [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 })
+  ), d = A(
+    (m) => {
+      const $ = Z(m.path, o.current), O = m.value instanceof Function ? m.value($) : m.value;
+      if ($ !== O) {
+        const z = o.current, N = De(m.path, O, o.current);
+        i({ values: N, updateState: m.updateState }), m.subscribers?.filter(Boolean).forEach(
+          (Y) => Y({ path: m.path, updatedValues: N, 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), $());
+    [i]
+  ), g = A((m) => {
+    u.current = m;
+  }, []), j = A(
+    (m, $) => {
+      n.current || (n.current = !0, i({ values: m, updateState: r === "controlled" }), g(m), $());
     },
-    [u]
-  ), j = P(() => {
-    u({
-      values: c.current,
+    [i]
+  ), x = A(() => {
+    i({
+      values: u.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,
+  }, [i]), w = A(() => o.current, []), E = A(() => u.current, []), v = A(
+    (m, $) => {
+      const O = Z(m, u.current);
+      typeof O > "u" || d({
+        path: m,
+        value: O,
         updateState: r === "controlled",
         subscribers: $
       });
     },
-    [f, r]
+    [d, 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
+    refValues: o,
+    valuesSnapshot: u,
+    setValues: i,
+    setFieldValue: d,
+    resetValues: x,
+    setValuesSnapshot: g,
+    initialize: j,
+    getValues: w,
+    getValuesSnapshot: E,
+    resetField: v
   };
 }
-function Or({
+function Vr({
   $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)
+  ), n = A((c, o) => {
+    ie(() => (r.current[c] = r.current[c] || [], r.current[c].push(o), () => {
+      r.current[c] = r.current[c].filter((u) => u !== o);
+    }), [o]);
+  }, []), s = A((c) => {
+    const o = r.current[c]?.map(
+      (u) => (i) => u({
+        previousValue: Z(c, i.previousValues),
+        value: Z(c, i.updatedValues),
+        touched: e.isTouched(c),
+        dirty: e.isDirty(c)
       })
     ) ?? [];
     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)
+      for (const u in r.current)
+        (u.startsWith(`${c}.`) || c.startsWith(`${u}.`)) && o.push(
+          ...r.current[u].map(
+            (i) => (d) => i({
+              previousValue: Z(u, d.previousValues),
+              value: Z(u, d.updatedValues),
+              touched: e.isTouched(u),
+              dirty: e.isDirty(u)
             })
           )
         );
-    return a;
+    return o;
   }, []);
   return {
     subscribers: r,
@@ -1889,413 +1914,496 @@ function Or({
     getFieldSubscribers: s
   };
 }
-function at(e, t) {
+function yt(e, t) {
   return e ? `${e}-${t.toString()}` : t.toString();
 }
-const we = Symbol("root-rule");
-function ct(e) {
-  const t = Ke(e);
+const ke = Symbol("root-rule");
+function pt(e) {
+  const t = Ze(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;
+function Je(e, t, r = "", n = {}) {
+  return typeof e != "object" || e === null ? n : Object.keys(e).reduce((s, c) => {
+    const o = e[c], u = `${r === "" ? "" : `${r}.`}${c}`, i = Z(u, t);
+    let d = !1;
+    return typeof o == "function" && (s[u] = o(i, t, u)), typeof o == "object" && Array.isArray(i) && (d = !0, i.forEach(
+      (g, j) => Je(o, t, `${u}.${j}`, s)
+    ), ke in o && (s[u] = o[ke](i, t, u))), typeof o == "object" && typeof i == "object" && i !== null && (d || Je(o, t, u, s), ke in o && (s[u] = o[ke](i, t, u))), s;
   }, n);
 }
-function Ne(e, t) {
-  return ct(typeof e == "function" ? e(t) : We(e, t));
+function Ge(e, t) {
+  return pt(typeof e == "function" ? e(t) : Je(e, t));
 }
-function Ee(e, t, r) {
+function Oe(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])
+  const n = Ge(t, r), s = Object.keys(n.errors).find(
+    (c) => e.split(".").every((o, u) => o === c.split(".")[u])
   );
   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;
+const Fr = "__MANTINE_FORM_INDEX__";
+function Tt(e, t) {
+  return t ? typeof t == "boolean" ? t : Array.isArray(t) ? t.includes(e.replace(/[.][0-9]+/g, `.${Fr}`)) : !1 : !1;
 }
-function gt({
+function jt({
   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
+  initialTouched: c = {},
+  clearInputErrorOnChange: o = !0,
+  validateInputOnChange: u = !1,
+  validateInputOnBlur: i = !1,
+  onValuesChange: d,
+  transformValues: g = ((m) => m),
+  enhanceGetInputProps: j,
+  validate: x,
+  onSubmitPreventDefault: w = "always",
+  touchTrigger: E = "change",
+  cascadeUpdates: v = !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(
+  const m = Sr(n), $ = Ar({ initialValues: r, onValuesChange: d, mode: t }), O = Pr({ initialDirty: s, initialTouched: c, $values: $, mode: t }), z = kr({ $values: $, $errors: m, $status: O }), N = Vr({ $status: O, cascadeUpdates: v }), [Y, S] = ee(0), [V, I] = ee({}), [U, L] = ee(!1), F = A(() => {
+    $.resetValues(), m.clearErrors(), O.resetDirty(), O.resetTouched(), t === "uncontrolled" && S((p) => p + 1);
+  }, []), te = A(
     (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 }));
+      o && m.clearErrors(), t === "uncontrolled" && S((k) => k + 1), Object.keys(N.subscribers.current).forEach((k) => {
+        const W = Z(k, $.refValues.current), K = Z(k, p);
+        W !== K && N.getFieldSubscribers(k).forEach((B) => B({ previousValues: p, updatedValues: $.refValues.current }));
       });
     },
-    [a]
-  ), ae = P(
+    [o]
+  ), ue = A(
     (p) => {
-      const E = $.refValues.current;
-      $.initialize(p, () => t === "uncontrolled" && S((U) => U + 1)), te(E);
+      const k = $.refValues.current;
+      $.initialize(p, () => t === "uncontrolled" && S((W) => W + 1)), te(k);
     },
     [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({
+  ), _ = A(
+    (p, k, W) => {
+      const K = Tt(p, u), B = k instanceof Function ? k(Z(p, $.refValues.current)) : k;
+      O.setCalculatedFieldDirty(p, B), E === "change" && O.setFieldTouched(p, !0), !K && o && m.clearFieldError(p), $.setFieldValue({
         path: p,
-        value: E,
+        value: k,
         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);
+          ...N.getFieldSubscribers(p),
+          K ? (ne) => {
+            const X = Oe(p, x, ne.updatedValues);
+            X.hasError ? m.setFieldError(p, X.error) : m.clearFieldError(p);
           } : null,
-          U?.forceUpdate !== !1 && t !== "controlled" ? () => I((re) => ({
-            ...re,
-            [p]: (re[p] || 0) + 1
+          W?.forceUpdate !== !1 && t !== "controlled" ? () => I((ne) => ({
+            ...ne,
+            [p]: (ne[p] || 0) + 1
           })) : null
         ]
       });
     },
-    [f, j]
-  ), v = P(
+    [d, x]
+  ), T = A(
     (p) => {
-      const E = $.refValues.current;
-      $.setValues({ values: p, updateState: t === "controlled" }), te(E);
+      const k = $.refValues.current;
+      $.setValues({ values: p, updateState: t === "controlled" }), te(k);
     },
-    [f, te]
-  ), m = P(() => {
-    const p = Ne(j, $.refValues.current);
-    return h.setErrors(p.errors), p;
-  }, [j]), x = P(
+    [d, te]
+  ), h = A(() => {
+    const p = Ge(x, $.refValues.current);
+    return m.setErrors(p.errors), p;
+  }, [x]), D = A(
     (p) => {
-      const E = Ee(p, j, $.refValues.current);
-      return E.hasError ? h.setFieldError(p, E.error) : h.clearFieldError(p), E;
+      const k = Oe(p, x, $.refValues.current);
+      return k.hasError ? m.setFieldError(p, k.error) : m.clearFieldError(p), k;
     },
-    [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(
+    [x]
+  ), y = (p, { type: k = "input", withError: W = !0, withFocus: K = !0, ...B } = {}) => {
+    const X = { onChange: xr(
+      (we) => _(p, we, { forceUpdate: !1 })
+    ), "data-path": yt(e, p) };
+    return W && (X.error = m.errorsState[p]), k === "checkbox" ? X[t === "controlled" ? "checked" : "defaultChecked"] = Z(
       p,
       $.refValues.current
-    ) : G[t === "controlled" ? "value" : "defaultValue"] = Z(
+    ) : X[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);
+    ), K && (X.onFocus = () => O.setFieldTouched(p, !0), X.onBlur = () => {
+      if (Tt(p, i)) {
+        const we = Oe(p, x, $.refValues.current);
+        we.hasError ? m.setFieldError(p, we.error) : m.clearFieldError(p);
       }
     }), Object.assign(
-      G,
-      g?.({
-        inputProps: G,
+      X,
+      j?.({
+        inputProps: X,
         field: p,
-        options: { type: E, withError: U, withFocus: K, ...B },
+        options: { type: k, withError: W, withFocus: K, ...B },
         form: Q
       })
     );
-  }, M = (p, E) => (U) => {
-    V === "always" && U?.preventDefault();
-    const K = m();
+  }, P = (p, k) => (W) => {
+    w === "always" && W?.preventDefault();
+    const K = h();
     if (K.hasErrors)
-      V === "validation-failed" && U?.preventDefault(), E?.(K.errors, $.refValues.current, U);
+      w === "validation-failed" && W?.preventDefault(), k?.(K.errors, $.refValues.current, W);
     else {
       const B = p?.(
-        D($.refValues.current),
-        U
+        g($.refValues.current),
+        W
       );
       B instanceof Promise && (L(!0), B.finally(() => L(!1)));
     }
-  }, o = (p) => D(p || $.refValues.current), b = P((p) => {
+  }, a = (p) => g(p || $.refValues.current), b = A((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)}"]`),
+  }, []), M = A(
+    (p) => p ? !Oe(p, x, $.refValues.current).hasError : !Ge(x, $.refValues.current).hasErrors,
+    [x]
+  ), C = (p) => `${Y}-${String(p)}-${V[String(p)] || 0}`, R = A(
+    (p) => document.querySelector(`[data-path="${yt(e, p)}"]`),
     []
-  ), q = P(
+  ), H = A(
     (p) => {
       $.resetField(p, [
-        t !== "controlled" ? () => I((E) => ({
-          ...E,
-          [p]: (E[p] || 0) + 1
+        t !== "controlled" ? () => I((k) => ({
+          ...k,
+          [p]: (k[p] || 0) + 1
         })) : null
       ]);
     },
     [$.resetField, t, I]
   ), Q = {
-    watch: Y.watch,
+    watch: N.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,
+    resetField: H,
+    initialize: ue,
+    setValues: T,
+    setFieldValue: _,
+    submitting: U,
     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,
+    errors: m.errorsState,
+    setErrors: m.setErrors,
+    setFieldError: m.setFieldError,
+    clearFieldError: m.clearFieldError,
+    clearErrors: m.clearErrors,
+    resetDirty: O.resetDirty,
+    setTouched: O.setTouched,
+    setDirty: O.setDirty,
+    isTouched: O.isTouched,
+    resetTouched: O.resetTouched,
+    isDirty: O.isDirty,
+    getTouched: O.getTouched,
+    getDirty: O.getDirty,
     reorderListItem: z.reorderListItem,
     insertListItem: z.insertListItem,
     removeListItem: z.removeListItem,
     replaceListItem: z.replaceListItem,
     reset: F,
-    validate: m,
-    validateField: x,
+    validate: h,
+    validateField: D,
     getInputProps: y,
-    onSubmit: M,
+    onSubmit: P,
     onReset: b,
-    isValid: O,
-    getTransformedValues: o,
+    isValid: M,
+    getTransformedValues: a,
     key: C,
-    getInputNode: W
+    getInputNode: R
   };
-  return Tr(e, Q), Q;
+  return $r(e, Q), Q;
 }
-const Pr = ({ tzRange: e }) => {
-  const t = gt({
+const Cr = ({ tzRange: e }) => {
+  const t = ae("(max-width: 64em)"), { closePopover: r } = ye(), n = e.timezone.utcOffset ? `GMT${e.timezone.utcOffset}` : e.timezone?.longName, s = jt({
     initialValues: {
-      date: Tt(),
-      time: pe(),
-      duration: vt.OneDay
+      date: e.startDate ?? St(e),
+      time: e.startTime ?? qe(e),
+      duration: Dt.OneDay
     },
     validate: {
-      date: (n) => n ? null : "Date is required",
-      time: (n) => n ? null : "Time is required",
-      duration: (n) => n ? null : "Duration is required"
+      date: (o) => o ? null : "Date is required",
+      time: (o) => o ? null : "Time is required",
+      duration: (o) => o ? null : "Duration is required"
     }
-  }), r = (n) => {
+  }), c = (o) => {
     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(
+    const u = xe(o.date, o.time, e.timezone.name), i = Se(u, e.timezone.name), { startDate: d, startTime: g, endDate: j, endTime: x } = vr(
       i.date,
       i.time,
-      n.duration
+      o.duration
     );
     e.onApply({
-      startDate: a,
-      startTime: c,
-      endDate: u,
-      endTime: f,
+      startDate: d,
+      startTime: g,
+      endDate: j,
+      endTime: x,
       timezone: e.timezone
-    });
+    }), t && r();
   };
-  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: [
+  return /* @__PURE__ */ l.jsx(q, { direction: "column", flex: 2, justify: "space-between", style: { height: "100%" }, px: 12, children: /* @__PURE__ */ l.jsxs("form", { className: Qe["form-container"], onSubmit: s.onSubmit(c), 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(J, { fw: 600, children: "Around a time" }),
+      /* @__PURE__ */ l.jsxs(q, { direction: "column", gap: 8, mt: 12, children: [
         /* @__PURE__ */ l.jsx(
-          ze,
+          Re,
           {
             label: "Pick date",
             placeholder: "Pick date",
-            ...t.getInputProps("date"),
+            ...s.getInputProps("date"),
             popoverProps: { withinPortal: !1 },
-            valueFormat: ne,
-            leftSection: /* @__PURE__ */ l.jsx(Ye, { stroke: 1.5 })
+            valueFormat: re,
+            leftSection: /* @__PURE__ */ l.jsx(He, { stroke: 1.5 })
           },
-          t.key("date")
+          s.key("date")
         ),
         /* @__PURE__ */ l.jsx(
-          Re,
+          Ue,
           {
             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,
+            ...s.getInputProps("time"),
+            leftSection: /* @__PURE__ */ l.jsx(Ce, { stroke: 1.5 }),
+            rightSection: t ? void 0 : /* @__PURE__ */ l.jsx(J, { style: { fontSize: 12, fontStyle: "italic", textAlign: "right" }, children: e.timezone?.longName }),
+            rightSectionWidth: t ? void 0 : 180,
             rightSectionProps: {
               style: {
                 paddingRight: 1
               }
             }
           },
-          t.key("time")
+          s.key("time")
         ),
+        t && n ? /* @__PURE__ */ l.jsx(J, { size: "xs", c: "dimmed", mt: -4, children: n }) : null,
         /* @__PURE__ */ l.jsx(
-          _t,
+          Vt,
           {
             label: "Duration",
             placeholder: "Pick value",
-            data: mr,
-            ...t.getInputProps("duration"),
+            data: Tr,
+            ...s.getInputProps("duration"),
             comboboxProps: { withinPortal: !1 }
           },
-          t.key("duration")
+          s.key("duration")
         )
       ] })
     ] }),
-    /* @__PURE__ */ l.jsx(Ze, {})
+    /* @__PURE__ */ l.jsx(et, {})
   ] }) });
-}, Vr = ({ tzRange: e }) => {
-  const t = gt({
+}, Ir = ({ tzRange: e }) => {
+  const t = ae("(max-width: 64em)"), { closePopover: r } = ye(), n = e.timezone.utcOffset ? `GMT${e.timezone.utcOffset}` : e.timezone?.longName, s = jt({
     mode: "uncontrolled",
     initialValues: {
-      startDate: Tt(),
-      startTime: pe(),
-      endDate: ar(30),
-      endTime: pe()
+      startDate: e.startDate ?? St(e),
+      startTime: e.startTime ?? qe(e),
+      endDate: e.endDate ?? hr(30),
+      endTime: e.endTime ?? qe(e)
     },
     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";
+      startDate: (o) => o ? null : "Start date is required",
+      startTime: (o) => o ? null : "Start time is required",
+      endDate: (o, u) => {
+        if (!o) return "End date is required";
+        const i = f(`${u.startDate} ${u.startTime}`), d = f(`${o} ${u.endTime}`);
+        return d.isAfter(i) || d.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";
+      endTime: (o, u) => {
+        if (!o) return "End time is required";
+        const i = f(`${u.startDate} ${u.startTime}`), d = f(`${u.endDate} ${o}`);
+        return d.isAfter(i) || d.isSame(i) ? null : "End time must be after start time";
       }
     }
-  }), r = (n) => {
+  }), c = (o) => {
     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);
+    const u = xe(o.startDate, o.startTime, e.timezone.name), i = xe(o.endDate, o.endTime, e.timezone.name), d = Se(u, e.timezone.name), g = Se(i, e.timezone.name);
     e.onApply({
-      startDate: a.date,
-      startTime: a.time,
-      endDate: c.date,
-      endTime: c.time,
+      startDate: d.date,
+      startTime: d.time,
+      endDate: g.date,
+      endTime: g.time,
       timezone: e.timezone
-    });
+    }), t && r();
   };
-  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: [
+  return /* @__PURE__ */ l.jsx(q, { direction: "column", flex: 2, style: { height: "100%" }, px: 12, children: /* @__PURE__ */ l.jsxs("form", { className: Qe["form-container"], onSubmit: s.onSubmit(c), 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(J, { fw: 600, children: "Start and end times" }),
+      /* @__PURE__ */ l.jsxs(q, { direction: "column", gap: 8, mt: 12, children: [
         /* @__PURE__ */ l.jsx(
-          ze,
+          Re,
           {
             label: "Start time",
-            ...t.getInputProps("startDate"),
+            ...s.getInputProps("startDate"),
             popoverProps: { withinPortal: !1 },
-            valueFormat: ne,
-            leftSection: /* @__PURE__ */ l.jsx(Ye, { stroke: 1.5 })
+            valueFormat: re,
+            leftSection: /* @__PURE__ */ l.jsx(He, { stroke: 1.5 })
           },
-          t.key("startDate")
+          s.key("startDate")
         ),
         /* @__PURE__ */ l.jsx(
-          Re,
+          Ue,
           {
             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,
+            ...s.getInputProps("startTime"),
+            leftSection: /* @__PURE__ */ l.jsx(Ce, { stroke: 1.5 }),
+            rightSection: t ? void 0 : /* @__PURE__ */ l.jsx(J, { style: { fontSize: 12, fontStyle: "italic" }, children: e.timezone?.longName }),
+            rightSectionWidth: t ? void 0 : 180,
             rightSectionProps: {
               style: {
                 paddingRight: 1
               }
             }
           },
-          t.key("startTime")
+          s.key("startTime")
         ),
+        t && n ? /* @__PURE__ */ l.jsx(J, { size: "xs", c: "dimmed", mt: -4, children: n }) : null,
         /* @__PURE__ */ l.jsx(
-          ze,
+          Re,
           {
             label: "End time",
-            ...t.getInputProps("endDate"),
+            ...s.getInputProps("endDate"),
             popoverProps: { withinPortal: !1 },
-            valueFormat: ne,
-            leftSection: /* @__PURE__ */ l.jsx(Ye, { stroke: 1.5 })
+            valueFormat: re,
+            leftSection: /* @__PURE__ */ l.jsx(He, { stroke: 1.5 })
           },
-          t.key("endDate")
+          s.key("endDate")
         ),
         /* @__PURE__ */ l.jsx(
-          Re,
+          Ue,
           {
             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,
+            ...s.getInputProps("endTime"),
+            leftSection: /* @__PURE__ */ l.jsx(Ce, { stroke: 1.5 }),
+            rightSection: t ? void 0 : /* @__PURE__ */ l.jsx(J, { style: { fontSize: 12, fontStyle: "italic" }, children: e.timezone?.longName }),
+            rightSectionWidth: t ? void 0 : 180,
             rightSectionProps: {
               style: {
                 paddingRight: 1
               }
             }
           },
-          t.key("endTime")
-        )
+          s.key("endTime")
+        ),
+        t && n ? /* @__PURE__ */ l.jsx(J, { size: "xs", c: "dimmed", mt: -4, children: n }) : null
       ] })
     ] }),
-    /* @__PURE__ */ l.jsx(Ze, {})
+    /* @__PURE__ */ l.jsx(et, {})
   ] }) });
+}, ce = {
+  "trigger-button": "_trigger-button_1ds5p_1",
+  "picker-shell": "_picker-shell_1ds5p_18",
+  "mobile-layout": "_mobile-layout_1ds5p_22",
+  "mobile-nav": "_mobile-nav_1ds5p_29",
+  "mobile-content": "_mobile-content_1ds5p_33"
 };
-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) => {
+var Ve = /* @__PURE__ */ ((e) => (e.RELATIVE_TIME = "Relative time", e.START_END_TIME = "Start and end times", e.AROUND_TIME = "Around a time", e.TIMEZONE = "Time zone", e))(Ve || {});
+const Lr = (e) => {
   const [t, r] = ee(
     "Start and end times"
     /* START_END_TIME */
-  ), { popoverOpened: n, setPopoverOpened: s } = pt(), i = () => {
+  ), { popoverOpened: n, setPopoverOpened: s } = ye(), c = ae("(max-width: 48em)"), o = ae("(max-width: 64em)");
+  ie(() => {
+    !o && t === "Relative time" && r(
+      "Start and end times"
+      /* START_END_TIME */
+    );
+  }, [o, t]);
+  const u = () => {
     switch (t) {
+      case "Relative time":
+        return /* @__PURE__ */ l.jsx(lt, { tzRange: e, setSelectedPanel: r, mobileOnlyRelative: !0 });
       case "Start and end times":
-        return /* @__PURE__ */ l.jsx(Vr, { tzRange: e });
+        return /* @__PURE__ */ l.jsx(Ir, { tzRange: e });
       case "Around a time":
-        return /* @__PURE__ */ l.jsx(Pr, { tzRange: e });
+        return /* @__PURE__ */ l.jsx(Cr, { tzRange: e });
       case "Time zone":
-        return /* @__PURE__ */ l.jsx(lr, { tzRange: e });
+        return /* @__PURE__ */ l.jsx(pr, { tzRange: e });
       default:
         return null;
     }
-  }, a = () => {
-    s((u) => !u);
-  }, c = lt(
-    () => ur(e),
+  }, i = () => {
+    s((x) => !x);
+  }, d = We(
+    () => Ne(e, "desktop"),
     [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, style: e.buttonStyle || {}, 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()
-    ] }) })
+  ), g = We(() => c ? Ne(e, "mobile") : o ? Ne(e, "tablet") : d, [d, c, o, e]), j = o ? /* @__PURE__ */ l.jsxs("div", { className: ce["mobile-layout"], children: [
+    /* @__PURE__ */ l.jsx("div", { className: ce["mobile-nav"], children: /* @__PURE__ */ l.jsx(
+      Ct,
+      {
+        fullWidth: !0,
+        value: t,
+        onChange: (x) => r(x),
+        data: [
+          {
+            label: "Quick",
+            value: "Relative time"
+            /* RELATIVE_TIME */
+          },
+          {
+            label: "Range",
+            value: "Start and end times"
+            /* START_END_TIME */
+          },
+          {
+            label: "Around",
+            value: "Around a time"
+            /* AROUND_TIME */
+          },
+          {
+            label: "TZ",
+            value: "Time zone"
+            /* TIMEZONE */
+          }
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ l.jsx("div", { className: ce["mobile-content"], children: u() })
+  ] }) : /* @__PURE__ */ l.jsxs(q, { className: ce["picker-shell"], children: [
+    /* @__PURE__ */ l.jsx(lt, { tzRange: e, setSelectedPanel: r }),
+    u()
+  ] });
+  return o ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(
+      Fe,
+      {
+        onClick: i,
+        style: e.buttonStyle || {},
+        className: ce["trigger-button"],
+        title: d,
+        children: g
+      }
+    ),
+    /* @__PURE__ */ l.jsx(
+      Ft,
+      {
+        opened: n,
+        onClose: () => s(!1),
+        size: "100%",
+        padding: 0,
+        title: "Select time range",
+        styles: {
+          content: { display: "flex", flexDirection: "column" },
+          body: { flex: 1, overflow: "hidden", padding: 0 }
+        },
+        children: /* @__PURE__ */ l.jsx("div", { className: ce["picker-shell"], children: j })
+      }
+    )
+  ] }) : /* @__PURE__ */ l.jsxs(ze, { position: "bottom", shadow: "md", opened: n, onChange: s, children: [
+    /* @__PURE__ */ l.jsx(ze.Target, { children: /* @__PURE__ */ l.jsx(
+      Fe,
+      {
+        onClick: i,
+        style: e.buttonStyle || {},
+        className: ce["trigger-button"],
+        title: d,
+        children: g
+      }
+    ) }),
+    /* @__PURE__ */ l.jsx(ze.Dropdown, { style: { width: 700, height: 400, padding: 0 }, py: 8, children: j })
   ] });
-}, Lr = (e) => /* @__PURE__ */ l.jsx(ir, { children: /* @__PURE__ */ l.jsx(Ar, { ...e }) });
+}, Wr = (e) => /* @__PURE__ */ l.jsx(mr, { children: /* @__PURE__ */ l.jsx(Lr, { ...e }) });
 export {
-  Me as Panel,
-  lr as TimezonePanel,
-  Lr as TimezoneRangePicker
+  Ve as Panel,
+  pr as TimezonePanel,
+  Wr as TimezoneRangePicker
 };
 //# sourceMappingURL=index.es.js.map