react-big-schedule 2.0.0 → 3.0.0

package/dist/react-big-schedule-index.mjs

@@ -1,15 +1,18 @@
-var Yt = Object.defineProperty;
-var qt = (b, t, e) => t in b ? Yt(b, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : b[t] = e;
-var M = (b, t, e) => (qt(b, typeof t != "symbol" ? t + "" : t, e), e);
-import st, { Component as _e, createElement as he, useState as $t } from "react";
-import u, { PropTypes as oe } from "prop-types";
-import { MinusSquareOutlined as Bt, PlusSquareOutlined as Vt, CloseOutlined as Gt, LeftOutlined as Ut, RightOutlined as Xt } from "@ant-design/icons";
-import { Col as ee, Row as ue, Popover as He, Radio as it, Calendar as Qt } from "antd";
-import { DragSource as Jt, DropTarget as Kt, DndProvider as Zt } from "react-dnd";
-import ke from "moment";
-import { rrulestr as je, RRuleSet as er } from "rrule";
-import { HTML5Backend as tr } from "react-dnd-html5-backend";
-var We = { exports: {} }, me = {};
+var Qt = Object.defineProperty;
+var Jt = (R, t, e) => t in R ? Qt(R, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : R[t] = e;
+var P = (R, t, e) => (Jt(R, typeof t != "symbol" ? t + "" : t, e), e);
+import ze, { Component as We, createElement as be, useState as ke } from "react";
+import p, { PropTypes as Y } from "prop-types";
+import { Row as we, Col as de, Popover as Fe, Radio as ut, Calendar as Zt, Space as it, Spin as at } from "antd";
+import { DragSource as Kt, DropTarget as es, DndProvider as ts } from "react-dnd";
+import { MinusSquareOutlined as ss, PlusSquareOutlined as rs, CloseOutlined as ns, LeftOutlined as is, RightOutlined as as } from "@ant-design/icons";
+import { rrulestr as Ae, RRuleSet as os } from "rrule";
+import { HTML5Backend as ls } from "react-dnd-html5-backend";
+var _e = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Oe(R) {
+  return R && R.__esModule && Object.prototype.hasOwnProperty.call(R, "default") ? R.default : R;
+}
+var Ye = { exports: {} }, Se = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -19,25 +22,25 @@ var We = { exports: {} }, me = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var et;
-function rr() {
-  if (et)
-    return me;
-  et = 1;
-  var b = st, t = Symbol.for("react.element"), e = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, n = b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(a, d, c) {
-    var h, p = {}, f = null, m = null;
-    c !== void 0 && (f = "" + c), d.key !== void 0 && (f = "" + d.key), d.ref !== void 0 && (m = d.ref);
-    for (h in d)
-      r.call(d, h) && !i.hasOwnProperty(h) && (p[h] = d[h]);
-    if (a && a.defaultProps)
-      for (h in d = a.defaultProps, d)
-        p[h] === void 0 && (p[h] = d[h]);
-    return { $$typeof: t, type: a, key: f, ref: m, props: p, _owner: n.current };
-  }
-  return me.Fragment = e, me.jsx = o, me.jsxs = o, me;
+var ot;
+function cs() {
+  if (ot)
+    return Se;
+  ot = 1;
+  var R = ze, t = Symbol.for("react.element"), e = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, r = R.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(o, l, u) {
+    var c, f = {}, h = null, v = null;
+    u !== void 0 && (h = "" + u), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (v = l.ref);
+    for (c in l)
+      s.call(l, c) && !n.hasOwnProperty(c) && (f[c] = l[c]);
+    if (o && o.defaultProps)
+      for (c in l = o.defaultProps, l)
+        f[c] === void 0 && (f[c] = l[c]);
+    return { $$typeof: t, type: o, key: h, ref: v, props: f, _owner: r.current };
+  }
+  return Se.Fragment = e, Se.jsx = i, Se.jsxs = i, Se;
 }
-var ge = {};
+var Re = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -47,91 +50,91 @@ var ge = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tt;
-function nr() {
-  return tt || (tt = 1, process.env.NODE_ENV !== "production" && function() {
-    var b = st, t = Symbol.for("react.element"), e = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), a = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), E = Symbol.iterator, R = "@@iterator";
-    function C(s) {
-      if (s === null || typeof s != "object")
+var lt;
+function ds() {
+  return lt || (lt = 1, process.env.NODE_ENV !== "production" && function() {
+    var R = ze, t = Symbol.for("react.element"), e = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), n = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), o = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), D = Symbol.iterator, g = "@@iterator";
+    function w(a) {
+      if (a === null || typeof a != "object")
         return null;
-      var g = E && s[E] || s[R];
-      return typeof g == "function" ? g : null;
+      var E = D && a[D] || a[g];
+      return typeof E == "function" ? E : null;
     }
-    var x = b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function v(s) {
+    var T = R.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function b(a) {
       {
-        for (var g = arguments.length, y = new Array(g > 1 ? g - 1 : 0), I = 1; I < g; I++)
-          y[I - 1] = arguments[I];
-        k("error", s, y);
+        for (var E = arguments.length, I = new Array(E > 1 ? E - 1 : 0), L = 1; L < E; L++)
+          I[L - 1] = arguments[L];
+        k("error", a, I);
       }
     }
-    function k(s, g, y) {
+    function k(a, E, I) {
       {
-        var I = x.ReactDebugCurrentFrame, F = I.getStackAddendum();
-        F !== "" && (g += "%s", y = y.concat([F]));
-        var B = y.map(function(L) {
-          return String(L);
+        var L = T.ReactDebugCurrentFrame, G = L.getStackAddendum();
+        G !== "" && (E += "%s", I = I.concat([G]));
+        var K = I.map(function(B) {
+          return String(B);
         });
-        B.unshift("Warning: " + g), Function.prototype.apply.call(console[s], console, B);
+        K.unshift("Warning: " + E), Function.prototype.apply.call(console[a], console, K);
       }
     }
-    var T = !1, D = !1, j = !1, N = !1, A = !1, S;
-    S = Symbol.for("react.module.reference");
-    function _(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === r || s === i || A || s === n || s === c || s === h || N || s === m || T || D || j || typeof s == "object" && s !== null && (s.$$typeof === f || s.$$typeof === p || s.$$typeof === o || s.$$typeof === a || s.$$typeof === d || // This needs to include all possible module reference object
+    var A = !1, $ = !1, H = !1, N = !1, z = !1, W;
+    W = Symbol.for("react.module.reference");
+    function C(a) {
+      return !!(typeof a == "string" || typeof a == "function" || a === s || a === n || z || a === r || a === u || a === c || N || a === v || A || $ || H || typeof a == "object" && a !== null && (a.$$typeof === h || a.$$typeof === f || a.$$typeof === i || a.$$typeof === o || a.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      s.$$typeof === S || s.getModuleId !== void 0));
+      a.$$typeof === W || a.getModuleId !== void 0));
     }
-    function q(s, g, y) {
-      var I = s.displayName;
-      if (I)
-        return I;
-      var F = g.displayName || g.name || "";
-      return F !== "" ? y + "(" + F + ")" : y;
+    function X(a, E, I) {
+      var L = a.displayName;
+      if (L)
+        return L;
+      var G = E.displayName || E.name || "";
+      return G !== "" ? I + "(" + G + ")" : I;
     }
-    function Q(s) {
-      return s.displayName || "Context";
+    function Z(a) {
+      return a.displayName || "Context";
     }
-    function G(s) {
-      if (s == null)
+    function S(a) {
+      if (a == null)
         return null;
-      if (typeof s.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
-        return s.displayName || s.name || null;
-      if (typeof s == "string")
-        return s;
-      switch (s) {
-        case r:
+      if (typeof a.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof a == "function")
+        return a.displayName || a.name || null;
+      if (typeof a == "string")
+        return a;
+      switch (a) {
+        case s:
           return "Fragment";
         case e:
           return "Portal";
-        case i:
-          return "Profiler";
         case n:
+          return "Profiler";
+        case r:
           return "StrictMode";
-        case c:
+        case u:
           return "Suspense";
-        case h:
+        case c:
           return "SuspenseList";
       }
-      if (typeof s == "object")
-        switch (s.$$typeof) {
-          case a:
-            var g = s;
-            return Q(g) + ".Consumer";
+      if (typeof a == "object")
+        switch (a.$$typeof) {
           case o:
-            var y = s;
-            return Q(y._context) + ".Provider";
-          case d:
-            return q(s, s.render, "ForwardRef");
-          case p:
-            var I = s.displayName || null;
-            return I !== null ? I : G(s.type) || "Memo";
-          case f: {
-            var F = s, B = F._payload, L = F._init;
+            var E = a;
+            return Z(E) + ".Consumer";
+          case i:
+            var I = a;
+            return Z(I._context) + ".Provider";
+          case l:
+            return X(a, a.render, "ForwardRef");
+          case f:
+            var L = a.displayName || null;
+            return L !== null ? L : S(a.type) || "Memo";
+          case h: {
+            var G = a, K = G._payload, B = G._init;
             try {
-              return G(L(B));
+              return S(B(K));
             } catch {
               return null;
             }
@@ -139,1228 +142,1271 @@ function nr() {
         }
       return null;
     }
-    var K = Object.assign, U = 0, z, Y, $, V, ne, Le, Pe;
-    function Ae() {
+    var x = Object.assign, y = 0, j, m, M, _, F, Q, J;
+    function ee() {
     }
-    Ae.__reactDisabledLog = !0;
-    function vt() {
+    ee.__reactDisabledLog = !0;
+    function ae() {
       {
-        if (U === 0) {
-          z = console.log, Y = console.info, $ = console.warn, V = console.error, ne = console.group, Le = console.groupCollapsed, Pe = console.groupEnd;
-          var s = {
+        if (y === 0) {
+          j = console.log, m = console.info, M = console.warn, _ = console.error, F = console.group, Q = console.groupCollapsed, J = console.groupEnd;
+          var a = {
             configurable: !0,
             enumerable: !0,
-            value: Ae,
+            value: ee,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: s,
-            log: s,
-            warn: s,
-            error: s,
-            group: s,
-            groupCollapsed: s,
-            groupEnd: s
+            info: a,
+            log: a,
+            warn: a,
+            error: a,
+            group: a,
+            groupCollapsed: a,
+            groupEnd: a
           });
         }
-        U++;
+        y++;
       }
     }
-    function Et() {
+    function ne() {
       {
-        if (U--, U === 0) {
-          var s = {
+        if (y--, y === 0) {
+          var a = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: K({}, s, {
-              value: z
+            log: x({}, a, {
+              value: j
             }),
-            info: K({}, s, {
-              value: Y
+            info: x({}, a, {
+              value: m
             }),
-            warn: K({}, s, {
-              value: $
+            warn: x({}, a, {
+              value: M
             }),
-            error: K({}, s, {
-              value: V
+            error: x({}, a, {
+              value: _
             }),
-            group: K({}, s, {
-              value: ne
+            group: x({}, a, {
+              value: F
             }),
-            groupCollapsed: K({}, s, {
-              value: Le
+            groupCollapsed: x({}, a, {
+              value: Q
             }),
-            groupEnd: K({}, s, {
-              value: Pe
+            groupEnd: x({}, a, {
+              value: J
             })
           });
         }
-        U < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        y < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ce = x.ReactCurrentDispatcher, Re;
-    function ve(s, g, y) {
+    var le = T.ReactCurrentDispatcher, he;
+    function ue(a, E, I) {
       {
-        if (Re === void 0)
+        if (he === void 0)
           try {
             throw Error();
-          } catch (F) {
-            var I = F.stack.trim().match(/\n( *(at )?)/);
-            Re = I && I[1] || "";
+          } catch (G) {
+            var L = G.stack.trim().match(/\n( *(at )?)/);
+            he = L && L[1] || "";
           }
         return `
-` + Re + s;
+` + he + a;
       }
     }
-    var Se = !1, Ee;
+    var re = !1, oe;
     {
-      var bt = typeof WeakMap == "function" ? WeakMap : Map;
-      Ee = new bt();
+      var xe = typeof WeakMap == "function" ? WeakMap : Map;
+      oe = new xe();
     }
-    function ze(s, g) {
-      if (!s || Se)
+    function De(a, E) {
+      if (!a || re)
         return "";
       {
-        var y = Ee.get(s);
-        if (y !== void 0)
-          return y;
+        var I = oe.get(a);
+        if (I !== void 0)
+          return I;
       }
-      var I;
-      Se = !0;
-      var F = Error.prepareStackTrace;
+      var L;
+      re = !0;
+      var G = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var B;
-      B = Ce.current, Ce.current = null, vt();
+      var K;
+      K = le.current, le.current = null, ae();
       try {
-        if (g) {
-          var L = function() {
+        if (E) {
+          var B = function() {
             throw Error();
           };
-          if (Object.defineProperty(L.prototype, "props", {
+          if (Object.defineProperty(B.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(L, []);
-            } catch (se) {
-              I = se;
+              Reflect.construct(B, []);
+            } catch (fe) {
+              L = fe;
             }
-            Reflect.construct(s, [], L);
+            Reflect.construct(a, [], B);
           } else {
             try {
-              L.call();
-            } catch (se) {
-              I = se;
+              B.call();
+            } catch (fe) {
+              L = fe;
             }
-            s.call(L.prototype);
+            a.call(B.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (se) {
-            I = se;
+          } catch (fe) {
+            L = fe;
           }
-          s();
+          a();
         }
-      } catch (se) {
-        if (se && I && typeof se.stack == "string") {
-          for (var H = se.stack.split(`
-`), Z = I.stack.split(`
-`), X = H.length - 1, J = Z.length - 1; X >= 1 && J >= 0 && H[X] !== Z[J]; )
-            J--;
-          for (; X >= 1 && J >= 0; X--, J--)
-            if (H[X] !== Z[J]) {
-              if (X !== 1 || J !== 1)
+      } catch (fe) {
+        if (fe && L && typeof fe.stack == "string") {
+          for (var q = fe.stack.split(`
+`), ie = L.stack.split(`
+`), te = q.length - 1, se = ie.length - 1; te >= 1 && se >= 0 && q[te] !== ie[se]; )
+            se--;
+          for (; te >= 1 && se >= 0; te--, se--)
+            if (q[te] !== ie[se]) {
+              if (te !== 1 || se !== 1)
                 do
-                  if (X--, J--, J < 0 || H[X] !== Z[J]) {
-                    var te = `
-` + H[X].replace(" at new ", " at ");
-                    return s.displayName && te.includes("<anonymous>") && (te = te.replace("<anonymous>", s.displayName)), typeof s == "function" && Ee.set(s, te), te;
+                  if (te--, se--, se < 0 || q[te] !== ie[se]) {
+                    var ce = `
+` + q[te].replace(" at new ", " at ");
+                    return a.displayName && ce.includes("<anonymous>") && (ce = ce.replace("<anonymous>", a.displayName)), typeof a == "function" && oe.set(a, ce), ce;
                   }
-                while (X >= 1 && J >= 0);
+                while (te >= 1 && se >= 0);
               break;
             }
         }
       } finally {
-        Se = !1, Ce.current = B, Et(), Error.prepareStackTrace = F;
+        re = !1, le.current = K, ne(), Error.prepareStackTrace = G;
       }
-      var ce = s ? s.displayName || s.name : "", Ze = ce ? ve(ce) : "";
-      return typeof s == "function" && Ee.set(s, Ze), Ze;
+      var Ee = a ? a.displayName || a.name : "", nt = Ee ? ue(Ee) : "";
+      return typeof a == "function" && oe.set(a, nt), nt;
     }
-    function yt(s, g, y) {
-      return ze(s, !1);
+    function jt(a, E, I) {
+      return De(a, !1);
     }
-    function xt(s) {
-      var g = s.prototype;
-      return !!(g && g.isReactComponent);
+    function It(a) {
+      var E = a.prototype;
+      return !!(E && E.isReactComponent);
     }
-    function be(s, g, y) {
-      if (s == null)
+    function je(a, E, I) {
+      if (a == null)
         return "";
-      if (typeof s == "function")
-        return ze(s, xt(s));
-      if (typeof s == "string")
-        return ve(s);
-      switch (s) {
+      if (typeof a == "function")
+        return De(a, It(a));
+      if (typeof a == "string")
+        return ue(a);
+      switch (a) {
+        case u:
+          return ue("Suspense");
         case c:
-          return ve("Suspense");
-        case h:
-          return ve("SuspenseList");
+          return ue("SuspenseList");
       }
-      if (typeof s == "object")
-        switch (s.$$typeof) {
-          case d:
-            return yt(s.render);
-          case p:
-            return be(s.type, g, y);
-          case f: {
-            var I = s, F = I._payload, B = I._init;
+      if (typeof a == "object")
+        switch (a.$$typeof) {
+          case l:
+            return jt(a.render);
+          case f:
+            return je(a.type, E, I);
+          case h: {
+            var L = a, G = L._payload, K = L._init;
             try {
-              return be(B(F), g, y);
+              return je(K(G), E, I);
             } catch {
             }
           }
         }
       return "";
     }
-    var ye = Object.prototype.hasOwnProperty, Fe = {}, Ye = x.ReactDebugCurrentFrame;
-    function xe(s) {
-      if (s) {
-        var g = s._owner, y = be(s.type, s._source, g ? g.type : null);
-        Ye.setExtraStackFrame(y);
+    var Ie = Object.prototype.hasOwnProperty, Ve = {}, Ue = T.ReactDebugCurrentFrame;
+    function Me(a) {
+      if (a) {
+        var E = a._owner, I = je(a.type, a._source, E ? E.type : null);
+        Ue.setExtraStackFrame(I);
       } else
-        Ye.setExtraStackFrame(null);
+        Ue.setExtraStackFrame(null);
     }
-    function Ct(s, g, y, I, F) {
+    function Mt(a, E, I, L, G) {
       {
-        var B = Function.call.bind(ye);
-        for (var L in s)
-          if (B(s, L)) {
-            var H = void 0;
+        var K = Function.call.bind(Ie);
+        for (var B in a)
+          if (K(a, B)) {
+            var q = void 0;
             try {
-              if (typeof s[L] != "function") {
-                var Z = Error((I || "React class") + ": " + y + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw Z.name = "Invariant Violation", Z;
+              if (typeof a[B] != "function") {
+                var ie = Error((L || "React class") + ": " + I + " type `" + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[B] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ie.name = "Invariant Violation", ie;
               }
-              H = s[L](g, L, I, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (X) {
-              H = X;
+              q = a[B](E, B, L, I, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (te) {
+              q = te;
             }
-            H && !(H instanceof Error) && (xe(F), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", I || "React class", y, L, typeof H), xe(null)), H instanceof Error && !(H.message in Fe) && (Fe[H.message] = !0, xe(F), v("Failed %s type: %s", y, H.message), xe(null));
+            q && !(q instanceof Error) && (Me(G), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", L || "React class", I, B, typeof q), Me(null)), q instanceof Error && !(q.message in Ve) && (Ve[q.message] = !0, Me(G), b("Failed %s type: %s", I, q.message), Me(null));
           }
       }
     }
-    var Rt = Array.isArray;
-    function we(s) {
-      return Rt(s);
+    var kt = Array.isArray;
+    function He(a) {
+      return kt(a);
     }
-    function St(s) {
+    function Wt(a) {
       {
-        var g = typeof Symbol == "function" && Symbol.toStringTag, y = g && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return y;
+        var E = typeof Symbol == "function" && Symbol.toStringTag, I = E && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return I;
       }
     }
-    function wt(s) {
+    function _t(a) {
       try {
-        return qe(s), !1;
+        return Xe(a), !1;
       } catch {
         return !0;
       }
     }
-    function qe(s) {
-      return "" + s;
+    function Xe(a) {
+      return "" + a;
     }
-    function $e(s) {
-      if (wt(s))
-        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", St(s)), qe(s);
+    function Ge(a) {
+      if (_t(a))
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wt(a)), Xe(a);
     }
-    var fe = x.ReactCurrentOwner, Dt = {
+    var Ce = T.ReactCurrentOwner, Ot = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Be, Ve, De;
-    De = {};
-    function Tt(s) {
-      if (ye.call(s, "ref")) {
-        var g = Object.getOwnPropertyDescriptor(s, "ref").get;
-        if (g && g.isReactWarning)
+    }, Qe, Je, $e;
+    $e = {};
+    function Ht(a) {
+      if (Ie.call(a, "ref")) {
+        var E = Object.getOwnPropertyDescriptor(a, "ref").get;
+        if (E && E.isReactWarning)
           return !1;
       }
-      return s.ref !== void 0;
+      return a.ref !== void 0;
     }
-    function Mt(s) {
-      if (ye.call(s, "key")) {
-        var g = Object.getOwnPropertyDescriptor(s, "key").get;
-        if (g && g.isReactWarning)
+    function $t(a) {
+      if (Ie.call(a, "key")) {
+        var E = Object.getOwnPropertyDescriptor(a, "key").get;
+        if (E && E.isReactWarning)
           return !1;
       }
-      return s.key !== void 0;
+      return a.key !== void 0;
     }
-    function It(s, g) {
-      if (typeof s.ref == "string" && fe.current && g && fe.current.stateNode !== g) {
-        var y = G(fe.current.type);
-        De[y] || (v('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', G(fe.current.type), s.ref), De[y] = !0);
+    function Pt(a, E) {
+      if (typeof a.ref == "string" && Ce.current && E && Ce.current.stateNode !== E) {
+        var I = S(Ce.current.type);
+        $e[I] || (b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', S(Ce.current.type), a.ref), $e[I] = !0);
       }
     }
-    function kt(s, g) {
+    function Lt(a, E) {
       {
-        var y = function() {
-          Be || (Be = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", g));
+        var I = function() {
+          Qe || (Qe = !0, b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", E));
         };
-        y.isReactWarning = !0, Object.defineProperty(s, "key", {
-          get: y,
+        I.isReactWarning = !0, Object.defineProperty(a, "key", {
+          get: I,
           configurable: !0
         });
       }
     }
-    function jt(s, g) {
+    function Nt(a, E) {
       {
-        var y = function() {
-          Ve || (Ve = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", g));
+        var I = function() {
+          Je || (Je = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", E));
         };
-        y.isReactWarning = !0, Object.defineProperty(s, "ref", {
-          get: y,
+        I.isReactWarning = !0, Object.defineProperty(a, "ref", {
+          get: I,
           configurable: !0
         });
       }
     }
-    var Wt = function(s, g, y, I, F, B, L) {
-      var H = {
+    var At = function(a, E, I, L, G, K, B) {
+      var q = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
-        type: s,
-        key: g,
-        ref: y,
-        props: L,
+        type: a,
+        key: E,
+        ref: I,
+        props: B,
         // Record the component responsible for creating this element.
-        _owner: B
+        _owner: K
       };
-      return H._store = {}, Object.defineProperty(H._store, "validated", {
+      return q._store = {}, Object.defineProperty(q._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(H, "_self", {
+      }), Object.defineProperty(q, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: I
-      }), Object.defineProperty(H, "_source", {
+        value: L
+      }), Object.defineProperty(q, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: F
-      }), Object.freeze && (Object.freeze(H.props), Object.freeze(H)), H;
+        value: G
+      }), Object.freeze && (Object.freeze(q.props), Object.freeze(q)), q;
     };
-    function _t(s, g, y, I, F) {
+    function Yt(a, E, I, L, G) {
       {
-        var B, L = {}, H = null, Z = null;
-        y !== void 0 && ($e(y), H = "" + y), Mt(g) && ($e(g.key), H = "" + g.key), Tt(g) && (Z = g.ref, It(g, F));
-        for (B in g)
-          ye.call(g, B) && !Dt.hasOwnProperty(B) && (L[B] = g[B]);
-        if (s && s.defaultProps) {
-          var X = s.defaultProps;
-          for (B in X)
-            L[B] === void 0 && (L[B] = X[B]);
+        var K, B = {}, q = null, ie = null;
+        I !== void 0 && (Ge(I), q = "" + I), $t(E) && (Ge(E.key), q = "" + E.key), Ht(E) && (ie = E.ref, Pt(E, G));
+        for (K in E)
+          Ie.call(E, K) && !Ot.hasOwnProperty(K) && (B[K] = E[K]);
+        if (a && a.defaultProps) {
+          var te = a.defaultProps;
+          for (K in te)
+            B[K] === void 0 && (B[K] = te[K]);
         }
-        if (H || Z) {
-          var J = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          H && kt(L, J), Z && jt(L, J);
+        if (q || ie) {
+          var se = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
+          q && Lt(B, se), ie && Nt(B, se);
         }
-        return Wt(s, H, Z, F, I, fe.current, L);
+        return At(a, q, ie, G, L, Ce.current, B);
       }
     }
-    var Te = x.ReactCurrentOwner, Ge = x.ReactDebugCurrentFrame;
-    function de(s) {
-      if (s) {
-        var g = s._owner, y = be(s.type, s._source, g ? g.type : null);
-        Ge.setExtraStackFrame(y);
+    var Pe = T.ReactCurrentOwner, Ze = T.ReactDebugCurrentFrame;
+    function ye(a) {
+      if (a) {
+        var E = a._owner, I = je(a.type, a._source, E ? E.type : null);
+        Ze.setExtraStackFrame(I);
       } else
-        Ge.setExtraStackFrame(null);
+        Ze.setExtraStackFrame(null);
     }
-    var Me;
-    Me = !1;
-    function Ie(s) {
-      return typeof s == "object" && s !== null && s.$$typeof === t;
+    var Le;
+    Le = !1;
+    function Ne(a) {
+      return typeof a == "object" && a !== null && a.$$typeof === t;
     }
-    function Ue() {
+    function Ke() {
       {
-        if (Te.current) {
-          var s = G(Te.current.type);
-          if (s)
+        if (Pe.current) {
+          var a = S(Pe.current.type);
+          if (a)
             return `
 
-Check the render method of \`` + s + "`.";
+Check the render method of \`` + a + "`.";
         }
         return "";
       }
     }
-    function Ht(s) {
+    function zt(a) {
       {
-        if (s !== void 0) {
-          var g = s.fileName.replace(/^.*[\\\/]/, ""), y = s.lineNumber;
+        if (a !== void 0) {
+          var E = a.fileName.replace(/^.*[\\\/]/, ""), I = a.lineNumber;
           return `
 
-Check your code at ` + g + ":" + y + ".";
+Check your code at ` + E + ":" + I + ".";
         }
         return "";
       }
     }
-    var Xe = {};
-    function Ot(s) {
+    var et = {};
+    function Ft(a) {
       {
-        var g = Ue();
-        if (!g) {
-          var y = typeof s == "string" ? s : s.displayName || s.name;
-          y && (g = `
+        var E = Ke();
+        if (!E) {
+          var I = typeof a == "string" ? a : a.displayName || a.name;
+          I && (E = `
 
-Check the top-level render call using <` + y + ">.");
+Check the top-level render call using <` + I + ">.");
         }
-        return g;
+        return E;
       }
     }
-    function Qe(s, g) {
+    function tt(a, E) {
       {
-        if (!s._store || s._store.validated || s.key != null)
+        if (!a._store || a._store.validated || a.key != null)
           return;
-        s._store.validated = !0;
-        var y = Ot(g);
-        if (Xe[y])
+        a._store.validated = !0;
+        var I = Ft(E);
+        if (et[I])
           return;
-        Xe[y] = !0;
-        var I = "";
-        s && s._owner && s._owner !== Te.current && (I = " It was passed a child from " + G(s._owner.type) + "."), de(s), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, I), de(null);
+        et[I] = !0;
+        var L = "";
+        a && a._owner && a._owner !== Pe.current && (L = " It was passed a child from " + S(a._owner.type) + "."), ye(a), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', I, L), ye(null);
       }
     }
-    function Je(s, g) {
+    function st(a, E) {
       {
-        if (typeof s != "object")
+        if (typeof a != "object")
           return;
-        if (we(s))
-          for (var y = 0; y < s.length; y++) {
-            var I = s[y];
-            Ie(I) && Qe(I, g);
+        if (He(a))
+          for (var I = 0; I < a.length; I++) {
+            var L = a[I];
+            Ne(L) && tt(L, E);
           }
-        else if (Ie(s))
-          s._store && (s._store.validated = !0);
-        else if (s) {
-          var F = C(s);
-          if (typeof F == "function" && F !== s.entries)
-            for (var B = F.call(s), L; !(L = B.next()).done; )
-              Ie(L.value) && Qe(L.value, g);
+        else if (Ne(a))
+          a._store && (a._store.validated = !0);
+        else if (a) {
+          var G = w(a);
+          if (typeof G == "function" && G !== a.entries)
+            for (var K = G.call(a), B; !(B = K.next()).done; )
+              Ne(B.value) && tt(B.value, E);
         }
       }
     }
-    function Nt(s) {
+    function qt(a) {
       {
-        var g = s.type;
-        if (g == null || typeof g == "string")
+        var E = a.type;
+        if (E == null || typeof E == "string")
           return;
-        var y;
-        if (typeof g == "function")
-          y = g.propTypes;
-        else if (typeof g == "object" && (g.$$typeof === d || // Note: Memo only checks outer props here.
+        var I;
+        if (typeof E == "function")
+          I = E.propTypes;
+        else if (typeof E == "object" && (E.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        g.$$typeof === p))
-          y = g.propTypes;
+        E.$$typeof === f))
+          I = E.propTypes;
         else
           return;
-        if (y) {
-          var I = G(g);
-          Ct(y, s.props, "prop", I, s);
-        } else if (g.PropTypes !== void 0 && !Me) {
-          Me = !0;
-          var F = G(g);
-          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", F || "Unknown");
+        if (I) {
+          var L = S(E);
+          Mt(I, a.props, "prop", L, a);
+        } else if (E.PropTypes !== void 0 && !Le) {
+          Le = !0;
+          var G = S(E);
+          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", G || "Unknown");
         }
-        typeof g.getDefaultProps == "function" && !g.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof E.getDefaultProps == "function" && !E.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Lt(s) {
+    function Bt(a) {
       {
-        for (var g = Object.keys(s.props), y = 0; y < g.length; y++) {
-          var I = g[y];
-          if (I !== "children" && I !== "key") {
-            de(s), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", I), de(null);
+        for (var E = Object.keys(a.props), I = 0; I < E.length; I++) {
+          var L = E[I];
+          if (L !== "children" && L !== "key") {
+            ye(a), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", L), ye(null);
             break;
           }
         }
-        s.ref !== null && (de(s), v("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
+        a.ref !== null && (ye(a), b("Invalid attribute `ref` supplied to `React.Fragment`."), ye(null));
       }
     }
-    function Ke(s, g, y, I, F, B) {
+    function rt(a, E, I, L, G, K) {
       {
-        var L = _(s);
-        if (!L) {
-          var H = "";
-          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (H += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var Z = Ht(F);
-          Z ? H += Z : H += Ue();
-          var X;
-          s === null ? X = "null" : we(s) ? X = "array" : s !== void 0 && s.$$typeof === t ? (X = "<" + (G(s.type) || "Unknown") + " />", H = " Did you accidentally export a JSX literal instead of a component?") : X = typeof s, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", X, H);
+        var B = C(a);
+        if (!B) {
+          var q = "";
+          (a === void 0 || typeof a == "object" && a !== null && Object.keys(a).length === 0) && (q += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var ie = zt(G);
+          ie ? q += ie : q += Ke();
+          var te;
+          a === null ? te = "null" : He(a) ? te = "array" : a !== void 0 && a.$$typeof === t ? (te = "<" + (S(a.type) || "Unknown") + " />", q = " Did you accidentally export a JSX literal instead of a component?") : te = typeof a, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", te, q);
         }
-        var J = _t(s, g, y, F, B);
-        if (J == null)
-          return J;
-        if (L) {
-          var te = g.children;
-          if (te !== void 0)
-            if (I)
-              if (we(te)) {
-                for (var ce = 0; ce < te.length; ce++)
-                  Je(te[ce], s);
-                Object.freeze && Object.freeze(te);
+        var se = Yt(a, E, I, G, K);
+        if (se == null)
+          return se;
+        if (B) {
+          var ce = E.children;
+          if (ce !== void 0)
+            if (L)
+              if (He(ce)) {
+                for (var Ee = 0; Ee < ce.length; Ee++)
+                  st(ce[Ee], a);
+                Object.freeze && Object.freeze(ce);
               } else
-                v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                b("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
-              Je(te, s);
+              st(ce, a);
         }
-        return s === r ? Lt(J) : Nt(J), J;
+        return a === s ? Bt(se) : qt(se), se;
       }
     }
-    function Pt(s, g, y) {
-      return Ke(s, g, y, !0);
+    function Vt(a, E, I) {
+      return rt(a, E, I, !0);
     }
-    function At(s, g, y) {
-      return Ke(s, g, y, !1);
+    function Ut(a, E, I) {
+      return rt(a, E, I, !1);
     }
-    var zt = At, Ft = Pt;
-    ge.Fragment = r, ge.jsx = zt, ge.jsxs = Ft;
-  }()), ge;
+    var Xt = Ut, Gt = Vt;
+    Re.Fragment = s, Re.jsx = Xt, Re.jsxs = Gt;
+  }()), Re;
 }
-process.env.NODE_ENV === "production" ? We.exports = rr() : We.exports = nr();
-var l = We.exports;
-function Oe({
-  schedulerData: b,
+process.env.NODE_ENV === "production" ? Ye.exports = cs() : Ye.exports = ds();
+var d = Ye.exports;
+const qe = ({
+  schedulerData: R,
   eventItem: t,
   title: e,
-  startTime: r,
-  endTime: n,
-  statusColor: i,
-  subtitleGetter: o,
-  viewEventClick: a,
-  viewEventText: d,
-  viewEvent2Click: c,
-  viewEvent2Text: h,
-  eventItemPopoverTemplateResolver: p
-}) {
-  const { localeMoment: f, config: m } = b, E = f(r), R = f(n);
-  if (p != null)
-    return p(b, t, e, E, R, i);
-  let C = /* @__PURE__ */ l.jsx("div", {});
-  if (o !== void 0) {
-    let D = o(b, t);
-    D != null && (C = /* @__PURE__ */ l.jsxs(ue, { align: "middle", children: [
-      /* @__PURE__ */ l.jsx(ee, { span: 2, children: /* @__PURE__ */ l.jsx("div", {}) }),
-      /* @__PURE__ */ l.jsx(ee, { span: 22, className: "overflow-text", children: /* @__PURE__ */ l.jsx("span", { className: "header2-text", title: D, children: D }) })
-    ] }));
-  }
-  let x = /* @__PURE__ */ l.jsx("div", {});
-  if (d !== void 0 && a !== void 0 && (t.clickable1 == null || t.clickable1)) {
-    let D = /* @__PURE__ */ l.jsx(ee, { span: 22, children: /* @__PURE__ */ l.jsx("span", { className: "header2-text", style: { color: "#108EE9", cursor: "pointer" }, onClick: () => a(b, t), children: d }) });
-    h !== void 0 && c !== void 0 && (t.clickable2 == null || t.clickable2) && (D = /* @__PURE__ */ l.jsxs(ee, { span: 22, children: [
-      /* @__PURE__ */ l.jsx("span", { className: "header2-text", style: { color: "#108EE9", cursor: "pointer" }, onClick: () => a(b, t), children: d }),
-      /* @__PURE__ */ l.jsx("span", { className: "header2-text", style: { color: "#108EE9", cursor: "pointer", marginLeft: "16px" }, onClick: () => c(b, t), children: h })
-    ] })), x = /* @__PURE__ */ l.jsxs(ue, { align: "middle", children: [
-      /* @__PURE__ */ l.jsx(ee, { span: 2, children: /* @__PURE__ */ l.jsx("div", {}) }),
-      D
-    ] });
-  } else if (h !== void 0 && c !== void 0 && (t.clickable2 == null || t.clickable2)) {
-    let D = /* @__PURE__ */ l.jsx(ee, { span: 22, children: /* @__PURE__ */ l.jsx("span", { className: "header2-text", style: { color: "#108EE9", cursor: "pointer" }, onClick: () => c(b, t), children: h }) });
-    x = /* @__PURE__ */ l.jsxs(ue, { align: "middle", children: [
-      /* @__PURE__ */ l.jsx(ee, { span: 2, children: /* @__PURE__ */ l.jsx("div", {}) }),
-      D
-    ] });
-  }
-  const v = m.eventItemPopoverDateFormat, k = m.eventItemPopoverShowColor ? /* @__PURE__ */ l.jsx(ee, { span: 2, children: /* @__PURE__ */ l.jsx("div", { className: "status-dot", style: { backgroundColor: i } }) }) : /* @__PURE__ */ l.jsx(l.Fragment, {}), T = /* @__PURE__ */ l.jsxs(ee, { span: 22, children: [
-    /* @__PURE__ */ l.jsx("span", { className: "header1-text", children: E.format("HH:mm") }),
-    v && /* @__PURE__ */ l.jsx("span", { className: "help-text", style: { marginLeft: "8px" }, children: E.format(v) }),
-    /* @__PURE__ */ l.jsx("span", { className: "header2-text", style: { marginLeft: "8px" }, children: "-" }),
-    /* @__PURE__ */ l.jsx("span", { className: "header1-text", style: { marginLeft: "8px" }, children: R.format("HH:mm") }),
-    v && /* @__PURE__ */ l.jsx("span", { className: "help-text", style: { marginLeft: "8px" }, children: R.format(v) })
-  ] });
-  return /* @__PURE__ */ l.jsxs("div", { style: { width: "300px" }, children: [
-    /* @__PURE__ */ l.jsxs(ue, { align: "middle", children: [
-      k,
-      /* @__PURE__ */ l.jsx(ee, { span: 22, className: "overflow-text", children: /* @__PURE__ */ l.jsx("span", { className: "header2-text", title: e, children: e }) })
+  startTime: s,
+  endTime: r,
+  statusColor: n,
+  subtitleGetter: i,
+  viewEventClick: o,
+  viewEventText: l,
+  viewEvent2Click: u,
+  viewEvent2Text: c,
+  eventItemPopoverTemplateResolver: f
+}) => {
+  const { localeDayjs: h, config: v } = R, D = h(new Date(s)), g = h(new Date(r));
+  if (f)
+    return f(R, t, e, D, g, n);
+  const w = i ? i(R, t) : null, T = l && o && (t.clickable1 === void 0 || t.clickable1), b = c && u && (t.clickable2 === void 0 || t.clickable2), k = () => /* @__PURE__ */ d.jsx("span", { className: "header2-text", style: { color: "#108EE9", cursor: "pointer" }, onClick: () => o(R, t), children: l }), A = () => /* @__PURE__ */ d.jsx("span", { className: "header2-text", style: { color: "#108EE9", cursor: "pointer", marginLeft: "16px" }, onClick: () => u(R, t), children: c });
+  return /* @__PURE__ */ d.jsxs("div", { style: { width: v.eventItemPopoverWidth }, children: [
+    /* @__PURE__ */ d.jsxs(we, { type: "flex", align: "middle", children: [
+      v.eventItemPopoverShowColor && /* @__PURE__ */ d.jsx(de, { span: 2, children: /* @__PURE__ */ d.jsx("div", { className: "status-dot", style: { backgroundColor: n } }) }),
+      /* @__PURE__ */ d.jsx(de, { span: 22, className: "overflow-text", children: /* @__PURE__ */ d.jsx("span", { className: "header2-text", title: e, children: `${e}` }) })
     ] }),
-    C,
-    /* @__PURE__ */ l.jsxs(ue, { align: "middle", children: [
-      /* @__PURE__ */ l.jsx(ee, { span: 2, children: /* @__PURE__ */ l.jsx("div", {}) }),
-      T
+    w && /* @__PURE__ */ d.jsxs(we, { type: "flex", align: "middle", children: [
+      /* @__PURE__ */ d.jsx(de, { span: 2, children: /* @__PURE__ */ d.jsx("div", {}) }),
+      /* @__PURE__ */ d.jsx(de, { span: 22, className: "overflow-text", children: /* @__PURE__ */ d.jsx("span", { className: "header2-text", title: w, children: w }) })
     ] }),
-    x
+    /* @__PURE__ */ d.jsxs(we, { type: "flex", align: "middle", children: [
+      /* @__PURE__ */ d.jsx(de, { span: 2, children: /* @__PURE__ */ d.jsx("div", {}) }),
+      /* @__PURE__ */ d.jsxs(de, { span: 22, children: [
+        /* @__PURE__ */ d.jsx("span", { className: "header1-text", children: D.format("HH:mm") }),
+        v.eventItemPopoverDateFormat && /* @__PURE__ */ d.jsx("span", { className: "help-text", style: { marginLeft: "8px" }, children: D.format(v.eventItemPopoverDateFormat) }),
+        /* @__PURE__ */ d.jsx("span", { className: "header2-text", style: { marginLeft: "8px" }, children: "-" }),
+        /* @__PURE__ */ d.jsx("span", { className: "header1-text", style: { marginLeft: "8px" }, children: g.format("HH:mm") }),
+        v.eventItemPopoverDateFormat && /* @__PURE__ */ d.jsx("span", { className: "help-text", style: { marginLeft: "8px" }, children: g.format(v.eventItemPopoverDateFormat) })
+      ] })
+    ] }),
+    (T || b) && /* @__PURE__ */ d.jsxs(we, { type: "flex", align: "middle", children: [
+      /* @__PURE__ */ d.jsx(de, { span: 2, children: /* @__PURE__ */ d.jsx("div", {}) }),
+      /* @__PURE__ */ d.jsxs(de, { span: 22, children: [
+        T && k(),
+        b && A()
+      ] })
+    ] })
   ] });
-}
-Oe.propTypes = {
-  schedulerData: u.object.isRequired,
-  eventItem: u.object.isRequired,
-  title: u.string.isRequired,
-  startTime: u.string.isRequired,
-  endTime: u.string.isRequired,
-  statusColor: u.string.isRequired,
-  subtitleGetter: u.func,
-  viewEventClick: u.func,
-  viewEventText: u.string,
-  viewEvent2Click: u.func,
-  viewEvent2Text: u.string,
-  eventItemPopoverTemplateResolver: u.func
 };
-const W = "YYYY-MM-DD", P = "YYYY-MM-DD HH:mm:ss", w = { Day: 0, Week: 1, Month: 2, Quarter: 3, Year: 4, Custom: 5, Custom1: 6, Custom2: 7 }, O = { Day: 0, Hour: 1, Week: 2, Month: 3, Year: 4 }, ae = { Top: 0, TopRight: 1, TopLeft: 2, Bottom: 3, BottomRight: 4, BottomLeft: 5 }, ie = { EVENT: "event" }, re = "ontouchstart" in window;
-class Ne extends _e {
+qe.propTypes = {
+  schedulerData: p.object.isRequired,
+  eventItem: p.object.isRequired,
+  title: p.string.isRequired,
+  startTime: p.string.isRequired,
+  endTime: p.string.isRequired,
+  statusColor: p.string.isRequired,
+  subtitleGetter: p.func,
+  viewEventClick: p.func,
+  viewEventText: p.string,
+  viewEvent2Click: p.func,
+  viewEvent2Text: p.string,
+  eventItemPopoverTemplateResolver: p.func
+};
+const ge = "YYYY-MM-DD", V = "YYYY-MM-DD HH:mm:ss", O = { Day: 0, Week: 1, Month: 2, Quarter: 3, Year: 4, Custom: 5, Custom1: 6, Custom2: 7 }, U = { Day: 0, Hour: 1, Week: 2, Month: 3, Year: 4 }, me = { Top: 0, TopRight: 1, TopLeft: 2, Bottom: 3, BottomRight: 4, BottomLeft: 5 }, pe = { EVENT: "event" };
+class Be extends We {
   constructor(e) {
     super(e);
-    M(this, "initStartDrag", (e) => {
-      const { schedulerData: r, eventItem: n } = this.props;
-      let i = r._getEventSlotId(n), o = r.getSlotById(i);
-      if (o && o.groupOnly || r._isResizing())
+    P(this, "initStartDrag", (e) => {
+      const { schedulerData: s, eventItem: r } = this.props;
+      let n = s._getEventSlotId(r), i = s.getSlotById(n);
+      if (i && i.groupOnly || s._isResizing())
         return;
       e.stopPropagation();
-      let a = 0;
-      if (re) {
+      let o = 0;
+      if (this.supportTouch) {
         if (e.changedTouches.length == 0)
           return;
-        a = e.changedTouches[0].pageX;
+        o = e.changedTouches[0].pageX;
       } else {
         if (e.buttons !== void 0 && e.buttons !== 1)
           return;
-        a = e.clientX;
+        o = e.clientX;
       }
       this.setState({
-        startX: a
-      }), r._startResizing(), re ? (this.startResizer.addEventListener("touchmove", this.doStartDrag, !1), this.startResizer.addEventListener("touchend", this.stopStartDrag, !1), this.startResizer.addEventListener("touchcancel", this.cancelStartDrag, !1)) : (document.documentElement.addEventListener("mousemove", this.doStartDrag, !1), document.documentElement.addEventListener("mouseup", this.stopStartDrag, !1)), document.onselectstart = function() {
+        startX: o
+      }), s._startResizing(), this.supportTouch ? (this.startResizer.addEventListener("touchmove", this.doStartDrag, !1), this.startResizer.addEventListener("touchend", this.stopStartDrag, !1), this.startResizer.addEventListener("touchcancel", this.cancelStartDrag, !1)) : (document.documentElement.addEventListener("mousemove", this.doStartDrag, !1), document.documentElement.addEventListener("mouseup", this.stopStartDrag, !1)), document.onselectstart = function() {
         return !1;
       }, document.ondragstart = function() {
         return !1;
       };
     });
-    M(this, "doStartDrag", (e) => {
+    P(this, "doStartDrag", (e) => {
       e.stopPropagation();
-      let r = 0;
-      if (re) {
+      let s = 0;
+      if (this.supportTouch) {
         if (e.changedTouches.length == 0)
           return;
-        r = e.changedTouches[0].pageX;
+        s = e.changedTouches[0].pageX;
       } else
-        r = e.clientX;
-      const { left: n, width: i, leftIndex: o, rightIndex: a, schedulerData: d } = this.props;
-      let c = d.getContentCellWidth(), h = o > 0 ? 5 : 6, p = c - h, f = a * c - h;
-      const { startX: m } = this.state;
-      let E = n + r - m, R = i + m - r;
-      R < p ? (R = p, E = (a - 1) * c + (a - 1 > 0 ? 2 : 3)) : R > f && (R = f, E = 3), this.setState({ left: E, width: R });
+        s = e.clientX;
+      const { left: r, width: n, leftIndex: i, rightIndex: o, schedulerData: l } = this.props;
+      let u = l.getContentCellWidth(), c = i > 0 ? 5 : 6, f = u - c, h = o * u - c;
+      const { startX: v } = this.state;
+      let D = r + s - v, g = n + v - s;
+      g < f ? (g = f, D = (o - 1) * u + (o - 1 > 0 ? 2 : 3)) : g > h && (g = h, D = 3), this.setState({ left: D, width: g });
     });
-    M(this, "stopStartDrag", (e) => {
-      e.stopPropagation(), re ? (this.startResizer.removeEventListener("touchmove", this.doStartDrag, !1), this.startResizer.removeEventListener("touchend", this.stopStartDrag, !1), this.startResizer.removeEventListener("touchcancel", this.cancelStartDrag, !1)) : (document.documentElement.removeEventListener("mousemove", this.doStartDrag, !1), document.documentElement.removeEventListener("mouseup", this.stopStartDrag, !1)), document.onselectstart = null, document.ondragstart = null;
-      const { width: r, left: n, top: i, leftIndex: o, rightIndex: a, schedulerData: d, eventItem: c, updateEventStart: h, conflictOccurred: p } = this.props;
-      if (d._stopResizing(), this.state.width === r)
+    P(this, "stopStartDrag", (e) => {
+      e.stopPropagation(), this.supportTouch ? (this.startResizer.removeEventListener("touchmove", this.doStartDrag, !1), this.startResizer.removeEventListener("touchend", this.stopStartDrag, !1), this.startResizer.removeEventListener("touchcancel", this.cancelStartDrag, !1)) : (document.documentElement.removeEventListener("mousemove", this.doStartDrag, !1), document.documentElement.removeEventListener("mouseup", this.stopStartDrag, !1)), document.onselectstart = null, document.ondragstart = null;
+      const { width: s, left: r, top: n, leftIndex: i, rightIndex: o, schedulerData: l, eventItem: u, updateEventStart: c, conflictOccurred: f } = this.props;
+      if (l._stopResizing(), this.state.width === s)
         return;
-      let f = 0;
-      if (re) {
+      let h = 0;
+      if (this.supportTouch) {
         if (e.changedTouches.length == 0) {
           this.setState({
-            left: n,
-            top: i,
-            width: r
+            left: r,
+            top: n,
+            width: s
           });
           return;
         }
-        f = e.changedTouches[0].pageX;
+        h = e.changedTouches[0].pageX;
       } else
-        f = e.clientX;
-      const { cellUnit: m, events: E, config: R, localeMoment: C } = d;
-      let x = d.getContentCellWidth(), v = o > 0 ? 5 : 6, k = x - v, T = a * x - v;
-      const { startX: D } = this.state;
-      let j = r + D - f, N = f - D, A = N < 0 ? -1 : N === 0 ? 0 : 1, S = (A > 0 ? Math.floor(Math.abs(N) / x) : Math.ceil(Math.abs(N) / x)) * A;
-      j < k ? S = a - o - 1 : j > T && (S = -o);
-      let _ = C(c.start).add(m === O.Hour ? S * R.minuteStep : S, m === O.Hour ? "minutes" : "days").format(P);
-      if (S !== 0 && m !== O.Hour && R.displayWeekend === !1)
-        if (S > 0) {
-          let U = 0, z = 0;
+        h = e.clientX;
+      const { cellUnit: v, events: D, config: g, localeDayjs: w } = l;
+      let T = l.getContentCellWidth(), b = i > 0 ? 5 : 6, k = T - b, A = o * T - b;
+      const { startX: $ } = this.state;
+      let H = s + $ - h, N = h - $, z = N < 0 ? -1 : N === 0 ? 0 : 1, W = (z > 0 ? Math.floor(Math.abs(N) / T) : Math.ceil(Math.abs(N) / T)) * z;
+      H < k ? W = o - i - 1 : H > A && (W = -i);
+      let C = w(new Date(u.start)).add(v === U.Hour ? W * g.minuteStep : W, v === U.Hour ? "minutes" : "days").format(V);
+      if (W !== 0 && v !== U.Hour && g.displayWeekend === !1)
+        if (W > 0) {
+          let y = 0, j = 0;
           for (; ; ) {
-            z++;
-            let Y = C(c.start).add(z, "days"), $ = Y.weekday();
-            if ($ !== 0 && $ !== 6 && (U++, U === S)) {
-              _ = Y.format(P);
+            j++;
+            let m = w(new Date(u.start)).add(j, "days"), M = m.weekday();
+            if (M !== 0 && M !== 6 && (y++, y === W)) {
+              C = m.format(V);
               break;
             }
           }
         } else {
-          let U = 0, z = 0;
+          let y = 0, j = 0;
           for (; ; ) {
-            z--;
-            let Y = C(c.start).add(z, "days"), $ = Y.weekday();
-            if ($ !== 0 && $ !== 6 && (U--, U === S)) {
-              _ = Y.format(P);
+            j--;
+            let m = w(new Date(u.start)).add(j, "days"), M = m.weekday();
+            if (M !== 0 && M !== 6 && (y--, y === W)) {
+              C = m.format(V);
               break;
             }
           }
         }
-      let q = !1, Q = d._getEventSlotId(c), G, K = d.getSlotById(Q);
-      if (K && (G = K.name), R.checkConflict) {
-        let U = C(_), z = C(c.end);
-        E.forEach((Y) => {
-          if (d._getEventSlotId(Y) === Q && Y.id !== c.id) {
-            let $ = C(Y.start), V = C(Y.end);
-            (U >= $ && U < V || z > $ && z <= V || $ >= U && $ < z || V > U && V <= z) && (q = !0);
+      let X = !1, Z = l._getEventSlotId(u), S, x = l.getSlotById(Z);
+      if (x && (S = x.name), g.checkConflict) {
+        let y = w(new Date(C)), j = w(new Date(u.end));
+        D.forEach((m) => {
+          if (l._getEventSlotId(m) === Z && m.id !== u.id) {
+            let M = w(new Date(m.start)), _ = w(new Date(m.end));
+            (y >= M && y < _ || j > M && j <= _ || M >= y && M < j || _ > y && _ <= j) && (X = !0);
           }
         });
       }
-      q ? (this.setState({
-        left: n,
-        top: i,
-        width: r
-      }), p != null ? p(d, "StartResize", c, ie.EVENT, Q, G, _, c.end) : console.log("Conflict occurred, set conflictOccurred func in Scheduler to handle it"), this.subscribeResizeEvent(this.props)) : h != null && h(d, c, _);
+      X ? (this.setState({
+        left: r,
+        top: n,
+        width: s
+      }), f != null ? f(l, "StartResize", u, pe.EVENT, Z, S, C, u.end) : console.log("Conflict occurred, set conflictOccurred func in Scheduler to handle it"), this.subscribeResizeEvent(this.props)) : c != null && c(l, u, C);
     });
-    M(this, "cancelStartDrag", (e) => {
+    P(this, "cancelStartDrag", (e) => {
       e.stopPropagation(), this.startResizer.removeEventListener("touchmove", this.doStartDrag, !1), this.startResizer.removeEventListener("touchend", this.stopStartDrag, !1), this.startResizer.removeEventListener("touchcancel", this.cancelStartDrag, !1), document.onselectstart = null, document.ondragstart = null;
-      const { schedulerData: r, left: n, top: i, width: o } = this.props;
-      r._stopResizing(), this.setState({
-        left: n,
-        top: i,
-        width: o
+      const { schedulerData: s, left: r, top: n, width: i } = this.props;
+      s._stopResizing(), this.setState({
+        left: r,
+        top: n,
+        width: i
       });
     });
-    M(this, "initEndDrag", (e) => {
-      const { schedulerData: r, eventItem: n } = this.props;
-      let i = r._getEventSlotId(n), o = r.getSlotById(i);
-      if (o && o.groupOnly || r._isResizing())
+    P(this, "initEndDrag", (e) => {
+      const { schedulerData: s, eventItem: r } = this.props;
+      let n = s._getEventSlotId(r), i = s.getSlotById(n);
+      if (i && i.groupOnly || s._isResizing())
         return;
       e.stopPropagation();
-      let a = 0;
-      if (re) {
+      let o = 0;
+      if (this.supportTouch) {
         if (e.changedTouches.length == 0)
           return;
-        a = e.changedTouches[0].pageX;
+        o = e.changedTouches[0].pageX;
       } else {
         if (e.buttons !== void 0 && e.buttons !== 1)
           return;
-        a = e.clientX;
+        o = e.clientX;
       }
       this.setState({
-        endX: a
-      }), r._startResizing(), re ? (this.endResizer.addEventListener("touchmove", this.doEndDrag, !1), this.endResizer.addEventListener("touchend", this.stopEndDrag, !1), this.endResizer.addEventListener("touchcancel", this.cancelEndDrag, !1)) : (document.documentElement.addEventListener("mousemove", this.doEndDrag, !1), document.documentElement.addEventListener("mouseup", this.stopEndDrag, !1)), document.onselectstart = function() {
+        endX: o
+      }), s._startResizing(), this.supportTouch ? (this.endResizer.addEventListener("touchmove", this.doEndDrag, !1), this.endResizer.addEventListener("touchend", this.stopEndDrag, !1), this.endResizer.addEventListener("touchcancel", this.cancelEndDrag, !1)) : (document.documentElement.addEventListener("mousemove", this.doEndDrag, !1), document.documentElement.addEventListener("mouseup", this.stopEndDrag, !1)), document.onselectstart = function() {
         return !1;
       }, document.ondragstart = function() {
         return !1;
       };
     });
-    M(this, "doEndDrag", (e) => {
+    P(this, "doEndDrag", (e) => {
       e.stopPropagation();
-      let r = 0;
-      if (re) {
+      let s = 0;
+      if (this.supportTouch) {
         if (e.changedTouches.length == 0)
           return;
-        r = e.changedTouches[0].pageX;
+        s = e.changedTouches[0].pageX;
       } else
-        r = e.clientX;
-      const { width: n, leftIndex: i, schedulerData: o } = this.props, { headers: a } = o;
-      let d = o.getContentCellWidth(), c = i > 0 ? 5 : 6, h = d - c, p = (a.length - i) * d - c;
-      const { endX: f } = this.state;
-      let m = n + r - f;
-      m < h ? m = h : m > p && (m = p), this.setState({ width: m });
+        s = e.clientX;
+      const { width: r, leftIndex: n, schedulerData: i } = this.props, { headers: o } = i;
+      let l = i.getContentCellWidth(), u = n > 0 ? 5 : 6, c = l - u, f = (o.length - n) * l - u;
+      const { endX: h } = this.state;
+      let v = r + s - h;
+      v < c ? v = c : v > f && (v = f), this.setState({ width: v });
     });
-    M(this, "stopEndDrag", (e) => {
-      e.stopPropagation(), re ? (this.endResizer.removeEventListener("touchmove", this.doEndDrag, !1), this.endResizer.removeEventListener("touchend", this.stopEndDrag, !1), this.endResizer.removeEventListener("touchcancel", this.cancelEndDrag, !1)) : (document.documentElement.removeEventListener("mousemove", this.doEndDrag, !1), document.documentElement.removeEventListener("mouseup", this.stopEndDrag, !1)), document.onselectstart = null, document.ondragstart = null;
-      const { width: r, left: n, top: i, leftIndex: o, rightIndex: a, schedulerData: d, eventItem: c, updateEventEnd: h, conflictOccurred: p } = this.props;
-      if (d._stopResizing(), this.state.width === r)
+    P(this, "stopEndDrag", (e) => {
+      e.stopPropagation(), this.supportTouch ? (this.endResizer.removeEventListener("touchmove", this.doEndDrag, !1), this.endResizer.removeEventListener("touchend", this.stopEndDrag, !1), this.endResizer.removeEventListener("touchcancel", this.cancelEndDrag, !1)) : (document.documentElement.removeEventListener("mousemove", this.doEndDrag, !1), document.documentElement.removeEventListener("mouseup", this.stopEndDrag, !1)), document.onselectstart = null, document.ondragstart = null;
+      const { width: s, left: r, top: n, leftIndex: i, rightIndex: o, schedulerData: l, eventItem: u, updateEventEnd: c, conflictOccurred: f } = this.props;
+      if (l._stopResizing(), this.state.width === s)
         return;
-      let f = 0;
-      if (re) {
+      let h = 0;
+      if (this.supportTouch) {
         if (e.changedTouches.length == 0) {
           this.setState({
-            left: n,
-            top: i,
-            width: r
+            left: r,
+            top: n,
+            width: s
           });
           return;
         }
-        f = e.changedTouches[0].pageX;
+        h = e.changedTouches[0].pageX;
       } else
-        f = e.clientX;
-      const { headers: m, cellUnit: E, events: R, config: C, localeMoment: x } = d;
-      let v = d.getContentCellWidth(), k = o > 0 ? 5 : 6, T = v - k, D = (m.length - o) * v - k;
-      const { endX: j } = this.state;
-      let N = r + f - j, A = N - r, S = A < 0 ? -1 : A === 0 ? 0 : 1, _ = (S < 0 ? Math.floor(Math.abs(A) / v) : Math.ceil(Math.abs(A) / v)) * S;
-      N < T ? _ = o - a + 1 : N > D && (_ = m.length - a);
-      let q = x(c.end).add(E === O.Hour ? _ * C.minuteStep : _, E === O.Hour ? "minutes" : "days").format(P);
-      if (_ !== 0 && E !== O.Hour && C.displayWeekend === !1)
-        if (_ > 0) {
-          let z = 0, Y = 0;
+        h = e.clientX;
+      const { headers: v, cellUnit: D, events: g, config: w, localeDayjs: T } = l;
+      let b = l.getContentCellWidth(), k = i > 0 ? 5 : 6, A = b - k, $ = (v.length - i) * b - k;
+      const { endX: H } = this.state;
+      let N = s + h - H, z = N - s, W = z < 0 ? -1 : z === 0 ? 0 : 1, C = (W < 0 ? Math.floor(Math.abs(z) / b) : Math.ceil(Math.abs(z) / b)) * W;
+      N < A ? C = i - o + 1 : N > $ && (C = v.length - o);
+      let X = T(new Date(u.end)).add(D === U.Hour ? C * w.minuteStep : C, D === U.Hour ? "minutes" : "days").format(V);
+      if (C !== 0 && D !== U.Hour && w.displayWeekend === !1)
+        if (C > 0) {
+          let j = 0, m = 0;
           for (; ; ) {
-            Y++;
-            let $ = x(c.end).add(Y, "days"), V = $.weekday();
-            if (V !== 0 && V !== 6 && (z++, z === _)) {
-              q = $.format(P);
+            m++;
+            let M = T(new Date(u.end)).add(m, "days"), _ = M.weekday();
+            if (_ !== 0 && _ !== 6 && (j++, j === C)) {
+              X = M.format(V);
               break;
             }
           }
         } else {
-          let z = 0, Y = 0;
+          let j = 0, m = 0;
           for (; ; ) {
-            Y--;
-            let $ = x(c.end).add(Y, "days"), V = $.weekday();
-            if (V !== 0 && V !== 6 && (z--, z === _)) {
-              q = $.format(P);
+            m--;
+            let M = T(new Date(u.end)).add(m, "days"), _ = M.weekday();
+            if (_ !== 0 && _ !== 6 && (j--, j === C)) {
+              X = M.format(V);
               break;
             }
           }
         }
-      let Q = !1, G = d._getEventSlotId(c), K, U = d.getSlotById(G);
-      if (U && (K = U.name), C.checkConflict) {
-        let z = x(c.start), Y = x(q);
-        R.forEach(($) => {
-          if (d._getEventSlotId($) === G && $.id !== c.id) {
-            let V = x($.start), ne = x($.end);
-            (z >= V && z < ne || Y > V && Y <= ne || V >= z && V < Y || ne > z && ne <= Y) && (Q = !0);
+      let Z = !1, S = l._getEventSlotId(u), x, y = l.getSlotById(S);
+      if (y && (x = y.name), w.checkConflict) {
+        let j = T(new Date(u.start)), m = T(new Date(X));
+        g.forEach((M) => {
+          if (l._getEventSlotId(M) === S && M.id !== u.id) {
+            let _ = T(new Date(M.start)), F = T(new Date(M.end));
+            (j >= _ && j < F || m > _ && m <= F || _ >= j && _ < m || F > j && F <= m) && (Z = !0);
           }
         });
       }
-      Q ? (this.setState({
-        left: n,
-        top: i,
-        width: r
-      }), p != null ? p(d, "EndResize", c, ie.EVENT, G, K, c.start, q) : console.log("Conflict occurred, set conflictOccurred func in Scheduler to handle it"), this.subscribeResizeEvent(this.props)) : h != null && h(d, c, q);
+      Z ? (this.setState({
+        left: r,
+        top: n,
+        width: s
+      }), f != null ? f(l, "EndResize", u, pe.EVENT, S, x, u.start, X) : console.log("Conflict occurred, set conflictOccurred func in Scheduler to handle it"), this.subscribeResizeEvent(this.props)) : c != null && c(l, u, X);
     });
-    M(this, "cancelEndDrag", (e) => {
+    P(this, "cancelEndDrag", (e) => {
       e.stopPropagation(), this.endResizer.removeEventListener("touchmove", this.doEndDrag, !1), this.endResizer.removeEventListener("touchend", this.stopEndDrag, !1), this.endResizer.removeEventListener("touchcancel", this.cancelEndDrag, !1), document.onselectstart = null, document.ondragstart = null;
-      const { schedulerData: r, left: n, top: i, width: o } = this.props;
-      r._stopResizing(), this.setState({
-        left: n,
-        top: i,
-        width: o
+      const { schedulerData: s, left: r, top: n, width: i } = this.props;
+      s._stopResizing(), this.setState({
+        left: r,
+        top: n,
+        width: i
       });
     });
-    M(this, "startResizable", (e) => {
-      const { eventItem: r, isInPopover: n, schedulerData: i } = e, { config: o } = i;
-      return o.startResizable === !0 && n === !1 && (r.resizable == null || r.resizable !== !1) && (r.startResizable == null || r.startResizable !== !1);
+    P(this, "handleMouseMove", (e) => {
+      const s = this.eventItemRef.current.getBoundingClientRect();
+      this.setState({
+        contentMousePosX: e.clientX,
+        eventItemLeftRect: s.left,
+        eventItemRightRect: s.right
+      });
     });
-    M(this, "endResizable", (e) => {
-      const { eventItem: r, isInPopover: n, schedulerData: i } = e, { config: o } = i;
-      return o.endResizable === !0 && n === !1 && (r.resizable == null || r.resizable !== !1) && (r.endResizable == null || r.endResizable !== !1);
+    P(this, "startResizable", (e) => {
+      const { eventItem: s, isInPopover: r, schedulerData: n } = e, { config: i } = n;
+      return i.startResizable === !0 && r === !1 && (s.resizable == null || s.resizable !== !1) && (s.startResizable == null || s.startResizable !== !1);
     });
-    M(this, "subscribeResizeEvent", (e) => {
-      this.startResizer != null && (re || (this.startResizer.removeEventListener("mousedown", this.initStartDrag, !1), this.startResizable(e) && this.startResizer.addEventListener("mousedown", this.initStartDrag, !1))), this.endResizer != null && (re || (this.endResizer.removeEventListener("mousedown", this.initEndDrag, !1), this.endResizable(e) && this.endResizer.addEventListener("mousedown", this.initEndDrag, !1)));
+    P(this, "endResizable", (e) => {
+      const { eventItem: s, isInPopover: r, schedulerData: n } = e, { config: i } = n;
+      return i.endResizable === !0 && r === !1 && (s.resizable == null || s.resizable !== !1) && (s.endResizable == null || s.endResizable !== !1);
     });
-    const { left: r, top: n, width: i } = e;
+    P(this, "subscribeResizeEvent", (e) => {
+      this.startResizer != null && (this.supportTouch || (this.startResizer.removeEventListener("mousedown", this.initStartDrag, !1), this.startResizable(e) && this.startResizer.addEventListener("mousedown", this.initStartDrag, !1))), this.endResizer != null && (this.supportTouch || (this.endResizer.removeEventListener("mousedown", this.initEndDrag, !1), this.endResizable(e) && this.endResizer.addEventListener("mousedown", this.initEndDrag, !1)));
+    });
+    const { left: s, top: r, width: n } = e;
     this.state = {
-      left: r,
-      top: n,
-      width: i
-    }, this.startResizer = null, this.endResizer = null;
-  }
-  UNSAFE_componentWillReceiveProps(e) {
-    const { left: r, top: n, width: i } = e;
-    this.setState({
-      left: r,
-      top: n,
-      width: i
-    }), this.subscribeResizeEvent(e);
+      left: s,
+      top: r,
+      width: n,
+      contentMousePosX: 0,
+      eventItemLeftRect: 0,
+      eventItemRightRect: 0
+    }, this.startResizer = null, this.endResizer = null, this.supportTouch = !1, this.eventItemRef = ze.createRef(), this._isMounted = !1;
+  }
+  componentDidUpdate(e, s) {
+    if (e !== this.props) {
+      const { left: r, top: n, width: i } = this.props;
+      this.setState({
+        left: r,
+        top: n,
+        width: i
+      }), this.subscribeResizeEvent(this.props);
+    }
   }
   componentDidMount() {
-    this.subscribeResizeEvent(this.props);
+    this._isMounted = !0, this.supportTouch = "ontouchstart" in window, this.subscribeResizeEvent(this.props);
   }
   render() {
-    const { eventItem: e, isStart: r, isEnd: n, isInPopover: i, eventItemClick: o, schedulerData: a, isDragging: d, connectDragSource: c, connectDragPreview: h, eventItemTemplateResolver: p } = this.props, { config: f, localeMoment: m } = a, { left: E, width: R, top: C } = this.state;
-    let x = r ? n ? "round-all" : "round-head" : n ? "round-tail" : "round-none", v = f.defaultEventBgColor;
-    e.bgColor && (v = e.bgColor);
-    let k = a.behaviors.getEventTextFunc(a, e), T = /* @__PURE__ */ l.jsx(Oe, { ...this.props, eventItem: e, title: e.title, startTime: e.start, endTime: e.end, statusColor: v }), D = m(e.start), j = i ? `${D.format("HH:mm")} ${k}` : k, N = /* @__PURE__ */ l.jsx("div", {});
-    this.startResizable(this.props) && (N = /* @__PURE__ */ l.jsx("div", { className: "event-resizer event-start-resizer", ref: (q) => this.startResizer = q }));
-    let A = /* @__PURE__ */ l.jsx("div", {});
-    this.endResizable(this.props) && (A = /* @__PURE__ */ l.jsx("div", { className: "event-resizer event-end-resizer", ref: (q) => this.endResizer = q }));
-    let S = /* @__PURE__ */ l.jsx("div", { className: x + " event-item", style: { height: f.eventItemHeight, backgroundColor: v }, children: /* @__PURE__ */ l.jsx("span", { style: { marginLeft: "10px", lineHeight: `${f.eventItemHeight}px` }, children: j }) }, e.id);
-    p != null && (S = p(a, e, v, r, n, "event-item", f.eventItemHeight, void 0));
-    let _ = /* @__PURE__ */ l.jsxs(
+    const { eventItem: e, isStart: s, isEnd: r, isInPopover: n, eventItemClick: i, schedulerData: o, isDragging: l, connectDragSource: u, connectDragPreview: c, eventItemTemplateResolver: f } = this.props, { config: h, localeDayjs: v } = o, { left: D, width: g, top: w } = this.state;
+    let T = s ? r ? "round-all" : "round-head" : r ? "round-tail" : "round-none", b = h.defaultEventBgColor;
+    const k = h.eventItemPopoverPlacement, A = /(top|bottom)(Right|Left)MousePosition/.test(k);
+    e.bgColor && (b = e.bgColor);
+    let $ = o.behaviors.getEventTextFunc(o, e), H = /* @__PURE__ */ d.jsx(qe, { ...this.props, eventItem: e, title: e.title, startTime: e.start, endTime: e.end, statusColor: b }), N = v(new Date(e.start)), z = n ? `${N.format("HH:mm")} ${$}` : $, W = /* @__PURE__ */ d.jsx("div", {});
+    this.startResizable(this.props) && (W = /* @__PURE__ */ d.jsx("div", { className: "event-resizer event-start-resizer", ref: (m) => this.startResizer = m }));
+    let C = /* @__PURE__ */ d.jsx("div", {});
+    this.endResizable(this.props) && (C = /* @__PURE__ */ d.jsx("div", { className: "event-resizer event-end-resizer", ref: (m) => this.endResizer = m }));
+    let X = /* @__PURE__ */ d.jsx("div", { className: T + " event-item", style: { height: h.eventItemHeight, backgroundColor: b }, children: /* @__PURE__ */ d.jsx("span", { style: { marginLeft: "10px", lineHeight: `${h.eventItemHeight}px` }, children: z }) }, e.id);
+    f != null && (X = f(o, e, b, s, r, "event-item", h.eventItemHeight, void 0));
+    let Z = /* @__PURE__ */ d.jsxs(
       "a",
       {
         className: "timeline-event",
-        style: { left: E, width: R, top: C },
+        ref: this.eventItemRef,
+        onMouseMove: A ? this.handleMouseMove : void 0,
+        style: { left: D, width: g, top: w },
         onClick: () => {
-          o && o(a, e);
+          i && i(o, e);
         },
         children: [
-          S,
-          N,
-          A
+          X,
+          W,
+          C
         ]
       }
     );
-    return d ? null : a._isResizing() || f.eventItemPopoverEnabled == !1 || e.showPopover == !1 ? /* @__PURE__ */ l.jsx("div", { children: h(c(_)) }) : /* @__PURE__ */ l.jsx(He, { placement: "bottomLeft", content: T, trigger: "hover", children: h(c(_)) });
+    const S = () => {
+      let m = 0, M = "";
+      if (A) {
+        const _ = k.includes("Left"), F = this.state.contentMousePosX, Q = h.eventItemPopoverWidth, J = this.state.eventItemLeftRect, ee = this.state.eventItemRightRect;
+        let ae = _ ? J : ee, ne = _ ? 1 : -1;
+        M = k.replace("MousePosition", "");
+        const le = 10;
+        _ && this._isMounted ? F + Q + le > window.innerWidth && (M = `${k.replace(/(Right|Left).*/, "")}Right`, ae = ee, ne = -1) : F - Q - le < 0 && (M = `${k.replace(/(Right|Left).*/, "")}Left`, ae = J, ne = 1), m = F - ae - 20 * ne;
+      }
+      return {
+        popoverOffsetX: m,
+        mousePositionPlacement: M
+      };
+    }, { popoverOffsetX: x, mousePositionPlacement: y } = S(), j = h.dragAndDropEnabled ? c(u(Z)) : Z;
+    return l ? null : o._isResizing() || h.eventItemPopoverEnabled == !1 || e.showPopover == !1 ? /* @__PURE__ */ d.jsx("div", { children: j }) : /* @__PURE__ */ d.jsx(
+      Fe,
+      {
+        transitionName: A ? "" : void 0,
+        align: A ? {
+          offset: [x, k.includes("top") ? -10 : 10],
+          overflow: {
+            // shiftX: true,
+            // shiftY: true,
+          }
+        } : void 0,
+        placement: A ? y : k,
+        content: H,
+        trigger: h.eventItemPopoverTrigger,
+        children: j
+      }
+    );
   }
 }
-M(Ne, "propTypes", {
-  schedulerData: u.object.isRequired,
-  eventItem: u.object.isRequired,
-  isStart: u.bool.isRequired,
-  isEnd: u.bool.isRequired,
-  left: u.number.isRequired,
-  width: u.number.isRequired,
-  top: u.number.isRequired,
-  isInPopover: u.bool.isRequired,
-  leftIndex: u.number.isRequired,
-  rightIndex: u.number.isRequired,
-  isDragging: u.bool.isRequired,
-  connectDragSource: u.func.isRequired,
-  connectDragPreview: u.func.isRequired,
-  updateEventStart: u.func,
-  updateEventEnd: u.func,
-  moveEvent: u.func,
-  subtitleGetter: u.func,
-  eventItemClick: u.func,
-  viewEventClick: u.func,
-  viewEventText: u.string,
-  viewEvent2Click: u.func,
-  viewEvent2Text: u.string,
-  conflictOccurred: u.func,
-  eventItemTemplateResolver: u.func
+P(Be, "propTypes", {
+  schedulerData: Y.object.isRequired,
+  eventItem: Y.object.isRequired,
+  isStart: Y.bool.isRequired,
+  isEnd: Y.bool.isRequired,
+  left: Y.number.isRequired,
+  width: Y.number.isRequired,
+  top: Y.number.isRequired,
+  isInPopover: Y.bool.isRequired,
+  leftIndex: Y.number.isRequired,
+  rightIndex: Y.number.isRequired,
+  isDragging: Y.bool,
+  connectDragSource: Y.func,
+  connectDragPreview: Y.func,
+  updateEventStart: Y.func,
+  updateEventEnd: Y.func,
+  moveEvent: Y.func,
+  subtitleGetter: Y.func,
+  eventItemClick: Y.func,
+  viewEventClick: Y.func,
+  viewEventText: Y.string,
+  viewEvent2Click: Y.func,
+  viewEvent2Text: Y.string,
+  conflictOccurred: Y.func,
+  eventItemTemplateResolver: Y.func
 });
-class ot {
-  constructor(t, e, r = ie.EVENT) {
-    M(this, "getDragSpec", () => ({
-      beginDrag: (t, e, r) => this.resolveDragObjFunc(t),
-      endDrag: (t, e, r) => {
+class ht {
+  constructor(t, e, s, r = pe.EVENT) {
+    P(this, "getDragSpec", () => ({
+      beginDrag: (t, e, s) => this.resolveDragObjFunc(t),
+      endDrag: (t, e, s) => {
         if (!e.didDrop())
           return;
-        const { moveEvent: n, newEvent: i, schedulerData: o } = t, { events: a, config: d, viewType: c, localeMoment: h } = o, p = e.getItem(), f = e.getItemType(), m = e.getDropResult();
-        let E = m.slotId, R = m.slotName, C = m.start, x = m.end, v = m.initialStart;
-        m.initialEnd;
-        let k = "New", T = f === ie.EVENT;
-        if (T) {
-          const j = p;
-          if (d.relativeMove)
-            C = h(j.start).add(h(C).diff(h(v)), "ms").format(P);
-          else if (c !== w.Day) {
-            let N = h(C);
-            C = h(j.start).year(N.year()).month(N.month()).date(N.date()).format(P);
+        const { moveEvent: r, newEvent: n, schedulerData: i } = t, { events: o, config: l, viewType: u, localeDayjs: c } = i, f = e.getItem(), h = e.getItemType(), v = e.getDropResult();
+        let D = v.slotId, g = v.slotName, w = v.start, T = v.end, b = v.initialStart;
+        v.initialEnd;
+        let k = "New", A = h === pe.EVENT;
+        if (A) {
+          const H = f;
+          if (l.relativeMove)
+            w = c(H.start).add(c(w).diff(c(new Date(b))), "ms").format(V);
+          else if (u !== O.Day) {
+            let N = c(w);
+            w = c(H.start).year(N.year()).month(N.month()).date(N.date()).format(V);
           }
-          if (x = h(C).add(h(j.end).diff(h(j.start)), "ms").format(P), d.crossResourceMove === !1) {
-            E = o._getEventSlotId(p), R = void 0;
-            let N = o.getSlotById(E);
-            N && (R = N.name);
+          if (T = c(w).add(c(H.end).diff(c(H.start)), "ms").format(V), l.crossResourceMove === !1) {
+            D = i._getEventSlotId(f), g = void 0;
+            let N = i.getSlotById(D);
+            N && (g = N.name);
           }
           k = "Move";
         }
-        let D = !1;
-        if (d.checkConflict) {
-          let j = h(C), N = h(x);
-          a.forEach((A) => {
-            if (o._getEventSlotId(A) === E && (!T || A.id !== p.id)) {
-              let S = h(A.start), _ = h(A.end);
-              (j >= S && j < _ || N > S && N <= _ || S >= j && S < N || _ > j && _ <= N) && (D = !0);
+        let $ = !1;
+        if (l.checkConflict) {
+          let H = c(w), N = c(T);
+          o.forEach((z) => {
+            if (i._getEventSlotId(z) === D && (!A || z.id !== f.id)) {
+              let W = c(z.start), C = c(z.end);
+              (H >= W && H < C || N > W && N <= C || W >= H && W < N || C > H && C <= N) && ($ = !0);
             }
           });
         }
-        if (D) {
-          const { conflictOccurred: j } = t;
-          j != null ? j(o, k, p, f, E, R, C, x) : console.log("Conflict occurred, set conflictOccurred func in Scheduler to handle it");
+        if ($) {
+          const { conflictOccurred: H } = t;
+          H != null ? H(i, k, f, h, D, g, w, T) : console.log("Conflict occurred, set conflictOccurred func in Scheduler to handle it");
         } else
-          T ? n !== void 0 && n(o, p, E, R, C, x) : i !== void 0 && i(o, E, R, C, x, f, p);
+          A ? r !== void 0 && r(i, f, D, g, w, T) : n !== void 0 && n(i, D, g, w, T, h, f);
       },
       canDrag: (t) => {
-        const { schedulerData: e, resourceEvents: r } = t, n = this.resolveDragObjFunc(t);
+        const { schedulerData: e, resourceEvents: s } = t, r = this.resolveDragObjFunc(t);
         if (e._isResizing())
           return !1;
-        const { config: i } = e;
-        return i.movable && (r == null || !r.groupOnly) && (n.movable == null || n.movable !== !1);
+        const { config: n } = e;
+        return n.movable && (s == null || !s.groupOnly) && (r.movable == null || r.movable !== !1);
       }
     }));
-    M(this, "getDragCollect", (t, e) => ({
+    P(this, "getDragCollect", (t, e) => ({
       connectDragSource: t.dragSource(),
       isDragging: e.isDragging(),
       connectDragPreview: t.dragPreview()
     }));
-    M(this, "getDragSource", () => this.dragSource);
-    this.resolveDragObjFunc = t, this.DecoratedComponent = e, this.dndType = r, this.dragSource = Jt(this.dndType, this.getDragSpec(), this.getDragCollect)(this.DecoratedComponent);
+    P(this, "getDragSource", () => this.dragSource);
+    this.resolveDragObjFunc = t, this.DecoratedComponent = e, this.dndType = r, this.dragSource = s ? Kt(this.dndType, this.getDragSpec(), this.getDragCollect)(this.DecoratedComponent) : this.DecoratedComponent;
   }
 }
-function pe(b) {
-  let t = 0, e = 0, r = b;
-  for (; r; )
-    t += r.offsetLeft - r.scrollLeft, e += r.offsetTop - r.scrollTop, r = r.offsetParent;
+function Te(R) {
+  let t = 0, e = 0, s = R;
+  for (; s; )
+    t += s.offsetLeft - s.scrollLeft, e += s.offsetTop - s.scrollTop, s = s.offsetParent;
   return { x: t, y: e };
 }
-class sr {
+class us {
   constructor(t, e) {
-    M(this, "getDropSpec", () => ({
-      drop: (t, e, r) => {
-        const { schedulerData: n, resourceEvents: i } = t, { cellUnit: o, localeMoment: a } = n, d = e.getItemType(), c = pe(r.eventContainer);
-        let h = n.getContentCellWidth(), p = null, f = null;
-        if (d === ie.EVENT) {
-          const x = e.getInitialClientOffset();
-          let v = Math.floor((x.x - c.x) / h);
-          p = i.headerItems[v].start, f = i.headerItems[v].end, o !== O.Hour && (f = a(i.headerItems[v].start).hour(23).minute(59).second(59).format(P));
+    P(this, "getDropSpec", () => ({
+      drop: (t, e, s) => {
+        const { schedulerData: r, resourceEvents: n } = t, { cellUnit: i, localeDayjs: o } = r, l = e.getItemType(), u = Te(s.eventContainer);
+        let c = r.getContentCellWidth(), f = null, h = null;
+        if (l === pe.EVENT) {
+          const T = e.getInitialClientOffset();
+          let b = Math.floor((T.x - u.x) / c);
+          f = n.headerItems[b].start, h = n.headerItems[b].end, i !== U.Hour && (h = o(new Date(n.headerItems[b].start)).hour(23).minute(59).second(59).format(V));
         }
-        const m = e.getClientOffset();
-        let E = Math.floor((m.x - c.x) / h);
-        if (!i.headerItems[E])
-          return;
-        let R = i.headerItems[E].start, C = i.headerItems[E].end;
-        return o !== O.Hour && (C = a(i.headerItems[E].start).hour(23).minute(59).second(59).format(P)), {
-          slotId: i.slotId,
-          slotName: i.slotName,
-          start: R,
-          end: C,
-          initialStart: p,
-          initialEnd: f
+        const v = e.getClientOffset();
+        let D = Math.floor((v.x - u.x) / c), g = n.headerItems[D].start, w = n.headerItems[D].end;
+        return i !== U.Hour && (w = o(new Date(n.headerItems[D].start)).hour(23).minute(59).second(59).format(V)), {
+          slotId: n.slotId,
+          slotName: n.slotName,
+          start: g,
+          end: w,
+          initialStart: f,
+          initialEnd: h
         };
       },
-      hover: (t, e, r) => {
-        const { schedulerData: n, resourceEvents: i, movingEvent: o } = t, { cellUnit: a, config: d, viewType: c, localeMoment: h } = n, p = e.getItem(), f = e.getItemType(), m = pe(r.eventContainer);
-        let E = n.getContentCellWidth(), R = null;
-        if (f === ie.EVENT) {
-          const A = e.getInitialClientOffset();
-          let S = Math.floor((A.x - m.x) / E);
-          R = i.headerItems[S].start, i.headerItems[S].end, a !== O.Hour && h(i.headerItems[S].start).hour(23).minute(59).second(59).format(P);
+      hover: (t, e, s) => {
+        const { schedulerData: r, resourceEvents: n, movingEvent: i } = t, { cellUnit: o, config: l, viewType: u, localeDayjs: c } = r;
+        this.config = l;
+        const f = e.getItem(), h = e.getItemType(), v = Te(s.eventContainer);
+        let D = r.getContentCellWidth(), g = null;
+        if (h === pe.EVENT) {
+          const z = e.getInitialClientOffset();
+          let W = Math.floor((z.x - v.x) / D);
+          g = n.headerItems[W].start, n.headerItems[W].end, o !== U.Hour && c(new Date(n.headerItems[W].start)).hour(23).minute(59).second(59).format(V);
         }
-        const C = e.getClientOffset();
-        let x = Math.floor((C.x - m.x) / E);
-        if (!i.headerItems[x])
+        const w = e.getClientOffset();
+        let T = Math.floor((w.x - v.x) / D);
+        if (!n.headerItems[T])
           return;
-        let v = i.headerItems[x].start, k = i.headerItems[x].end;
-        a !== O.Hour && (k = h(i.headerItems[x].start).hour(23).minute(59).second(59).format(P));
-        let T = i.slotId, D = i.slotName, j = "New";
-        if (f === ie.EVENT) {
-          const A = p;
-          if (d.relativeMove)
-            v = h(A.start).add(h(v).diff(h(R)), "ms").format(P);
-          else if (c !== w.Day) {
-            let S = h(v);
-            v = h(A.start).year(S.year()).month(S.month()).date(S.date()).format(P);
+        let b = n.headerItems[T].start, k = n.headerItems[T].end;
+        o !== U.Hour && (k = c(new Date(n.headerItems[T].start)).hour(23).minute(59).second(59).format(V));
+        let A = n.slotId, $ = n.slotName, H = "New";
+        if (h === pe.EVENT) {
+          const z = f;
+          if (l.relativeMove)
+            b = c(z.start).add(c(b).diff(c(new Date(g))), "ms").format(V);
+          else if (u !== O.Day) {
+            let W = c(b);
+            b = c(z.start).year(W.year()).month(W.month()).date(W.date()).format(V);
           }
-          if (k = h(v).add(h(A.end).diff(h(A.start)), "ms").format(P), d.crossResourceMove === !1) {
-            T = n._getEventSlotId(p), D = void 0;
-            let S = n.getSlotById(T);
-            S && (D = S.name);
+          if (k = c(b).add(c(z.end).diff(c(z.start)), "ms").format(V), l.crossResourceMove === !1) {
+            A = r._getEventSlotId(f), $ = void 0;
+            let W = r.getSlotById(A);
+            W && ($ = W.name);
           }
-          j = "Move";
+          H = "Move";
         }
-        o && o(n, T, D, v, k, j, f, p);
+        i && i(r, A, $, b, k, H, h, f);
       },
       canDrop: (t, e) => {
-        const { schedulerData: r, resourceEvents: n } = t, i = e.getItem();
-        if (r._isResizing())
+        const { schedulerData: s, resourceEvents: r } = t, n = e.getItem();
+        if (s._isResizing())
           return !1;
-        const { config: o } = r;
-        return o.movable && !n.groupOnly && (i.movable == null || i.movable !== !1);
+        const { config: i } = s;
+        return i.movable && !r.groupOnly && (n.movable == null || n.movable !== !1);
       }
     }));
-    M(this, "getDropCollect", (t, e) => ({
+    P(this, "getDropCollect", (t, e) => ({
       connectDropTarget: t.dropTarget(),
       isOver: e.isOver()
     }));
-    M(this, "getDropTarget", () => Kt([...this.sourceMap.keys()], this.getDropSpec(), this.getDropCollect)(this.DecoratedComponent));
-    M(this, "getDndSource", (t = ie.EVENT) => this.sourceMap.get(t));
-    this.sourceMap = /* @__PURE__ */ new Map(), t.forEach((r) => {
-      this.sourceMap.set(r.dndType, r);
+    P(this, "getDropTarget", (t) => t ? es([...this.sourceMap.keys()], this.getDropSpec(), this.getDropCollect)(this.DecoratedComponent) : this.DecoratedComponent);
+    P(this, "getDndSource", (t = pe.EVENT) => this.sourceMap.get(t));
+    this.sourceMap = /* @__PURE__ */ new Map(), t.forEach((s) => {
+      this.sourceMap.set(s.dndType, s);
     }), this.DecoratedComponent = e;
   }
 }
-function at({ schedulerData: b, contentScrollbarHeight: t, slotClickedFunc: e, slotItemTemplateResolver: r, toggleExpandFunc: n }) {
-  const { renderData: i } = b, o = b.getResourceTableWidth() - 2, a = t, d = i.filter((m) => m.render), c = (m) => {
-    n && n(b, m.slotId);
-  }, h = (m) => {
-    e && e(b, m);
-  }, p = (m) => {
-    const E = Array.from({ length: m.indent }, (k, T) => /* @__PURE__ */ l.jsx("span", { className: "expander-space" }, `es${T}`)), R = m.hasChildren ? m.expanded ? /* @__PURE__ */ l.jsx(Bt, { onClick: () => c(m) }, `es${m.indent}`) : /* @__PURE__ */ l.jsx(Vt, { onClick: () => c(m) }, `es${m.indent}`) : /* @__PURE__ */ l.jsx("span", { className: "expander-space" }, `es${m.indent}`);
-    E.push(R);
-    const C = e ? /* @__PURE__ */ l.jsx("a", { className: "slot-text", onClick: () => h(m), children: m.slotName }) : /* @__PURE__ */ l.jsx("span", { className: "slot-text", children: m.slotName });
-    let x = /* @__PURE__ */ l.jsx("div", { title: m.slotName, className: "overflow-text header2-text", style: { textAlign: "left" }, children: /* @__PURE__ */ l.jsxs("span", { className: "slot-cell", children: [
-      E,
-      C
-    ] }) });
-    if (r) {
-      const k = r(b, m, e, o, "overflow-text header2-text");
-      k && (x = k);
+const ft = ({ schedulerData: R, contentScrollbarHeight: t, slotClickedFunc: e, slotItemTemplateResolver: s, toggleExpandFunc: r }) => {
+  const { renderData: n } = R, i = R.getResourceTableWidth() - 2, o = t, l = n.filter((h) => h.render), u = (h) => {
+    r && r(R, h.slotId);
+  }, c = (h, v) => {
+    let D = /* @__PURE__ */ d.jsx("span", { className: "expander-space" }, `es${h.indent}`);
+    h.hasChildren && (D = h.expanded ? /* @__PURE__ */ d.jsx(ss, { style: {}, className: "", onClick: () => u(h) }, `es${h.indent}`) : /* @__PURE__ */ d.jsx(rs, { style: {}, className: "", onClick: () => u(h) }, `es${h.indent}`)), v.push(D);
+    const g = e ? /* @__PURE__ */ d.jsxs("span", { className: "slot-cell", children: [
+      v,
+      /* @__PURE__ */ d.jsx("a", { style: { cursor: "pointer" }, className: "slot-text", onClick: () => e(R, h), children: h.slotName })
+    ] }) : /* @__PURE__ */ d.jsxs("span", { className: "slot-cell", children: [
+      v,
+      /* @__PURE__ */ d.jsx("span", { className: "slot-text", style: { cursor: e === void 0 ? void 0 : "pointer" }, children: h.slotName })
+    ] });
+    let w = /* @__PURE__ */ d.jsx("div", { title: h.slotName, className: "overflow-text header2-text", style: { textAlign: "left" }, children: g });
+    if (s) {
+      const b = s(R, h, e, i, "overflow-text header2-text");
+      b && (w = b);
     }
-    const v = {
-      height: m.rowHeight,
-      backgroundColor: m.groupOnly ? b.config.groupOnlySlotColor : void 0
+    const T = {
+      height: h.rowHeight,
+      backgroundColor: h.groupOnly ? R.config.groupOnlySlotColor : void 0
     };
-    return /* @__PURE__ */ l.jsx("tr", { children: /* @__PURE__ */ l.jsx("td", { "data-resource-id": m.slotId, style: v, children: x }) }, m.slotId);
-  }, f = d.map(p);
-  return /* @__PURE__ */ l.jsx("div", { style: { paddingBottom: a }, children: /* @__PURE__ */ l.jsx("table", { className: "resource-table", children: /* @__PURE__ */ l.jsx("tbody", { children: f }) }) });
-}
-at.propTypes = {
-  schedulerData: u.object.isRequired,
-  contentScrollbarHeight: u.number.isRequired,
-  slotClickedFunc: u.func,
-  slotItemTemplateResolver: u.func,
-  toggleExpandFunc: u.func
-};
-function lt({ schedulerData: b, nonAgendaCellHeaderTemplateResolver: t }) {
-  const { headers: e, cellUnit: r, config: n, localeMoment: i } = b, o = b.getTableHeaderHeight(), a = b.getContentCellWidth(), d = b.getMinuteStepsInHour(), c = typeof t == "function" ? t : null, h = e.map((p, f) => {
-    if (r === O.Hour && f % d !== 0)
-      return /* @__PURE__ */ l.jsx(l.Fragment, {});
-    const { time: m, nonWorkingTime: E } = p, R = i(m);
-    let C = {};
-    r === O.Hour ? (C = E ? { width: a * d, color: n.nonWorkingTimeHeadColor, backgroundColor: n.nonWorkingTimeHeadBgColor } : { width: a * d }, f === e.length - d && (C = E ? { color: n.nonWorkingTimeHeadColor, backgroundColor: n.nonWorkingTimeHeadColor } : {})) : (C = E ? { width: a, color: n.nonWorkingTimeHeadColor, backgroundColor: n.nonWorkingTimeHeadBgColor } : { width: a }, f === e.length - 1 && (C = p.nonWorkingTime ? { color: n.nonWorkingTimeHeadColor, backgroundColor: n.nonWorkingTimeHeadBgColor } : {}));
-    let x;
-    switch (r) {
-      case O.Hour:
-        x = n.nonAgendaDayCellHeaderFormat;
-        break;
-      case O.Week:
-        x = n.nonAgendaWeekCellHeaderFormat;
-        break;
-      case O.Month:
-        x = n.nonAgendaMonthCellHeaderFormat;
-        break;
-      case O.Year:
-        x = n.nonAgendaYearCellHeaderFormat;
-        break;
-      default:
-        x = n.nonAgendaOtherCellHeaderFormat;
-        break;
-    }
-    const v = x.split("|").map((D) => R.format(D)), k = v.map((D, j) => /* @__PURE__ */ l.jsx("div", { children: D }, j));
-    return c ? c(b, p, v, C) : /* @__PURE__ */ l.jsx("th", { className: "header3-text", style: C, children: /* @__PURE__ */ l.jsx("div", { children: k }) }, m);
+    return /* @__PURE__ */ d.jsx("tr", { children: /* @__PURE__ */ d.jsx("td", { "data-resource-id": h.slotId, style: T, children: w }) }, h.slotId);
+  }, f = l.map((h) => {
+    const v = [];
+    for (let D = 0; D < h.indent; D++)
+      v.push(/* @__PURE__ */ d.jsx("span", { className: "expander-space" }, `es${D}`));
+    return c(h, v);
   });
-  return /* @__PURE__ */ l.jsx("thead", { children: /* @__PURE__ */ l.jsx("tr", { style: { height: o }, children: h }) });
-}
-lt.propTypes = {
-  schedulerData: u.object.isRequired,
-  nonAgendaCellHeaderTemplateResolver: u.func
+  return /* @__PURE__ */ d.jsx("div", { style: { paddingBottom: o }, children: /* @__PURE__ */ d.jsx("table", { className: "resource-table", children: /* @__PURE__ */ d.jsx("tbody", { children: f }) }) });
 };
-function dt({ schedulerData: b }) {
-  const { renderData: t, headers: e, config: r, behaviors: n } = b;
-  let i = b.getContentCellWidth();
-  const o = t.filter((a) => a.render).map(({ slotId: a, groupOnly: d, rowHeight: c }) => {
-    let h = e.map((p, f) => {
-      const m = `${a}_${p.time}`, E = f === e.length - 1 ? {} : { width: i };
-      if (p.nonWorkingTime && (E.backgroundColor = r.nonWorkingTimeBodyBgColor), d && (E.backgroundColor = r.groupOnlySlotColor), n.getNonAgendaViewBodyCellBgColorFunc) {
-        let R = n.getNonAgendaViewBodyCellBgColorFunc(b, a, p);
-        R && (E.backgroundColor = R);
+ft.propTypes = {
+  schedulerData: p.object.isRequired,
+  contentScrollbarHeight: p.number.isRequired,
+  slotClickedFunc: p.func,
+  slotItemTemplateResolver: p.func,
+  toggleExpandFunc: p.func
+};
+class pt extends We {
+  constructor(t) {
+    super(t);
+  }
+  render() {
+    const { schedulerData: t, nonAgendaCellHeaderTemplateResolver: e } = this.props, { headers: s, cellUnit: r, config: n, localeDayjs: i } = t;
+    let o = t.getTableHeaderHeight(), l = t.getContentCellWidth(), u = t.getMinuteStepsInHour(), c = [], f = {};
+    return r === U.Hour ? s.forEach((h, v) => {
+      if (v % u === 0) {
+        let D = i(new Date(h.time));
+        D.isSame(/* @__PURE__ */ new Date(), "hour"), f = h.nonWorkingTime ? {
+          width: l * u,
+          color: n.nonWorkingTimeHeadColor,
+          backgroundColor: n.nonWorkingTimeHeadBgColor
+        } : {
+          width: l * u
+        }, v === s.length - u && (f = h.nonWorkingTime ? { color: n.nonWorkingTimeHeadColor, backgroundColor: n.nonWorkingTimeHeadBgColor } : {});
+        let g = n.nonAgendaDayCellHeaderFormat.split("|").map((T) => D.format(T)), w;
+        if (typeof e == "function")
+          w = e(t, h, g, f);
+        else {
+          const T = g.map((b, k) => /* @__PURE__ */ d.jsx("div", { children: b }, k));
+          w = /* @__PURE__ */ d.jsx("th", { className: "header3-text", style: f, children: /* @__PURE__ */ d.jsx("div", { children: T }) }, h.time);
+        }
+        c.push(w);
       }
-      return /* @__PURE__ */ l.jsx("td", { style: E, children: /* @__PURE__ */ l.jsx("div", {}) }, m);
+    }) : c = s.map((h, v) => {
+      let D = i(new Date(h.time));
+      f = h.nonWorkingTime ? {
+        width: l,
+        color: n.nonWorkingTimeHeadColor,
+        backgroundColor: n.nonWorkingTimeHeadBgColor
+      } : { width: l }, v === s.length - 1 && (f = h.nonWorkingTime ? { color: n.nonWorkingTimeHeadColor, backgroundColor: n.nonWorkingTimeHeadBgColor } : {});
+      let w = (r === U.Week ? n.nonAgendaWeekCellHeaderFormat : r === U.Month ? n.nonAgendaMonthCellHeaderFormat : r === U.Year ? n.nonAgendaYearCellHeaderFormat : n.nonAgendaOtherCellHeaderFormat).split("|").map((b) => D.format(b));
+      if (typeof e == "function")
+        return e(t, h, w, f);
+      const T = w.map((b, k) => /* @__PURE__ */ d.jsx("div", { children: b }, k));
+      return /* @__PURE__ */ d.jsx("th", { className: "header3-text", style: f, children: /* @__PURE__ */ d.jsx("div", { children: T }) }, h.time);
+    }), /* @__PURE__ */ d.jsx("thead", { children: /* @__PURE__ */ d.jsx("tr", { style: { height: o }, children: c }) });
+  }
+}
+P(pt, "propTypes", {
+  schedulerData: Y.object.isRequired,
+  nonAgendaCellHeaderTemplateResolver: Y.func
+});
+function gt({ schedulerData: R }) {
+  const { renderData: t, headers: e, config: s, behaviors: r } = R, n = R.getContentCellWidth(), i = t.filter((o) => o.render).map(({ slotId: o, groupOnly: l, rowHeight: u }) => {
+    const c = e.map((f, h) => {
+      const v = `${o}_${f.time}`, D = h === e.length - 1 ? {} : { width: n };
+      if (f.nonWorkingTime && (D.backgroundColor = s.nonWorkingTimeBodyBgColor), l && (D.backgroundColor = s.groupOnlySlotColor), r.getNonAgendaViewBodyCellBgColorFunc) {
+        const g = r.getNonAgendaViewBodyCellBgColorFunc(R, o, f);
+        g && (D.backgroundColor = g);
+      }
+      return /* @__PURE__ */ d.jsx("td", { style: D, children: /* @__PURE__ */ d.jsx("div", {}) }, v);
     });
-    return /* @__PURE__ */ l.jsx("tr", { style: { height: c }, children: h }, a);
+    return /* @__PURE__ */ d.jsx("tr", { style: { height: u }, children: c }, o);
   });
-  return /* @__PURE__ */ l.jsx("tbody", { children: o });
+  return /* @__PURE__ */ d.jsx("tbody", { children: i });
 }
-dt.propTypes = {
-  schedulerData: u.object.isRequired
+gt.propTypes = {
+  schedulerData: p.object.isRequired
 };
-function ct({ number: b, left: t, width: e, top: r, clickAction: n, headerItem: i, schedulerData: o }) {
-  const { config: a } = o;
-  let d = "+" + b + "more";
-  return /* @__PURE__ */ l.jsx("a", { className: "timeline-event", style: { left: t, width: e, top: r }, onClick: () => n(i), children: /* @__PURE__ */ l.jsx("div", { style: { height: a.eventItemHeight, color: "#999", textAlign: "center" }, children: d }) });
-}
-ct.propTypes = {
-  schedulerData: u.object.isRequired,
-  number: u.number.isRequired,
-  left: u.number.isRequired,
-  width: u.number.isRequired,
-  top: u.number.isRequired,
-  clickAction: u.func.isRequired,
-  headerItem: u.object.isRequired
+const vt = ({ schedulerData: R, number: t, left: e, width: s, top: r, clickAction: n, headerItem: i }) => {
+  const { config: o } = R, l = `+${t} more`;
+  return /* @__PURE__ */ d.jsx("a", { className: "timeline-event", style: { left: e, width: s, top: r }, onClick: () => n(i), children: /* @__PURE__ */ d.jsx("div", { style: { height: o.eventItemHeight, color: "#999", textAlign: "center" }, children: l }) });
+};
+vt.propTypes = {
+  schedulerData: p.object.isRequired,
+  number: p.number.isRequired,
+  left: p.number.isRequired,
+  width: p.number.isRequired,
+  top: p.number.isRequired,
+  clickAction: p.func.isRequired,
+  headerItem: p.object.isRequired
 };
-function ut({ summary: b, left: t, width: e, top: r, schedulerData: n }) {
-  const { config: i } = n, o = b.color || i.summaryColor;
-  let a = "center";
-  i.summaryPos === ae.TopRight || i.summaryPos === ae.BottomRight ? a = "right" : (i.summaryPos === ae.TopLeft || i.summaryPos === ae.BottomLeft) && (a = "left");
-  const d = {
-    height: i.eventItemHeight,
-    color: o,
-    textAlign: a,
-    margin: "0 6px",
-    fontSize: b.fontSize
+const mt = ({ schedulerData: R, summary: t, left: e, width: s, top: r }) => {
+  const { config: n } = R, i = t.color !== void 0 ? t.color : n.summaryColor;
+  let o = "center";
+  n.summaryPos === me.TopRight || n.summaryPos === me.BottomRight ? o = "right" : (n.summaryPos === me.TopLeft || n.summaryPos === me.BottomLeft) && (o = "left");
+  const l = {
+    height: n.eventItemHeight,
+    color: i,
+    textAlign: o,
+    marginLeft: "6px",
+    marginRight: "6px",
+    ...t.fontSize !== void 0 ? { fontSize: t.fontSize } : {}
   };
-  return /* @__PURE__ */ l.jsx("a", { className: "timeline-event header2-text", style: { left: t, width: e, top: r, cursor: "default" }, children: /* @__PURE__ */ l.jsx("div", { style: d, children: b.text }) });
-}
-ut.propTypes = {
-  schedulerData: u.object.isRequired,
-  summary: u.object.isRequired,
-  left: u.number.isRequired,
-  width: u.number.isRequired,
-  top: u.number.isRequired
+  return /* @__PURE__ */ d.jsx("a", { className: "timeline-event header2-text", style: { left: e, width: s, top: r, cursor: "default" }, children: /* @__PURE__ */ d.jsx("div", { style: l, children: t.text }) });
+};
+mt.propTypes = {
+  schedulerData: p.object.isRequired,
+  summary: p.object.isRequired,
+  left: p.number.isRequired,
+  width: p.number.isRequired,
+  top: p.number.isRequired
 };
-function ht({ left: b, width: t, schedulerData: e }) {
-  const { config: r } = e, n = {
-    left: b,
+const Dt = ({ left: R, width: t, schedulerData: e }) => {
+  const { config: s } = e, r = {
+    left: R,
     width: t,
     top: 0,
     bottom: 0,
-    backgroundColor: r.selectedAreaColor
+    backgroundColor: s.selectedAreaColor
   };
-  return /* @__PURE__ */ l.jsx("div", { className: "selected-area", style: n });
-}
-ht.propTypes = {
-  schedulerData: u.object.isRequired,
-  left: u.number.isRequired,
-  width: u.number.isRequired
+  return /* @__PURE__ */ d.jsx("div", { className: "selected-area", style: r });
+};
+Dt.propTypes = {
+  schedulerData: p.object.isRequired,
+  left: p.number.isRequired,
+  width: p.number.isRequired
 };
-const le = "ontouchstart" in window;
-class ft extends _e {
+class yt extends We {
   constructor(e) {
     super(e);
-    M(this, "initDrag", (e) => {
-      const { isSelecting: r } = this.state;
-      if (r || (e.srcElement || e.target) !== this.eventContainer)
+    P(this, "initDrag", (e) => {
+      const { isSelecting: s } = this.state;
+      if (s || (e.srcElement || e.target) !== this.eventContainer)
         return;
       e.stopPropagation();
-      const { resourceEvents: n } = this.props;
-      if (n.groupOnly)
+      const { resourceEvents: r } = this.props;
+      if (r.groupOnly)
         return;
-      let i = 0;
-      if (le) {
+      let n = 0;
+      if (this.supportTouch) {
         if (e.changedTouches.length == 0)
           return;
-        i = e.changedTouches[0].pageX;
+        n = e.changedTouches[0].pageX;
       } else {
         if (e.buttons !== void 0 && e.buttons !== 1)
           return;
-        i = e.clientX;
+        n = e.clientX;
       }
-      const { schedulerData: o } = this.props;
-      let a = o.getContentCellWidth(), d = pe(this.eventContainer), c = i - d.x, h = Math.floor(c / a), p = h * a, f = Math.ceil(c / a), m = (f - h) * a;
+      const { schedulerData: i } = this.props;
+      let o = i.getContentCellWidth(), l = Te(this.eventContainer), u = n - l.x, c = Math.floor(u / o), f = c * o, h = Math.ceil(u / o), v = (h - c) * o;
       this.setState({
-        startX: c,
-        left: p,
-        leftIndex: h,
-        width: m,
-        rightIndex: f,
+        startX: u,
+        left: f,
+        leftIndex: c,
+        width: v,
+        rightIndex: h,
         isSelecting: !0
-      }), le ? (document.documentElement.addEventListener("touchmove", this.doDrag, !1), document.documentElement.addEventListener("touchend", this.stopDrag, !1), document.documentElement.addEventListener("touchcancel", this.cancelDrag, !1)) : (document.documentElement.addEventListener("mousemove", this.doDrag, !1), document.documentElement.addEventListener("mouseup", this.stopDrag, !1)), document.onselectstart = function() {
+      }), this.supportTouch ? (document.documentElement.addEventListener("touchmove", this.doDrag, !1), document.documentElement.addEventListener("touchend", this.stopDrag, !1), document.documentElement.addEventListener("touchcancel", this.cancelDrag, !1)) : (document.documentElement.addEventListener("mousemove", this.doDrag, !1), document.documentElement.addEventListener("mouseup", this.stopDrag, !1)), document.onselectstart = function() {
         return !1;
       }, document.ondragstart = function() {
         return !1;
       };
     });
-    M(this, "doDrag", (e) => {
+    P(this, "doDrag", (e) => {
       e.stopPropagation();
-      let r = 0;
-      if (le) {
+      let s = 0;
+      if (this.supportTouch) {
         if (e.changedTouches.length == 0)
           return;
-        r = e.changedTouches[0].pageX;
+        s = e.changedTouches[0].pageX;
       } else
-        r = e.clientX;
-      const { startX: n } = this.state, { schedulerData: i } = this.props, { headers: o } = i;
-      let a = i.getContentCellWidth(), d = pe(this.eventContainer), c = r - d.x, h = Math.floor(Math.min(n, c) / a);
-      h = h < 0 ? 0 : h;
-      let p = h * a, f = Math.ceil(Math.max(n, c) / a);
-      f = f > o.length ? o.length : f;
-      let m = (f - h) * a;
+        s = e.clientX;
+      const { startX: r } = this.state, { schedulerData: n } = this.props, { headers: i } = n;
+      let o = n.getContentCellWidth(), l = Te(this.eventContainer), u = s - l.x, c = Math.floor(Math.min(r, u) / o);
+      c = c < 0 ? 0 : c;
+      let f = c * o, h = Math.ceil(Math.max(r, u) / o);
+      h = h > i.length ? i.length : h;
+      let v = (h - c) * o;
       this.setState({
-        leftIndex: h,
-        left: p,
-        rightIndex: f,
-        width: m,
+        leftIndex: c,
+        left: f,
+        rightIndex: h,
+        width: v,
         isSelecting: !0
       });
     });
-    M(this, "stopDrag", (e) => {
+    P(this, "stopDrag", (e) => {
       e.stopPropagation();
-      const { schedulerData: r, newEvent: n, resourceEvents: i } = this.props, { headers: o, events: a, config: d, cellUnit: c, localeMoment: h } = r, { leftIndex: p, rightIndex: f } = this.state;
-      le ? (document.documentElement.removeEventListener("touchmove", this.doDrag, !1), document.documentElement.removeEventListener("touchend", this.stopDrag, !1), document.documentElement.removeEventListener("touchcancel", this.cancelDrag, !1)) : (document.documentElement.removeEventListener("mousemove", this.doDrag, !1), document.documentElement.removeEventListener("mouseup", this.stopDrag, !1)), document.onselectstart = null, document.ondragstart = null;
-      let m = o[p].time, E = i.headerItems[f - 1].end;
-      c !== O.Hour && (E = h(i.headerItems[f - 1].start).hour(23).minute(59).second(59).format(P));
-      let R = i.slotId, C = i.slotName;
+      const { schedulerData: s, newEvent: r, resourceEvents: n } = this.props, { headers: i, events: o, config: l, cellUnit: u, localeDayjs: c } = s, { leftIndex: f, rightIndex: h } = this.state;
+      this.supportTouch ? (document.documentElement.removeEventListener("touchmove", this.doDrag, !1), document.documentElement.removeEventListener("touchend", this.stopDrag, !1), document.documentElement.removeEventListener("touchcancel", this.cancelDrag, !1)) : (document.documentElement.removeEventListener("mousemove", this.doDrag, !1), document.documentElement.removeEventListener("mouseup", this.stopDrag, !1)), document.onselectstart = null, document.ondragstart = null;
+      let v = i[f].time, D = n.headerItems[h - 1].end;
+      u !== U.Hour && (D = c(new Date(n.headerItems[h - 1].start)).hour(23).minute(59).second(59).format(V));
+      let g = n.slotId, w = n.slotName;
       this.setState({
         startX: 0,
         leftIndex: 0,
@@ -1369,42 +1415,42 @@ class ft extends _e {
         width: 0,
         isSelecting: !1
       });
-      let x = !1;
-      if (d.checkConflict) {
-        let v = h(m), k = h(E);
-        a.forEach((T) => {
-          if (r._getEventSlotId(T) === R) {
-            let D = h(T.start), j = h(T.end);
-            (v >= D && v < j || k > D && k <= j || D >= v && D < k || j > v && j <= k) && (x = !0);
+      let T = !1;
+      if (l.checkConflict) {
+        let b = c(new Date(v)), k = c(D);
+        o.forEach((A) => {
+          if (s._getEventSlotId(A) === g) {
+            let $ = c(A.start), H = c(A.end);
+            (b >= $ && b < H || k > $ && k <= H || $ >= b && $ < k || H > b && H <= k) && (T = !0);
           }
         });
       }
-      if (x) {
-        const { conflictOccurred: v } = this.props;
-        v != null ? v(
-          r,
+      if (T) {
+        const { conflictOccurred: b } = this.props;
+        b != null ? b(
+          s,
           "New",
           {
             id: void 0,
-            start: m,
-            end: E,
-            slotId: R,
-            slotName: C,
+            start: v,
+            end: D,
+            slotId: g,
+            slotName: w,
             title: void 0
           },
-          ie.EVENT,
-          R,
-          C,
-          m,
-          E
+          pe.EVENT,
+          g,
+          w,
+          v,
+          D
         ) : console.log("Conflict occurred, set conflictOccurred func in Scheduler to handle it");
       } else
-        n != null && n(r, R, C, m, E);
+        r != null && r(s, g, w, v, D);
     });
-    M(this, "cancelDrag", (e) => {
+    P(this, "cancelDrag", (e) => {
       e.stopPropagation();
-      const { isSelecting: r } = this.state;
-      r && (document.documentElement.removeEventListener("touchmove", this.doDrag, !1), document.documentElement.removeEventListener("touchend", this.stopDrag, !1), document.documentElement.removeEventListener("touchcancel", this.cancelDrag, !1), document.onselectstart = null, document.ondragstart = null, this.setState({
+      const { isSelecting: s } = this.state;
+      s && (document.documentElement.removeEventListener("touchmove", this.doDrag, !1), document.documentElement.removeEventListener("touchend", this.stopDrag, !1), document.documentElement.removeEventListener("touchcancel", this.cancelDrag, !1), document.onselectstart = null, document.ondragstart = null, this.setState({
         startX: 0,
         leftIndex: 0,
         left: 0,
@@ -1413,236 +1459,580 @@ class ft extends _e {
         isSelecting: !1
       }));
     });
-    M(this, "onAddMoreClick", (e) => {
-      const { onSetAddMoreState: r, resourceEvents: n, schedulerData: i } = this.props;
-      if (r) {
-        const { config: o } = i;
-        let a = i.getContentCellWidth(), d = n.headerItems.indexOf(e);
-        if (d !== -1) {
-          let c = d * (a - 1), h = pe(this.eventContainer);
-          c = c + h.x;
-          let p = h.y, f = (e.count + 1) * o.eventItemLineHeight + 20;
-          r({
+    P(this, "onAddMoreClick", (e) => {
+      const { onSetAddMoreState: s, resourceEvents: r, schedulerData: n } = this.props;
+      if (s) {
+        const { config: i } = n;
+        let o = n.getContentCellWidth(), l = r.headerItems.indexOf(e);
+        if (l !== -1) {
+          let u = l * (o - 1), c = Te(this.eventContainer);
+          u = u + c.x;
+          let f = c.y, h = (e.count + 1) * i.eventItemLineHeight + 20;
+          s({
             headerItem: e,
-            left: c,
-            top: p,
-            height: f
+            left: u,
+            top: f,
+            height: h
           });
         }
       }
     });
-    M(this, "eventContainerRef", (e) => {
+    P(this, "eventContainerRef", (e) => {
       this.eventContainer = e;
     });
     this.state = {
       isSelecting: !1,
       left: 0,
       width: 0
-    };
+    }, this.supportTouch = !1;
   }
   componentDidMount() {
-    const { schedulerData: e } = this.props, { config: r } = e;
-    r.creatable === !0 && (le || this.eventContainer.addEventListener("mousedown", this.initDrag, !1));
+    const { schedulerData: e } = this.props, { config: s } = e;
+    this.supportTouch = "ontouchstart" in window, s.creatable === !0 && (this.supportTouch || this.eventContainer.addEventListener("mousedown", this.initDrag, !1));
   }
-  UNSAFE_componentWillReceiveProps(e) {
-    le || this.eventContainer.removeEventListener("mousedown", this.initDrag, !1), e.schedulerData.config.creatable && (le || this.eventContainer.addEventListener("mousedown", this.initDrag, !1));
+  componentDidUpdate(e, s) {
+    e !== this.props && (this.supportTouch || this.eventContainer.removeEventListener("mousedown", this.initDrag, !1), this.props.schedulerData.config.creatable && (this.supportTouch || this.eventContainer.addEventListener("mousedown", this.initDrag, !1)));
   }
   render() {
-    const { resourceEvents: e, schedulerData: r, connectDropTarget: n, dndSource: i } = this.props, { cellUnit: o, startDate: a, endDate: d, config: c, localeMoment: h } = r, { isSelecting: p, left: f, width: m } = this.state;
-    let E = r.getContentCellWidth(), R = r.getCellMaxEvents(), C = r.getContentTableWidth(), x = i.getDragSource(), v = p ? /* @__PURE__ */ l.jsx(ht, { ...this.props, left: f, width: m }) : /* @__PURE__ */ l.jsx("div", {}), k = [];
-    return e.headerItems.forEach((T, D) => {
-      if (T.count > 0 || T.summary != null) {
-        let j = c.summaryPos === ae.TopRight || c.summaryPos === ae.Top || c.summaryPos === ae.TopLeft, N = e.hasSummary && j ? 1 + c.eventItemLineHeight : 1, A = T.addMore === 0 ? R : T.addMoreIndex;
-        if (T.events.forEach((S, _) => {
-          if (_ < A && S !== void 0 && S.render) {
-            let q = h(a), Q = h(d).add(1, "days");
-            o === O.Hour && (q = h(a).add(c.dayStartFrom, "hours"), Q = h(d).add(c.dayStopTo + 1, "hours"));
-            let G = h(S.eventItem.start), K = h(S.eventItem.end), U = G >= q, z = K <= Q, Y = D * E + (D > 0 ? 2 : 3), $ = S.span * E - (D > 0 ? 5 : 6) > 0 ? S.span * E - (D > 0 ? 5 : 6) : 0, V = N + _ * c.eventItemLineHeight, ne = /* @__PURE__ */ he(
-              x,
+    const { resourceEvents: e, schedulerData: s, connectDropTarget: r, dndSource: n } = this.props, { cellUnit: i, startDate: o, endDate: l, config: u, localeDayjs: c } = s, { isSelecting: f, left: h, width: v } = this.state;
+    let D = s.getContentCellWidth(), g = s.getCellMaxEvents(), w = s.getContentTableWidth(), T = n.getDragSource(), b = f ? /* @__PURE__ */ d.jsx(Dt, { ...this.props, left: h, width: v }) : /* @__PURE__ */ d.jsx("div", {}), k = [];
+    e.headerItems.forEach(($, H) => {
+      if ($.count > 0 || $.summary != null) {
+        let N = u.summaryPos === me.TopRight || u.summaryPos === me.Top || u.summaryPos === me.TopLeft, z = e.hasSummary && N ? 1 + u.eventItemLineHeight : 1, W = $.addMore === 0 ? g : $.addMoreIndex;
+        if ($.events.forEach((C, X) => {
+          if (X < W && C !== void 0 && C.render) {
+            let Z = c(new Date(o)), S = c(l).add(1, "days");
+            i === U.Hour && (Z = c(new Date(o)).add(u.dayStartFrom, "hours"), S = c(l).add(u.dayStopTo + 1, "hours"));
+            let x = c(C.eventItem.start), y = c(C.eventItem.end), j = x >= Z, m = y <= S, M = H * D + (H > 0 ? 2 : 3), _ = C.span * D - (H > 0 ? 5 : 6) > 0 ? C.span * D - (H > 0 ? 5 : 6) : 0, F = z + X * u.eventItemLineHeight, Q = /* @__PURE__ */ be(
+              T,
               {
                 ...this.props,
-                key: S.eventItem.id,
-                eventItem: S.eventItem,
-                isStart: U,
-                isEnd: z,
+                key: C.eventItem.id,
+                eventItem: C.eventItem,
+                isStart: j,
+                isEnd: m,
                 isInPopover: !1,
-                left: Y,
-                width: $,
-                top: V,
-                leftIndex: D,
-                rightIndex: D + S.span
+                left: M,
+                width: _,
+                top: F,
+                leftIndex: H,
+                rightIndex: H + C.span
               }
             );
-            k.push(ne);
+            k.push(Q);
           }
-        }), T.addMore > 0) {
-          let S = D * E + (D > 0 ? 2 : 3), _ = E - (D > 0 ? 5 : 6), q = N + T.addMoreIndex * c.eventItemLineHeight, Q = /* @__PURE__ */ he(ct, { ...this.props, key: T.time, headerItem: T, number: T.addMore, left: S, width: _, top: q, clickAction: this.onAddMoreClick });
-          k.push(Q);
+        }), $.addMore > 0) {
+          let C = H * D + (H > 0 ? 2 : 3), X = D - (H > 0 ? 5 : 6), Z = z + $.addMoreIndex * u.eventItemLineHeight, S = /* @__PURE__ */ be(
+            vt,
+            {
+              ...this.props,
+              key: $.time,
+              headerItem: $,
+              number: $.addMore,
+              left: C,
+              width: X,
+              top: Z,
+              clickAction: this.onAddMoreClick
+            }
+          );
+          k.push(S);
         }
-        if (T.summary != null) {
-          let S = j ? 1 : e.rowHeight - c.eventItemLineHeight + 1, _ = D * E + (D > 0 ? 2 : 3), q = E - (D > 0 ? 5 : 6), Q = `${e.slotId}_${T.time}`, G = /* @__PURE__ */ l.jsx(ut, { schedulerData: r, summary: T.summary, left: _, width: q, top: S }, Q);
-          k.push(G);
+        if ($.summary != null) {
+          let C = N ? 1 : e.rowHeight - u.eventItemLineHeight + 1, X = H * D + (H > 0 ? 2 : 3), Z = D - (H > 0 ? 5 : 6), S = `${e.slotId}_${$.time}`, x = /* @__PURE__ */ d.jsx(mt, { schedulerData: s, summary: $.summary, left: X, width: Z, top: C }, S);
+          k.push(x);
         }
       }
-    }), /* @__PURE__ */ l.jsx("tr", { children: /* @__PURE__ */ l.jsx("td", { style: { width: C }, children: n(
-      /* @__PURE__ */ l.jsxs("div", { ref: this.eventContainerRef, className: "event-container", style: { height: e.rowHeight }, children: [
-        v,
-        k
-      ] })
-    ) }) });
+    });
+    const A = /* @__PURE__ */ d.jsxs("div", { ref: this.eventContainerRef, className: "event-container", style: { height: e.rowHeight }, children: [
+      b,
+      k
+    ] });
+    return /* @__PURE__ */ d.jsx("tr", { children: /* @__PURE__ */ d.jsx("td", { style: { width: w }, children: u.dragAndDropEnabled ? r(A) : A }) });
   }
 }
-M(ft, "propTypes", {
-  resourceEvents: u.object.isRequired,
-  schedulerData: u.object.isRequired,
-  dndSource: u.object.isRequired,
-  onSetAddMoreState: u.func,
-  updateEventStart: u.func,
-  updateEventEnd: u.func,
-  moveEvent: u.func,
-  movingEvent: u.func,
-  conflictOccurred: u.func,
-  subtitleGetter: u.func,
-  eventItemClick: u.func,
-  viewEventClick: u.func,
-  viewEventText: u.string,
-  viewEvent2Click: u.func,
-  viewEvent2Text: u.string,
-  newEvent: u.func,
-  eventItemTemplateResolver: u.func
+P(yt, "propTypes", {
+  resourceEvents: Y.object.isRequired,
+  schedulerData: Y.object.isRequired,
+  dndSource: Y.object.isRequired,
+  onSetAddMoreState: Y.func,
+  updateEventStart: Y.func,
+  updateEventEnd: Y.func,
+  moveEvent: Y.func,
+  movingEvent: Y.func,
+  conflictOccurred: Y.func,
+  subtitleGetter: Y.func,
+  eventItemClick: Y.func,
+  viewEventClick: Y.func,
+  viewEventText: Y.string,
+  viewEvent2Click: Y.func,
+  viewEvent2Text: Y.string,
+  newEvent: Y.func,
+  eventItemTemplateResolver: Y.func
 });
-function mt(b) {
-  const { eventItem: t, isStart: e, isEnd: r, eventItemClick: n, schedulerData: i, eventItemTemplateResolver: o } = b, { config: a, behaviors: d } = i, c = e ? r ? "round-all" : "round-head" : r ? "round-tail" : "round-none", h = t.bgColor || a.defaultEventBgColor, p = d.getEventTextFunc(i, t);
-  let f = /* @__PURE__ */ l.jsx("div", { className: `${c} event-item`, style: { height: a.eventItemHeight, maxWidth: a.agendaMaxEventWidth, backgroundColor: h }, children: /* @__PURE__ */ l.jsx("span", { style: { marginLeft: "10px", lineHeight: `${a.eventItemHeight}px` }, children: p }) }, t.id);
-  o && (f = o(i, t, h, e, r, "event-item", a.eventItemHeight, a.agendaMaxEventWidth));
-  const m = () => {
-    n && n(i, t);
-  }, E = /* @__PURE__ */ l.jsx("a", { className: "day-event", onClick: m, children: f });
-  let R = /* @__PURE__ */ l.jsx(Oe, { ...b, title: t.title, startTime: t.start, endTime: t.end, statusColor: h });
-  return a.eventItemPopoverEnabled ? /* @__PURE__ */ l.jsx(He, { placement: "bottomLeft", content: R, trigger: "hover", children: E }) : /* @__PURE__ */ l.jsx("span", { children: E });
+function Et(R) {
+  const { eventItem: t, isStart: e, isEnd: s, eventItemClick: r, schedulerData: n, eventItemTemplateResolver: i } = R, { config: o, behaviors: l } = n, u = e ? s ? "round-all" : "round-head" : s ? "round-tail" : "round-none", c = t.bgColor || o.defaultEventBgColor, f = l.getEventTextFunc(n, t);
+  let h = /* @__PURE__ */ d.jsx("div", { className: `${u} event-item`, style: { height: o.eventItemHeight, maxWidth: o.agendaMaxEventWidth, backgroundColor: c }, children: /* @__PURE__ */ d.jsx("span", { style: { marginLeft: "10px", lineHeight: `${o.eventItemHeight}px` }, children: f }) }, t.id);
+  i && (h = i(n, t, c, e, s, "event-item", o.eventItemHeight, o.agendaMaxEventWidth));
+  const v = () => r == null ? void 0 : r(n, t), D = /* @__PURE__ */ d.jsx("a", { className: "day-event", onClick: v, children: h });
+  let g = /* @__PURE__ */ d.jsx(qe, { ...R, title: t.title, startTime: t.start, endTime: t.end, statusColor: c });
+  return o.eventItemPopoverEnabled ? /* @__PURE__ */ d.jsx(Fe, { placement: "bottomLeft", content: g, trigger: "hover", children: D }) : /* @__PURE__ */ d.jsx("span", { children: D });
 }
-mt.propTypes = {
-  schedulerData: u.object.isRequired,
-  eventItem: u.object.isRequired,
-  isStart: u.bool.isRequired,
-  isEnd: u.bool.isRequired,
-  subtitleGetter: u.func,
-  eventItemClick: u.func,
-  viewEventClick: u.func,
-  viewEventText: u.string,
-  viewEvent2Click: u.func,
-  viewEvent2Text: u.string,
-  eventItemTemplateResolver: u.func
+Et.propTypes = {
+  schedulerData: p.object.isRequired,
+  eventItem: p.object.isRequired,
+  isStart: p.bool.isRequired,
+  isEnd: p.bool.isRequired,
+  subtitleGetter: p.func,
+  eventItemClick: p.func,
+  viewEventClick: p.func,
+  viewEventText: p.string,
+  viewEvent2Click: p.func,
+  viewEvent2Text: p.string,
+  eventItemTemplateResolver: p.func
 };
-function gt(b) {
-  const { schedulerData: t, resourceEvents: e, slotClickedFunc: r, slotItemTemplateResolver: n } = b, { startDate: i, endDate: o, config: a, localeMoment: d } = t, { slotId: c, slotName: h, headerItems: p } = e;
-  let m = t.getResourceTableWidth() - 2;
-  const E = d(i).format(W), R = d(o).add(1, "days").format(W);
-  let C = [];
-  p.forEach(({ start: k, end: T, events: D }) => {
-    E === d(k).format(W) && R === d(T).format(W) && D.forEach(({ eventItem: j }) => {
-      const { start: N, end: A, id: S } = j, _ = d(i), q = d(o).add(1, "days"), Q = d(N) >= _, G = d(A) < q, K = /* @__PURE__ */ he(mt, { ...b, key: S, eventItem: j, isStart: Q, isEnd: G });
-      D.push(K);
-    });
-  });
-  const x = r && /* @__PURE__ */ l.jsx("a", { onClick: () => r(t, e), children: h });
-  let v = /* @__PURE__ */ l.jsx("div", { style: { width: m }, title: h, className: "overflow-text header2-text", children: x || /* @__PURE__ */ l.jsx("span", { children: h }) });
-  if (n) {
-    const k = n(t, e, r, m, "overflow-text header2-text");
-    k && (v = k);
-  }
-  return /* @__PURE__ */ l.jsxs("tr", { style: { minHeight: a.eventItemLineHeight + 2 }, children: [
-    /* @__PURE__ */ l.jsx("td", { "data-resource-id": c, children: v }),
-    /* @__PURE__ */ l.jsx("td", { children: /* @__PURE__ */ l.jsx("div", { className: "day-event-container", children: C }) })
+function wt(R) {
+  const { schedulerData: t, resourceEvents: e, slotClickedFunc: s, slotItemTemplateResolver: r } = R, { startDate: n, endDate: i, config: o, localeDayjs: l } = t, u = t.getResourceTableWidth() - 2, c = [];
+  for (const v of e.headerItems) {
+    const D = l(new Date(n)), g = l(i).add(1, "days"), w = l(new Date(v.start)), T = l(new Date(v.end));
+    if (D === w && g === T)
+      for (const b of v.events) {
+        const k = l(new Date(n)), A = l(i).add(1, "days"), $ = l(b.eventItem.start), H = l(b.eventItem.end), N = $ >= k, z = H < A, W = /* @__PURE__ */ be(Et, { ...R, key: b.eventItem.id, eventItem: b.eventItem, isStart: N, isEnd: z });
+        c.push(W);
+      }
+  }
+  const f = s ? /* @__PURE__ */ d.jsx("a", { onClick: () => s(t, e), children: e.slotName }) : /* @__PURE__ */ d.jsx("span", { children: e.slotName });
+  let h = /* @__PURE__ */ d.jsx("div", { style: { width: u }, title: e.slotName, className: "overflow-text header2-text", children: f });
+  if (r) {
+    const v = r(t, e, s, u, "overflow-text header2-text");
+    v && (h = v);
+  }
+  return /* @__PURE__ */ d.jsxs("tr", { style: { minHeight: o.eventItemLineHeight + 2 }, children: [
+    /* @__PURE__ */ d.jsx("td", { "data-resource-id": e.slotId, children: h }),
+    /* @__PURE__ */ d.jsx("td", { children: /* @__PURE__ */ d.jsx("div", { className: "day-event-container", children: c }) })
   ] });
 }
-gt.propTypes = {
-  schedulerData: u.object.isRequired,
-  resourceEvents: u.object.isRequired,
-  subtitleGetter: u.func,
-  eventItemClick: u.func,
-  viewEventClick: u.func,
-  viewEventText: u.string,
-  viewEvent2Click: u.func,
-  viewEvent2Text: u.string,
-  slotClickedFunc: u.func,
-  slotItemTemplateResolver: u.func
+wt.propTypes = {
+  schedulerData: p.object.isRequired,
+  resourceEvents: p.object.isRequired,
+  subtitleGetter: p.func,
+  eventItemClick: p.func,
+  viewEventClick: p.func,
+  viewEventText: p.string,
+  viewEvent2Click: p.func,
+  viewEvent2Text: p.string,
+  slotClickedFunc: p.func,
+  slotItemTemplateResolver: p.func
 };
-function pt(b) {
-  const { schedulerData: t } = b, { config: e, renderData: r, getResourceTableWidth: n, getTableHeaderHeight: i, isEventPerspective: o } = t, a = n(), d = i(), c = r.map((f) => /* @__PURE__ */ he(gt, { ...b, resourceEvents: f, key: f.slotId })), h = o ? e.taskName : e.resourceName, p = e.agendaViewHeader;
-  return /* @__PURE__ */ l.jsx("tr", { children: /* @__PURE__ */ l.jsx("td", { children: /* @__PURE__ */ l.jsxs("table", { className: "scheduler-table", children: [
-    /* @__PURE__ */ l.jsx("thead", { children: /* @__PURE__ */ l.jsxs("tr", { style: { height: d }, children: [
-      /* @__PURE__ */ l.jsx("th", { style: { width: a }, className: "header3-text", children: h }),
-      /* @__PURE__ */ l.jsx("th", { className: "header3-text", children: p })
+function bt(R) {
+  const { schedulerData: t } = R, { config: e, renderData: s } = t, r = t.getResourceTableWidth(), n = t.getTableHeaderHeight(), i = t.isEventPerspective ? e.taskName : e.resourceName, o = e.agendaViewHeader, l = s.map((u) => /* @__PURE__ */ be(wt, { ...R, resourceEvents: u, key: u.slotId }));
+  return /* @__PURE__ */ d.jsx("tr", { children: /* @__PURE__ */ d.jsx("td", { children: /* @__PURE__ */ d.jsxs("table", { className: "scheduler-table", children: [
+    /* @__PURE__ */ d.jsx("thead", { children: /* @__PURE__ */ d.jsxs("tr", { style: { height: n }, children: [
+      /* @__PURE__ */ d.jsx("th", { style: { width: r }, className: "header3-text", children: i }),
+      /* @__PURE__ */ d.jsx("th", { className: "header3-text", children: o })
     ] }) }),
-    /* @__PURE__ */ l.jsx("tbody", { children: c })
+    /* @__PURE__ */ d.jsx("tbody", { children: l })
   ] }) }) });
 }
-pt.propTypes = {
-  schedulerData: oe.object.isRequired,
-  subtitleGetter: oe.func,
-  eventItemClick: oe.func,
-  viewEventClick: oe.func,
-  viewEventText: oe.string,
-  viewEvent2Click: oe.func,
-  viewEvent2Text: oe.string,
-  slotClickedFunc: oe.func
+bt.propTypes = {
+  schedulerData: p.object.isRequired,
+  subtitleGetter: p.func,
+  eventItemClick: p.func,
+  viewEventClick: p.func,
+  viewEventText: p.string,
+  viewEvent2Click: p.func,
+  viewEvent2Text: p.string,
+  slotClickedFunc: p.func
 };
-function ir(b) {
-  const [t] = $t(new ot((T) => T.eventItem, Ne)), { headerItem: e, left: r, top: n, height: i, closeAction: o, schedulerData: a } = b, { config: d, localeMoment: c } = a, { time: h, start: p, end: f, events: m } = e;
-  let E = c(h).format(d.addMorePopoverHeaderFormat), R = c(p), C = c(f), x = 0, v = t.getDragSource();
-  const k = m.map((T) => {
-    if (T !== void 0) {
-      x++;
-      let D = c(T.eventItem.start), j = c(T.eventItem.end), N = D >= R, A = j < C, S = 10, _ = 138, q = 12 + x * d.eventItemLineHeight;
-      return /* @__PURE__ */ he(
-        v,
+function hs(R) {
+  const { schedulerData: t, headerItem: e, left: s, top: r, height: n, closeAction: i } = R, { config: o, localeDayjs: l } = t, { time: u, start: c, end: f, events: h } = e, [v] = ke(new ht((k) => k.eventItem, Be, t.config.dragAndDropEnabled)), D = l(new Date(u)).format(o.addMorePopoverHeaderFormat), g = l(new Date(c)), w = l(f), T = v.getDragSource(), b = h.map((k, A) => {
+    if (k !== void 0) {
+      const $ = l(k.eventItem.start), H = l(k.eventItem.end), N = $ >= g, z = H < w, W = 12 + (A + 1) * o.eventItemLineHeight;
+      return /* @__PURE__ */ be(
+        T,
         {
-          ...b,
-          key: T.eventItem.id,
-          eventItem: T.eventItem,
+          ...R,
+          key: k.eventItem.id,
+          eventItem: k.eventItem,
           leftIndex: 0,
           isInPopover: !0,
           isStart: N,
-          isEnd: A,
+          isEnd: z,
           rightIndex: 1,
-          left: S,
-          width: _,
-          top: q
+          left: 10,
+          width: 138,
+          top: W
         }
       );
     }
     return null;
   });
-  return /* @__PURE__ */ l.jsxs("div", { className: "add-more-popover-overlay", style: { left: r, top: n, height: i, width: "170px" }, children: [
-    /* @__PURE__ */ l.jsxs(ue, { justify: "space-between", align: "middle", children: [
-      /* @__PURE__ */ l.jsx(ee, { span: "22", children: /* @__PURE__ */ l.jsx("span", { className: "base-text", children: E }) }),
-      /* @__PURE__ */ l.jsx(ee, { span: "2", children: /* @__PURE__ */ l.jsx("span", { onClick: () => o(void 0), children: /* @__PURE__ */ l.jsx(Gt, {}) }) })
+  return /* @__PURE__ */ d.jsxs("div", { className: "add-more-popover-overlay", style: { left: s, top: r, height: n, width: "170px" }, children: [
+    /* @__PURE__ */ d.jsxs(we, { justify: "space-between", align: "middle", children: [
+      /* @__PURE__ */ d.jsx(de, { span: 22, children: /* @__PURE__ */ d.jsx("span", { className: "base-text", children: D }) }),
+      /* @__PURE__ */ d.jsx(de, { span: 2, children: /* @__PURE__ */ d.jsx("span", { onClick: () => i(void 0), children: /* @__PURE__ */ d.jsx(ns, {}) }) })
     ] }),
-    k
+    b == null ? void 0 : b.filter(Boolean)
   ] });
 }
-ir.propTypes = {
-  schedulerData: u.object.isRequired,
-  headerItem: u.object.isRequired,
-  left: u.number.isRequired,
-  top: u.number.isRequired,
-  height: u.number.isRequired,
-  closeAction: u.func.isRequired,
-  subtitleGetter: u.func,
-  moveEvent: u.func,
-  eventItemClick: u.func,
-  viewEventClick: u.func,
-  viewEventText: u.string,
-  viewEvent2Click: u.func,
-  viewEvent2Text: u.string,
-  eventItemTemplateResolver: u.func
+hs.propTypes = {
+  schedulerData: p.object.isRequired,
+  headerItem: p.object.isRequired,
+  left: p.number.isRequired,
+  top: p.number.isRequired,
+  height: p.number.isRequired,
+  closeAction: p.func.isRequired,
+  subtitleGetter: p.func,
+  moveEvent: p.func,
+  eventItemClick: p.func,
+  viewEventClick: p.func,
+  viewEventText: p.string,
+  viewEvent2Click: p.func,
+  viewEvent2Text: p.string,
+  eventItemTemplateResolver: p.func
 };
-const rt = {
+var xt = { exports: {} };
+(function(R, t) {
+  (function(e, s) {
+    R.exports = s();
+  })(_e, function() {
+    var e = 1e3, s = 6e4, r = 36e5, n = "millisecond", i = "second", o = "minute", l = "hour", u = "day", c = "week", f = "month", h = "quarter", v = "year", D = "date", g = "Invalid Date", w = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, T = /\[([^\]]+)]|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, b = { 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(S) {
+      var x = ["th", "st", "nd", "rd"], y = S % 100;
+      return "[" + S + (x[(y - 20) % 10] || x[y] || x[0]) + "]";
+    } }, k = function(S, x, y) {
+      var j = String(S);
+      return !j || j.length >= x ? S : "" + Array(x + 1 - j.length).join(y) + S;
+    }, A = { s: k, z: function(S) {
+      var x = -S.utcOffset(), y = Math.abs(x), j = Math.floor(y / 60), m = y % 60;
+      return (x <= 0 ? "+" : "-") + k(j, 2, "0") + ":" + k(m, 2, "0");
+    }, m: function S(x, y) {
+      if (x.date() < y.date())
+        return -S(y, x);
+      var j = 12 * (y.year() - x.year()) + (y.month() - x.month()), m = x.clone().add(j, f), M = y - m < 0, _ = x.clone().add(j + (M ? -1 : 1), f);
+      return +(-(j + (y - m) / (M ? m - _ : _ - m)) || 0);
+    }, a: function(S) {
+      return S < 0 ? Math.ceil(S) || 0 : Math.floor(S);
+    }, p: function(S) {
+      return { M: f, y: v, w: c, d: u, D, h: l, m: o, s: i, ms: n, Q: h }[S] || String(S || "").toLowerCase().replace(/s$/, "");
+    }, u: function(S) {
+      return S === void 0;
+    } }, $ = "en", H = {};
+    H[$] = b;
+    var N = function(S) {
+      return S instanceof X;
+    }, z = function S(x, y, j) {
+      var m;
+      if (!x)
+        return $;
+      if (typeof x == "string") {
+        var M = x.toLowerCase();
+        H[M] && (m = M), y && (H[M] = y, m = M);
+        var _ = x.split("-");
+        if (!m && _.length > 1)
+          return S(_[0]);
+      } else {
+        var F = x.name;
+        H[F] = x, m = F;
+      }
+      return !j && m && ($ = m), m || !j && $;
+    }, W = function(S, x) {
+      if (N(S))
+        return S.clone();
+      var y = typeof x == "object" ? x : {};
+      return y.date = S, y.args = arguments, new X(y);
+    }, C = A;
+    C.l = z, C.i = N, C.w = function(S, x) {
+      return W(S, { locale: x.$L, utc: x.$u, x: x.$x, $offset: x.$offset });
+    };
+    var X = function() {
+      function S(y) {
+        this.$L = z(y.locale, null, !0), this.parse(y);
+      }
+      var x = S.prototype;
+      return x.parse = function(y) {
+        this.$d = function(j) {
+          var m = j.date, M = j.utc;
+          if (m === null)
+            return /* @__PURE__ */ new Date(NaN);
+          if (C.u(m))
+            return /* @__PURE__ */ new Date();
+          if (m instanceof Date)
+            return new Date(m);
+          if (typeof m == "string" && !/Z$/i.test(m)) {
+            var _ = m.match(w);
+            if (_) {
+              var F = _[2] - 1 || 0, Q = (_[7] || "0").substring(0, 3);
+              return M ? new Date(Date.UTC(_[1], F, _[3] || 1, _[4] || 0, _[5] || 0, _[6] || 0, Q)) : new Date(_[1], F, _[3] || 1, _[4] || 0, _[5] || 0, _[6] || 0, Q);
+            }
+          }
+          return new Date(m);
+        }(y), this.$x = y.x || {}, this.init();
+      }, x.init = function() {
+        var y = this.$d;
+        this.$y = y.getFullYear(), this.$M = y.getMonth(), this.$D = y.getDate(), this.$W = y.getDay(), this.$H = y.getHours(), this.$m = y.getMinutes(), this.$s = y.getSeconds(), this.$ms = y.getMilliseconds();
+      }, x.$utils = function() {
+        return C;
+      }, x.isValid = function() {
+        return this.$d.toString() !== g;
+      }, x.isSame = function(y, j) {
+        var m = W(y);
+        return this.startOf(j) <= m && m <= this.endOf(j);
+      }, x.isAfter = function(y, j) {
+        return W(y) < this.startOf(j);
+      }, x.isBefore = function(y, j) {
+        return this.endOf(j) < W(y);
+      }, x.$g = function(y, j, m) {
+        return C.u(y) ? this[j] : this.set(m, y);
+      }, x.unix = function() {
+        return Math.floor(this.valueOf() / 1e3);
+      }, x.valueOf = function() {
+        return this.$d.getTime();
+      }, x.startOf = function(y, j) {
+        var m = this, M = !!C.u(j) || j, _ = C.p(y), F = function(ue, re) {
+          var oe = C.w(m.$u ? Date.UTC(m.$y, re, ue) : new Date(m.$y, re, ue), m);
+          return M ? oe : oe.endOf(u);
+        }, Q = function(ue, re) {
+          return C.w(m.toDate()[ue].apply(m.toDate("s"), (M ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(re)), m);
+        }, J = this.$W, ee = this.$M, ae = this.$D, ne = "set" + (this.$u ? "UTC" : "");
+        switch (_) {
+          case v:
+            return M ? F(1, 0) : F(31, 11);
+          case f:
+            return M ? F(1, ee) : F(0, ee + 1);
+          case c:
+            var le = this.$locale().weekStart || 0, he = (J < le ? J + 7 : J) - le;
+            return F(M ? ae - he : ae + (6 - he), ee);
+          case u:
+          case D:
+            return Q(ne + "Hours", 0);
+          case l:
+            return Q(ne + "Minutes", 1);
+          case o:
+            return Q(ne + "Seconds", 2);
+          case i:
+            return Q(ne + "Milliseconds", 3);
+          default:
+            return this.clone();
+        }
+      }, x.endOf = function(y) {
+        return this.startOf(y, !1);
+      }, x.$set = function(y, j) {
+        var m, M = C.p(y), _ = "set" + (this.$u ? "UTC" : ""), F = (m = {}, m[u] = _ + "Date", m[D] = _ + "Date", m[f] = _ + "Month", m[v] = _ + "FullYear", m[l] = _ + "Hours", m[o] = _ + "Minutes", m[i] = _ + "Seconds", m[n] = _ + "Milliseconds", m)[M], Q = M === u ? this.$D + (j - this.$W) : j;
+        if (M === f || M === v) {
+          var J = this.clone().set(D, 1);
+          J.$d[F](Q), J.init(), this.$d = J.set(D, Math.min(this.$D, J.daysInMonth())).$d;
+        } else
+          F && this.$d[F](Q);
+        return this.init(), this;
+      }, x.set = function(y, j) {
+        return this.clone().$set(y, j);
+      }, x.get = function(y) {
+        return this[C.p(y)]();
+      }, x.add = function(y, j) {
+        var m, M = this;
+        y = Number(y);
+        var _ = C.p(j), F = function(ee) {
+          var ae = W(M);
+          return C.w(ae.date(ae.date() + Math.round(ee * y)), M);
+        };
+        if (_ === f)
+          return this.set(f, this.$M + y);
+        if (_ === v)
+          return this.set(v, this.$y + y);
+        if (_ === u)
+          return F(1);
+        if (_ === c)
+          return F(7);
+        var Q = (m = {}, m[o] = s, m[l] = r, m[i] = e, m)[_] || 1, J = this.$d.getTime() + y * Q;
+        return C.w(J, this);
+      }, x.subtract = function(y, j) {
+        return this.add(-1 * y, j);
+      }, x.format = function(y) {
+        var j = this, m = this.$locale();
+        if (!this.isValid())
+          return m.invalidDate || g;
+        var M = y || "YYYY-MM-DDTHH:mm:ssZ", _ = C.z(this), F = this.$H, Q = this.$m, J = this.$M, ee = m.weekdays, ae = m.months, ne = function(re, oe, xe, De) {
+          return re && (re[oe] || re(j, M)) || xe[oe].slice(0, De);
+        }, le = function(re) {
+          return C.s(F % 12 || 12, re, "0");
+        }, he = m.meridiem || function(re, oe, xe) {
+          var De = re < 12 ? "AM" : "PM";
+          return xe ? De.toLowerCase() : De;
+        }, ue = { YY: String(this.$y).slice(-2), YYYY: C.s(this.$y, 4, "0"), M: J + 1, MM: C.s(J + 1, 2, "0"), MMM: ne(m.monthsShort, J, ae, 3), MMMM: ne(ae, J), D: this.$D, DD: C.s(this.$D, 2, "0"), d: String(this.$W), dd: ne(m.weekdaysMin, this.$W, ee, 2), ddd: ne(m.weekdaysShort, this.$W, ee, 3), dddd: ee[this.$W], H: String(F), HH: C.s(F, 2, "0"), h: le(1), hh: le(2), a: he(F, Q, !0), A: he(F, Q, !1), m: String(Q), mm: C.s(Q, 2, "0"), s: String(this.$s), ss: C.s(this.$s, 2, "0"), SSS: C.s(this.$ms, 3, "0"), Z: _ };
+        return M.replace(T, function(re, oe) {
+          return oe || ue[re] || _.replace(":", "");
+        });
+      }, x.utcOffset = function() {
+        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+      }, x.diff = function(y, j, m) {
+        var M, _ = C.p(j), F = W(y), Q = (F.utcOffset() - this.utcOffset()) * s, J = this - F, ee = C.m(this, F);
+        return ee = (M = {}, M[v] = ee / 12, M[f] = ee, M[h] = ee / 3, M[c] = (J - Q) / 6048e5, M[u] = (J - Q) / 864e5, M[l] = J / r, M[o] = J / s, M[i] = J / e, M)[_] || J, m ? ee : C.a(ee);
+      }, x.daysInMonth = function() {
+        return this.endOf(f).$D;
+      }, x.$locale = function() {
+        return H[this.$L];
+      }, x.locale = function(y, j) {
+        if (!y)
+          return this.$L;
+        var m = this.clone(), M = z(y, j, !0);
+        return M && (m.$L = M), m;
+      }, x.clone = function() {
+        return C.w(this.$d, this);
+      }, x.toDate = function() {
+        return new Date(this.valueOf());
+      }, x.toJSON = function() {
+        return this.isValid() ? this.toISOString() : null;
+      }, x.toISOString = function() {
+        return this.$d.toISOString();
+      }, x.toString = function() {
+        return this.$d.toUTCString();
+      }, S;
+    }(), Z = X.prototype;
+    return W.prototype = Z, [["$ms", n], ["$s", i], ["$m", o], ["$H", l], ["$W", u], ["$M", f], ["$y", v], ["$D", D]].forEach(function(S) {
+      Z[S[1]] = function(x) {
+        return this.$g(x, S[0], S[1]);
+      };
+    }), W.extend = function(S, x) {
+      return S.$i || (S(x, X, W), S.$i = !0), W;
+    }, W.locale = z, W.isDayjs = N, W.unix = function(S) {
+      return W(1e3 * S);
+    }, W.en = H[$], W.Ls = H, W.p = {}, W;
+  });
+})(xt);
+var fs = xt.exports;
+const ve = /* @__PURE__ */ Oe(fs);
+var Ct = { exports: {} };
+(function(R, t) {
+  (function(e, s) {
+    R.exports = s();
+  })(_e, function() {
+    var e = "month", s = "quarter";
+    return function(r, n) {
+      var i = n.prototype;
+      i.quarter = function(u) {
+        return this.$utils().u(u) ? Math.ceil((this.month() + 1) / 3) : this.month(this.month() % 3 + 3 * (u - 1));
+      };
+      var o = i.add;
+      i.add = function(u, c) {
+        return u = Number(u), this.$utils().p(c) === s ? this.add(3 * u, e) : o.bind(this)(u, c);
+      };
+      var l = i.startOf;
+      i.startOf = function(u, c) {
+        var f = this.$utils(), h = !!f.u(c) || c;
+        if (f.p(u) === s) {
+          var v = this.quarter() - 1;
+          return h ? this.month(3 * v).startOf(e).startOf("day") : this.month(3 * v + 2).endOf(e).endOf("day");
+        }
+        return l.bind(this)(u, c);
+      };
+    };
+  });
+})(Ct);
+var ps = Ct.exports;
+const gs = /* @__PURE__ */ Oe(ps);
+var St = { exports: {} };
+(function(R, t) {
+  (function(e, s) {
+    R.exports = s();
+  })(_e, function() {
+    var e = "minute", s = /[+-]\d\d(?::?\d\d)?/g, r = /([+-]|\d\d)/g;
+    return function(n, i, o) {
+      var l = i.prototype;
+      o.utc = function(g) {
+        var w = { date: g, utc: !0, args: arguments };
+        return new i(w);
+      }, l.utc = function(g) {
+        var w = o(this.toDate(), { locale: this.$L, utc: !0 });
+        return g ? w.add(this.utcOffset(), e) : w;
+      }, l.local = function() {
+        return o(this.toDate(), { locale: this.$L, utc: !1 });
+      };
+      var u = l.parse;
+      l.parse = function(g) {
+        g.utc && (this.$u = !0), this.$utils().u(g.$offset) || (this.$offset = g.$offset), u.call(this, g);
+      };
+      var c = l.init;
+      l.init = function() {
+        if (this.$u) {
+          var g = this.$d;
+          this.$y = g.getUTCFullYear(), this.$M = g.getUTCMonth(), this.$D = g.getUTCDate(), this.$W = g.getUTCDay(), this.$H = g.getUTCHours(), this.$m = g.getUTCMinutes(), this.$s = g.getUTCSeconds(), this.$ms = g.getUTCMilliseconds();
+        } else
+          c.call(this);
+      };
+      var f = l.utcOffset;
+      l.utcOffset = function(g, w) {
+        var T = this.$utils().u;
+        if (T(g))
+          return this.$u ? 0 : T(this.$offset) ? f.call(this) : this.$offset;
+        if (typeof g == "string" && (g = function($) {
+          $ === void 0 && ($ = "");
+          var H = $.match(s);
+          if (!H)
+            return null;
+          var N = ("" + H[0]).match(r) || ["-", 0, 0], z = N[0], W = 60 * +N[1] + +N[2];
+          return W === 0 ? 0 : z === "+" ? W : -W;
+        }(g), g === null))
+          return this;
+        var b = Math.abs(g) <= 16 ? 60 * g : g, k = this;
+        if (w)
+          return k.$offset = b, k.$u = g === 0, k;
+        if (g !== 0) {
+          var A = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          (k = this.local().add(b + A, e)).$offset = b, k.$x.$localOffset = A;
+        } else
+          k = this.utc();
+        return k;
+      };
+      var h = l.format;
+      l.format = function(g) {
+        var w = g || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+        return h.call(this, w);
+      }, l.valueOf = function() {
+        var g = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+        return this.$d.valueOf() - 6e4 * g;
+      }, l.isUTC = function() {
+        return !!this.$u;
+      }, l.toISOString = function() {
+        return this.toDate().toISOString();
+      }, l.toString = function() {
+        return this.toDate().toUTCString();
+      };
+      var v = l.toDate;
+      l.toDate = function(g) {
+        return g === "s" && this.$offset ? o(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : v.call(this);
+      };
+      var D = l.diff;
+      l.diff = function(g, w, T) {
+        if (g && this.$u === g.$u)
+          return D.call(this, g, w, T);
+        var b = this.local(), k = o(g).local();
+        return D.call(b, k, w, T);
+      };
+    };
+  });
+})(St);
+var vs = St.exports;
+const ms = /* @__PURE__ */ Oe(vs);
+var Rt = { exports: {} };
+(function(R, t) {
+  (function(e, s) {
+    R.exports = s();
+  })(_e, function() {
+    return function(e, s) {
+      s.prototype.weekday = function(r) {
+        var n = this.$locale().weekStart || 0, i = this.$W, o = (i < n ? i + 7 : i) - n;
+        return this.$utils().u(r) ? o : this.subtract(o, "day").add(r, "day");
+      };
+    };
+  });
+})(Rt);
+var Ds = Rt.exports;
+const ys = /* @__PURE__ */ Oe(Ds), ct = {
   schedulerWidth: "100%",
   besidesWidth: 20,
   schedulerMaxHeight: 0,
   tableHeaderHeight: 40,
+  schedulerContentHeight: "500px",
+  responsiveByParent: !1,
   agendaResourceTableWidth: 160,
   agendaMaxEventWidth: 100,
   dayResourceTableWidth: 160,
@@ -1663,6 +2053,9 @@ const rt = {
   quarterMaxEvents: 99,
   yearMaxEvents: 99,
   customMaxEvents: 99,
+  eventItemPopoverTrigger: "hover",
+  eventItemPopoverPlacement: "bottomLeft",
+  eventItemPopoverWidth: 300,
   eventItemHeight: 22,
   eventItemLineHeight: 24,
   nonAgendaSlotMinHeight: 0,
@@ -1674,7 +2067,7 @@ const rt = {
   nonWorkingTimeHeadBgColor: "#fff0f6",
   nonWorkingTimeBodyBgColor: "#fff0f6",
   summaryColor: "#666",
-  summaryPos: ae.TopRight,
+  summaryPos: me.TopRight,
   groupOnlySlotColor: "#F8F8F8",
   startResizable: !0,
   endResizable: !0,
@@ -1682,15 +2075,20 @@ const rt = {
   creatable: !0,
   crossResourceMove: !0,
   checkConflict: !1,
-  scrollToSpecialMomentEnabled: !0,
+  scrollToSpecialDayjsEnabled: !0,
   eventItemPopoverEnabled: !0,
   eventItemPopoverShowColor: !0,
   calendarPopoverEnabled: !0,
   recurringEventsEnabled: !0,
+  viewChangeSpinEnabled: !0,
+  dateChangeSpinEnabled: !0,
   headerEnabled: !0,
+  resourceViewEnabled: !0,
   displayWeekend: !0,
   relativeMove: !0,
   defaultExpanded: !0,
+  dragAndDropEnabled: !0,
+  schedulerHeaderEventsFuncsTimeoutMs: 100,
   resourceName: "Resource Name",
   taskName: "Task Name",
   agendaViewHeader: "Agenda",
@@ -1703,76 +2101,70 @@ const rt = {
   nonAgendaOtherCellHeaderFormat: "ddd M/D",
   minuteStep: 30,
   views: [
-    { viewName: "Day", viewType: w.Day, showAgenda: !1, isEventPerspective: !1 },
-    { viewName: "Week", viewType: w.Week, showAgenda: !1, isEventPerspective: !1 },
-    { viewName: "Month", viewType: w.Month, showAgenda: !1, isEventPerspective: !1 },
-    { viewName: "Quarter", viewType: w.Quarter, showAgenda: !1, isEventPerspective: !1 },
-    { viewName: "Year", viewType: w.Year, showAgenda: !1, isEventPerspective: !1 }
+    { viewName: "Day", viewType: O.Day, showAgenda: !1, isEventPerspective: !1 },
+    { viewName: "Week", viewType: O.Week, showAgenda: !1, isEventPerspective: !1 },
+    { viewName: "Month", viewType: O.Month, showAgenda: !1, isEventPerspective: !1 },
+    { viewName: "Quarter", viewType: O.Quarter, showAgenda: !1, isEventPerspective: !1 },
+    { viewName: "Year", viewType: O.Year, showAgenda: !1, isEventPerspective: !1 }
   ]
-}, or = (b, t, e, r) => {
-  const n = b.localeMoment(e), i = b.localeMoment(r);
-  let o;
-  switch (t) {
-    case w.Week:
-    case w.Custom:
-    case w.Custom1:
-    case w.Custom2:
-      n !== i && (o = `${n.format("MMM D")}-${i.format("D, YYYY")}`, n.month() !== i.month() && (o = `${n.format("MMM D")}-${i.format("MMM D, YYYY")}`), n.year() !== i.year() && (o = `${n.format("MMM D, YYYY")}-${i.format("MMM D, YYYY")}`));
-      break;
-    case w.Month:
-      o = n.format("MMMM YYYY");
-      break;
-    case w.Quarter:
-      o = `${n.format("MMM D")}-${i.format("MMM D, YYYY")}`;
-      break;
-    case w.Year:
-      o = n.format("YYYY");
-      break;
-    default:
-      o = n.format("MMM D, YYYY");
-  }
-  return o;
-}, ar = (b, t) => {
-  if (!b.isEventPerspective)
-    return t.title;
-  const e = b.resources.find((r) => r.id === t.resourceId);
-  return e ? e.name : t.title;
-}, lr = (b, t, e) => b.localeMoment(), dr = (b, t) => {
-  const { localeMoment: e, cellUnit: r } = b;
-  if (r === O.Hour) {
-    const i = e(t).hour();
-    return i < 9 || i > 18;
-  }
-  const n = e(t).weekday();
-  return n === 0 || n === 6;
-}, nt = {
+}, Es = (R, t, e, s) => {
+  const { localeDayjs: r } = R, n = r(new Date(e)), i = r(s);
+  let o = "";
+  return t === O.Week || n !== i && (t === O.Custom || t === O.Custom1 || t === O.Custom2) ? (o = `${n.format("MMM D")}-${i.format("D, YYYY")}`, n.month() !== i.month() && (o = `${n.format("MMM D")}-${i.format("MMM D, YYYY")}`), n.year() !== i.year() && (o = `${n.format("MMM D, YYYY")}-${i.format("MMM D, YYYY")}`)) : t === O.Month ? o = n.format("MMMM YYYY") : t === O.Quarter ? o = `${n.format("MMM D")}-${i.format("MMM D, YYYY")}` : t === O.Year ? o = n.format("YYYY") : o = n.format("MMM D, YYYY"), o;
+}, ws = (R, t) => {
+  var e;
+  return R.isEventPerspective && ((e = R.resources.find((s) => s.id === t.resourceId)) == null ? void 0 : e.name) || t.title;
+}, bs = (R) => {
+  const { localeDayjs: t } = R;
+  return t(/* @__PURE__ */ new Date());
+}, xs = (R, t) => {
+  const { localeDayjs: e, cellUnit: s } = R;
+  if (s === U.Hour) {
+    const r = e(new Date(t)).hour();
+    return r < 9 || r > 18;
+  } else {
+    const r = e(new Date(t)).weekday();
+    return r === 0 || r === 6;
+  }
+}, dt = {
   getSummaryFunc: void 0,
   getCustomDateFunc: void 0,
   getNonAgendaViewBodyCellBgColorFunc: void 0,
-  getScrollSpecialMomentFunc: lr,
-  getDateLabelFunc: or,
-  getEventTextFunc: ar,
-  isNonWorkingTimeFunc: dr
-  // getNonAgendaViewBodyCellBgColorFunc: getNonAgendaViewBodyCellBgColor,
-  //getCustomDateFunc: getCustomDate,
-  //getSummaryFunc: getSummary,
+  getScrollSpecialDayjsFunc: bs,
+  getDateLabelFunc: Es,
+  getEventTextFunc: ws,
+  isNonWorkingTimeFunc: xs
 };
-class Cr {
-  constructor(t = ke().format(W), e = w.Week, r = !1, n = !1, i = void 0, o = void 0, a = void 0) {
-    this.resources = [], this.events = [], this.eventGroups = [], this.eventGroupsAutoGenerated = !0, this.viewType = e, this.cellUnit = e === w.Day ? O.Hour : O.Day, this.showAgenda = r, this.isEventPerspective = n, this.resizing = !1, this.scrollToSpecialMoment = !1, this.documentWidth = 0, this.localeMoment = ke, a && (this.localeMoment = a), this.config = i == null ? rt : { ...rt, ...i }, this._validateMinuteStep(this.config.minuteStep), this.behaviors = o == null ? nt : { ...nt, ...o }, this._resolveDate(0, t), this._createHeaders(), this._createRenderData();
-  }
-  setLocaleMoment(t) {
-    t && (this.localeMoment = t, this._createHeaders(), this._createRenderData());
+class Hs {
+  constructor(t = ve(), e = O.Week, s = !1, r = !1, n = void 0, i = void 0) {
+    this.resources = [], this.events = [], this.eventGroups = [], this.eventGroupsAutoGenerated = !0, this.viewType = e, this.cellUnit = e === O.Day ? U.Hour : U.Day, this.showAgenda = s, this.isEventPerspective = r, this.resizing = !1, this.scrollToSpecialDayjs = !1, this.documentWidth = 0, this._shouldReloadViewType = !1, this.calendarPopoverLocale = void 0, ve.extend(gs), ve.extend(ys), ve.extend(ms), this.localeDayjs = ve, this.config = n == null ? ct : { ...ct, ...n }, this._validateMinuteStep(this.config.minuteStep), this.behaviors = i == null ? dt : { ...dt, ...i }, this._resolveDate(0, t), this._createHeaders(), this._createRenderData();
+  }
+  setSchedulerLocale(t, e) {
+    if (!t)
+      return;
+    let s = t;
+    typeof t == "string" && import(`dayjs/locale/${t}.js`).then((r) => {
+      s = r.default, e && Object.entries(e).forEach(([n, i]) => s[n] = i);
+    }).catch((r) => {
+      console.error("Error loading locale:", r);
+    }), this.localeDayjs.locale(s), this._shouldReloadViewType = !0, this.setViewType(this.viewType, this.showAgenda, this.isEventPerspective);
+  }
+  setCalendarPopoverLocale(t) {
+    t && typeof t == "string" && import(`antd/locale/${t}.js`).then((e) => {
+      this.calendarPopoverLocale = e.default || Locale;
+    }).catch((e) => {
+      console.error("Error loading locale:", e);
+    });
   }
   setResources(t) {
-    this._validateResource(t), this.resources = Array.from(new Set(t)), this._createRenderData(), this.setScrollToSpecialMoment(!0);
+    this._validateResource(t), this.resources = Array.from(new Set(t)), this._createRenderData(), this.setScrollToSpecialDayjs(!0);
   }
   setEventGroupsAutoGenerated(t) {
     this.eventGroupsAutoGenerated = t;
   }
   //optional
   setEventGroups(t) {
-    this._validateEventGroups(t), this.eventGroups = Array.from(new Set(t)), this.eventGroupsAutoGenerated = !1, this._createRenderData(), this.setScrollToSpecialMoment(!0);
+    this._validateEventGroups(t), this.eventGroups = Array.from(new Set(t)), this.eventGroupsAutoGenerated = !1, this._createRenderData(), this.setScrollToSpecialDayjs(!0);
   }
   setMinuteStep(t) {
     this.config.minuteStep !== t && (this._validateMinuteStep(t), this.config.minuteStep = t, this._createHeaders(), this._createRenderData());
@@ -1784,28 +2176,28 @@ class Cr {
     return 60 / this.config.minuteStep;
   }
   addResource(t) {
-    this.resources.filter((r) => r.id === t.id).length === 0 && (this.resources.push(t), this._createRenderData());
+    this.resources.filter((s) => s.id === t.id).length === 0 && (this.resources.push(t), this._createRenderData());
   }
   addEventGroup(t) {
-    this.eventGroups.filter((r) => r.id === t.id).length === 0 && (this.eventGroups.push(t), this._createRenderData());
+    this.eventGroups.filter((s) => s.id === t.id).length === 0 && (this.eventGroups.push(t), this._createRenderData());
   }
   removeEventGroupById(t) {
     let e = -1;
-    this.eventGroups.forEach((r, n) => {
-      r.id === t && (e = n);
+    this.eventGroups.forEach((s, r) => {
+      s.id === t && (e = r);
     }), e !== -1 && this.eventGroups.splice(e, 1);
   }
   containsEventGroupId(t) {
     let e = -1;
-    return this.eventGroups.forEach((r, n) => {
-      r.id === t && (e = n);
+    return this.eventGroups.forEach((s, r) => {
+      s.id === t && (e = r);
     }), e !== -1;
   }
   setEvents(t) {
     this._validateEvents(t), this.events = Array.from(t), this.eventGroupsAutoGenerated && this._generateEventGroups(), this.config.recurringEventsEnabled && this._handleRecurringEvents(), this._createRenderData();
   }
-  setScrollToSpecialMoment(t) {
-    this.config.scrollToSpecialMomentEnabled && (this.scrollToSpecialMoment = t);
+  setScrollToSpecialDayjs(t) {
+    this.config.scrollToSpecialDayjsEnabled && (this.scrollToSpecialDayjs = t);
   }
   prev() {
     this._resolveDate(-1), this.events = [], this._createHeaders(), this._createRenderData();
@@ -1813,29 +2205,29 @@ class Cr {
   next() {
     this._resolveDate(1), this.events = [], this._createHeaders(), this._createRenderData();
   }
-  setDate(t = ke().format(W)) {
+  setDate(t = ve(/* @__PURE__ */ new Date())) {
     this._resolveDate(0, t), this.events = [], this._createHeaders(), this._createRenderData();
   }
-  setViewType(t = w.Week, e = !1, r = !1) {
-    if (this.showAgenda = e, this.isEventPerspective = r, this.cellUnit = O.Day, this.viewType !== t) {
-      let n = this.startDate;
-      if (t === w.Custom || t === w.Custom1 || t === w.Custom2)
-        this.viewType = t, this._resolveDate(0, n);
+  setViewType(t = O.Week, e = !1, s = !1) {
+    if (this.showAgenda = e, this.isEventPerspective = s, this.cellUnit = U.Day, this.viewType !== t || this._shouldReloadViewType) {
+      let r = this.startDate;
+      if (t === O.Custom || t === O.Custom1 || t === O.Custom2)
+        this.viewType = t, this._resolveDate(0, r);
       else {
         if (this.viewType < t)
-          t === w.Week ? (this.startDate = this.localeMoment(n).startOf("week").format(W), this.endDate = this.localeMoment(this.startDate).endOf("week").format(W)) : t === w.Month ? (this.startDate = this.localeMoment(n).startOf("month").format(W), this.endDate = this.localeMoment(this.startDate).endOf("month").format(W)) : t === w.Quarter ? (this.startDate = this.localeMoment(n).startOf("quarter").format(W), this.endDate = this.localeMoment(this.startDate).endOf("quarter").format(W)) : t === w.Year && (this.startDate = this.localeMoment(n).startOf("year").format(W), this.endDate = this.localeMoment(this.startDate).endOf("year").format(W));
+          t === O.Week ? (this.startDate = this.localeDayjs(new Date(r)).startOf("week"), this.endDate = this.localeDayjs(new Date(this.startDate)).endOf("week")) : t === O.Month ? (this.startDate = this.localeDayjs(new Date(r)).startOf("month"), this.endDate = this.localeDayjs(new Date(this.startDate)).endOf("month")) : t === O.Quarter ? (this.startDate = this.localeDayjs(new Date(r)).startOf("quarter"), this.endDate = this.localeDayjs(new Date(this.startDate)).endOf("quarter")) : t === O.Year && (this.startDate = this.localeDayjs(new Date(r)).startOf("year"), this.endDate = this.localeDayjs(new Date(this.startDate)).endOf("year"));
         else {
-          let i = this.localeMoment(this.startDate), o = this.localeMoment(this.endDate).add(1, "days");
+          let n = this.localeDayjs(new Date(this.startDate)), i = this.localeDayjs(new Date(this.endDate)).add(1, "days");
           if (this.selectDate !== void 0) {
-            let d = this.localeMoment(this.selectDate);
-            d >= i && d < o && (n = this.selectDate);
+            let l = this.localeDayjs(new Date(this.selectDate));
+            l >= n && l < i && (r = this.selectDate);
           }
-          let a = this.localeMoment();
-          a >= i && a < o && (n = a.format(W)), t === w.Day ? (this.startDate = n, this.endDate = this.startDate, this.cellUnit = O.Hour) : t === w.Week ? (this.startDate = this.localeMoment(n).startOf("week").format(W), this.endDate = this.localeMoment(this.startDate).endOf("week").format(W)) : t === w.Month ? (this.startDate = this.localeMoment(n).startOf("month").format(W), this.endDate = this.localeMoment(this.startDate).endOf("month").format(W)) : t === w.Quarter && (this.startDate = this.localeMoment(n).startOf("quarter").format(W), this.endDate = this.localeMoment(this.startDate).endOf("quarter").format(W));
+          let o = this.localeDayjs();
+          o >= n && o < i && (r = o.startOf("day")), t === O.Day ? (this.startDate = r, this.endDate = this.startDate, this.cellUnit = U.Hour) : t === O.Week ? (this.startDate = this.localeDayjs(new Date(r)).startOf("week"), this.endDate = this.localeDayjs(new Date(this.startDate)).endOf("week")) : t === O.Month ? (this.startDate = this.localeDayjs(new Date(r)).startOf("month"), this.endDate = this.localeDayjs(new Date(this.startDate)).endOf("month")) : t === O.Quarter && (this.startDate = this.localeDayjs(new Date(r)).startOf("quarter"), this.endDate = this.localeDayjs(new Date(this.startDate)).endOf("quarter"));
         }
         this.viewType = t;
       }
-      this.events = [], this._createHeaders(), this._createRenderData(), this.setScrollToSpecialMoment(!0);
+      this._shouldReloadViewType = !1, this.events = [], this._createHeaders(), this._createRenderData(), this.setScrollToSpecialDayjs(!0);
     }
   }
   setSchedulerMaxHeight(t) {
@@ -1845,18 +2237,18 @@ class Cr {
     return !!this.config.schedulerWidth.endsWith && this.config.schedulerWidth.endsWith("%");
   }
   toggleExpandStatus(t) {
-    let e = !1, r = -1, n = !1, i = /* @__PURE__ */ new Map();
-    this.renderData.forEach((o) => {
+    let e = !1, s = -1, r = !1, n = /* @__PURE__ */ new Map();
+    this.renderData.forEach((i) => {
       if (e === !1)
-        o.slotId === t && o.hasChildren && (e = !0, n = !o.expanded, o.expanded = n, r = o.indent, i.set(o.indent, {
-          expanded: o.expanded,
-          render: o.render
+        i.slotId === t && i.hasChildren && (e = !0, r = !i.expanded, i.expanded = r, s = i.indent, n.set(i.indent, {
+          expanded: i.expanded,
+          render: i.render
         }));
-      else if (o.indent > r) {
-        let a = i.get(o.indent - 1);
-        o.render = a.expanded && a.render, o.hasChildren && i.set(o.indent, {
-          expanded: o.expanded,
-          render: o.render
+      else if (i.indent > s) {
+        let o = n.get(i.indent - 1);
+        i.render = o.expanded && o.render, i.hasChildren && n.set(i.indent, {
+          expanded: i.expanded,
+          render: i.render
         });
       } else
         e = !1;
@@ -1875,8 +2267,8 @@ class Cr {
     return this.isSchedulerResponsive() ? parseInt(t * Number(this.config.schedulerWidth.slice(0, -1)) / 100) : this.config.schedulerWidth;
   }
   getResourceTableWidth() {
-    let t = this.getResourceTableConfigWidth(), e = this.getSchedulerWidth(), r = this.isResourceViewResponsive() ? parseInt(e * Number(t.slice(0, -1)) / 100) : t;
-    return this.isSchedulerResponsive() && this.getContentTableWidth() + r < e && (r = e - this.getContentTableWidth()), r;
+    let t = this.getResourceTableConfigWidth(), e = this.getSchedulerWidth(), s = this.isResourceViewResponsive() ? parseInt(e * Number(t.slice(0, -1)) / 100) : t;
+    return this.isSchedulerResponsive() && this.getContentTableWidth() + s < e && (s = e - this.getContentTableWidth()), s;
   }
   getContentCellWidth() {
     let t = this.getContentCellConfigWidth(), e = this.getSchedulerWidth();
@@ -1885,22 +2277,22 @@ class Cr {
   getContentTableWidth() {
     return this.headers.length * this.getContentCellWidth();
   }
-  getScrollToSpecialMoment() {
-    return this.config.scrollToSpecialMomentEnabled ? this.scrollToSpecialMoment : !1;
+  getScrollToSpecialDayjs() {
+    return this.config.scrollToSpecialDayjsEnabled ? this.scrollToSpecialDayjs : !1;
   }
   getSlots() {
     return this.isEventPerspective ? this.eventGroups : this.resources;
   }
   getSlotById(t) {
-    let e = this.getSlots(), r;
-    return e.forEach((n) => {
-      n.id === t && (r = n);
-    }), r;
+    let e = this.getSlots(), s;
+    return e.forEach((r) => {
+      r.id === t && (s = r);
+    }), s;
   }
   getResourceById(t) {
     let e;
-    return this.resources.forEach((r) => {
-      r.id === t && (e = r);
+    return this.resources.forEach((s) => {
+      s.id === t && (e = s);
     }), e;
   }
   getTableHeaderHeight() {
@@ -1913,11 +2305,29 @@ class Cr {
     }), t;
   }
   getCellMaxEvents() {
-    return this.viewType === w.Week ? this.config.weekMaxEvents : this.viewType === w.Day ? this.config.dayMaxEvents : this.viewType === w.Month ? this.config.monthMaxEvents : this.viewType === w.Year ? this.config.yearMaxEvents : this.viewType === w.Quarter ? this.config.quarterMaxEvents : this.config.customMaxEvents;
+    return this.viewType === O.Week ? this.config.weekMaxEvents : this.viewType === O.Day ? this.config.dayMaxEvents : this.viewType === O.Month ? this.config.monthMaxEvents : this.viewType === O.Year ? this.config.yearMaxEvents : this.viewType === O.Quarter ? this.config.quarterMaxEvents : this.config.customMaxEvents;
+  }
+  getCalendarPopoverLocale() {
+    return this.calendarPopoverLocale;
+  }
+  getSelectedDate() {
+    return this.selectDate.format(ge);
+  }
+  getViewStartDate() {
+    return this.startDate;
+  }
+  getViewEndDate() {
+    return this.endDate;
+  }
+  getViewDates() {
+    return {
+      startDate: this.startDate,
+      endDate: this.endDate
+    };
   }
   getDateLabel() {
-    let t = this.localeMoment(this.startDate), e = this.localeMoment(this.endDate), r = t.format("LL");
-    return t != e && (r = `${t.format("LL")}-${e.format("LL")}`), this.behaviors.getDateLabelFunc && (r = this.behaviors.getDateLabelFunc(this, this.viewType, this.startDate, this.endDate)), r;
+    let t = this.localeDayjs(new Date(this.startDate)), e = this.localeDayjs(new Date(this.endDate)), s = t.format("LL");
+    return t != e && (s = `${t.format("LL")}-${e.format("LL")}`), this.behaviors.getDateLabelFunc && (s = this.behaviors.getDateLabelFunc(this, this.viewType, this.startDate, this.endDate)), s;
   }
   addEvent(t) {
     this._attachEvent(t), this.eventGroupsAutoGenerated && this._generateEventGroups(), this._createRenderData();
@@ -1929,14 +2339,17 @@ class Cr {
     t.end = e, this._createRenderData();
   }
   swapEvent(t, e) {
-    var r = Object.assign({}, t), n = Object.assign({}, e);
-    this._detachEvent(t), this._detachEvent(e), this.isEventPerspective ? (r.groupId = e.groupId, r.groupName = e.groupName, n.groupId = t.groupId, n.groupName = t.groupName) : (r.resourceId = e.resourceId, n.resourceId = t.resourceId), r.end = e.end, r.start = e.start, n.end = t.end, n.start = t.start, this._attachEvent(r), this._attachEvent(n), this._createRenderData();
+    this.isEventPerspective ? ([t.groupId, e.groupId] = [e.groupId, t.groupId], [t.groupName, e.groupName] = [e.groupName, t.groupName]) : [t.resourceId, e.resourceId] = [e.resourceId, t.resourceId], [t.start, e.start] = [e.start, t.start], [t.end, e.end] = [e.end, t.end], this._detachEvent(t), this._detachEvent(e), this._attachEvent(t), this._attachEvent(e), this._createRenderData();
+  }
+  swapEvent2(t, e) {
+    var s = Object.assign({}, t), r = Object.assign({}, e);
+    this._detachEvent(t), this._detachEvent(e), this.isEventPerspective ? (s.groupId = e.groupId, s.groupName = e.groupName, r.groupId = t.groupId, r.groupName = t.groupName) : (s.resourceId = e.resourceId, r.resourceId = t.resourceId), s.end = e.end, s.start = e.start, r.end = t.end, r.start = t.start, this._attachEvent(s), this._attachEvent(r), this._createRenderData();
   }
-  moveEvent(t, e, r, n, i) {
-    this._detachEvent(t), this.isEventPerspective ? (t.groupId = e, t.groupName = r) : t.resourceId = e, t.end = i, t.start = n, this._attachEvent(t), this._createRenderData();
+  moveEvent(t, e, s, r, n) {
+    this._detachEvent(t), this.isEventPerspective ? (t.groupId = e, t.groupName = s) : t.resourceId = e, t.end = n, t.start = r, this._attachEvent(t), this._createRenderData();
   }
-  isEventInTimeWindow(t, e, r, n) {
-    return t < n && e > r;
+  isEventInTimeWindow(t, e, s, r) {
+    return t < r && e > s;
   }
   removeEvent(t) {
     let e = this.events.indexOf(t);
@@ -1944,15 +2357,15 @@ class Cr {
   }
   removeEventById(t) {
     let e = -1;
-    this.events.forEach((r, n) => {
-      r.id === t && (e = n);
+    this.events.forEach((s, r) => {
+      s.id === t && (e = r);
     }), e !== -1 && (this.events.splice(e, 1), this._createRenderData());
   }
   getResourceTableConfigWidth() {
-    return this.showAgenda ? this.config.agendaResourceTableWidth : this.viewType === w.Week ? this.config.weekResourceTableWidth : this.viewType === w.Day ? this.config.dayResourceTableWidth : this.viewType === w.Month ? this.config.monthResourceTableWidth : this.viewType === w.Year ? this.config.yearResourceTableWidth : this.viewType === w.Quarter ? this.config.quarterResourceTableWidth : this.config.customResourceTableWidth;
+    return this.showAgenda ? this.config.agendaResourceTableWidth : this.viewType === O.Week ? this.config.weekResourceTableWidth : this.viewType === O.Day ? this.config.dayResourceTableWidth : this.viewType === O.Month ? this.config.monthResourceTableWidth : this.viewType === O.Year ? this.config.yearResourceTableWidth : this.viewType === O.Quarter ? this.config.quarterResourceTableWidth : this.config.customResourceTableWidth;
   }
   getContentCellConfigWidth() {
-    return this.viewType === w.Week ? this.config.weekCellWidth : this.viewType === w.Day ? this.config.dayCellWidth : this.viewType === w.Month ? this.config.monthCellWidth : this.viewType === w.Year ? this.config.yearCellWidth : this.viewType === w.Quarter ? this.config.quarterCellWidth : this.config.customCellWidth;
+    return this.viewType === O.Week ? this.config.weekCellWidth : this.viewType === O.Day ? this.config.dayCellWidth : this.viewType === O.Month ? this.config.monthCellWidth : this.viewType === O.Year ? this.config.yearCellWidth : this.viewType === O.Quarter ? this.config.quarterCellWidth : this.config.customCellWidth;
   }
   _setDocumentWidth(t) {
     t >= 0 && (this.documentWidth = t);
@@ -1962,10 +2375,10 @@ class Cr {
     e !== -1 && this.events.splice(e, 1);
   }
   _attachEvent(t) {
-    let e = 0, r = this.localeMoment(t.start);
-    this.events.forEach((n, i) => {
-      let o = this.localeMoment(n.start);
-      r >= o && (e = i + 1);
+    let e = 0, s = this.localeDayjs(new Date(t.start));
+    this.events.forEach((r, n) => {
+      let i = this.localeDayjs(new Date(r.start));
+      s >= i && (e = n + 1);
     }), this.events.splice(e, 0, t);
   }
   _handleRecurringEvents() {
@@ -1973,112 +2386,113 @@ class Cr {
     t.forEach((e) => {
       this._detachEvent(e);
     }), t.forEach((e) => {
-      let r = this.localeMoment(this.startDate), n = this.localeMoment(this.endDate).add(1, "days"), i = this.localeMoment(e.start), o = this.localeMoment(e.end), a = je(e.rrule), d, c = a.origOptions.until || n.toDate();
-      if (a.origOptions.dtstart && (d = this.localeMoment(a.origOptions.dtstart)), n < c && (a.origOptions.until = n.toDate()), a = je(a.toString()), e.exdates || e.exrule) {
-        const f = new er();
-        f.rrule(a), e.exrule && f.exrule(je(e.exrule)), e.exdates && e.exdates.forEach((m) => {
-          f.exdate(this.localeMoment(m).toDate());
-        }), a = f;
+      let s = this.startDate, r = this.endDate.add(1, "days"), n = this.localeDayjs(new Date(e.start)), i = this.localeDayjs(new Date(e.end)), o = Ae(e.rrule), l, u = o.origOptions.until || r.toDate();
+      if (o.origOptions.dtstart && (l = this.localeDayjs(new Date(o.origOptions.dtstart))), r < u && (o.origOptions.until = r.toDate()), o = Ae(o.toString()), e.exdates || e.exrule) {
+        const f = new os();
+        f.rrule(o), e.exrule && f.exrule(Ae(e.exrule)), e.exdates && e.exdates.forEach((h) => {
+          f.exdate(this.localeDayjs(h).toDate());
+        }), o = f;
       }
-      a.all().map((f, m) => ({
-        ...e,
-        recurringEventId: e.id,
-        recurringEventStart: e.start,
-        recurringEventEnd: e.end,
-        id: `${e.id}-${m}`,
-        start: a.origOptions.tzid ? this.localeMoment.utc(f).utcOffset(this.localeMoment().utcOffset(), !0).format(P) : this.localeMoment(f).format(P),
-        end: a.origOptions.tzid ? this.localeMoment.utc(f).utcOffset(this.localeMoment().utcOffset(), !0).add(o.diff(i), "ms").add(this.localeMoment(c).utcOffset() - this.localeMoment(e.start).utcOffset(), "m").format(P) : this.localeMoment(f).add(o.diff(i), "ms").format(P)
-      })).forEach((f) => {
-        let m = this.localeMoment(f.start), E = this.localeMoment(f.end);
-        this.isEventInTimeWindow(m, E, r, n) && (!d || m >= d) && this._attachEvent(f);
+      o.between(new Date(s), new Date(r)).forEach((f, h) => {
+        const v = {
+          ...e,
+          recurringEventId: e.id,
+          recurringEventStart: e.start,
+          recurringEventEnd: e.end,
+          id: `${e.id}-${h}`,
+          start: o.origOptions.tzid ? this.localeDayjs.utc(f).utcOffset(this.localeDayjs((/* @__PURE__ */ new Date()).utcOffset)(), !0).format(V) : this.localeDayjs(new Date(f)).format(V),
+          end: o.origOptions.tzid ? this.localeDayjs.utc(f).utcOffset(this.localeDayjs((/* @__PURE__ */ new Date()).utcOffset)(), !0).add(i.diff(n), "ms").add(this.localeDayjs(new Date(u)).utcOffset() - this.localeDayjs(new Date(e.start)).utcOffset(), "m").format(V) : this.localeDayjs(new Date(f)).add(i.diff(n), "ms").format(V)
+        };
+        let D = this.localeDayjs(v.start), g = this.localeDayjs(v.end);
+        this.isEventInTimeWindow(D, g, s, r) && (!l || D >= l) && this._attachEvent(v);
       });
     });
   }
   _resolveDate(t, e = void 0) {
-    if (e != null && (this.selectDate = this.localeMoment(e).format(W)), this.viewType === w.Week)
-      this.startDate = e != null ? this.localeMoment(e).startOf("week").format(W) : this.localeMoment(this.startDate).add(t, "weeks").format(W), this.endDate = this.localeMoment(this.startDate).endOf("week").format(W);
-    else if (this.viewType === w.Day)
-      this.startDate = e != null ? this.selectDate : this.localeMoment(this.startDate).add(t, "days").format(W), this.endDate = this.startDate;
-    else if (this.viewType === w.Month)
-      this.startDate = e != null ? this.localeMoment(e).startOf("month").format(W) : this.localeMoment(this.startDate).add(t, "months").format(W), this.endDate = this.localeMoment(this.startDate).endOf("month").format(W);
-    else if (this.viewType === w.Quarter)
-      this.startDate = e != null ? this.localeMoment(e).startOf("quarter").format(W) : this.localeMoment(this.startDate).add(t, "quarters").format(W), this.endDate = this.localeMoment(this.startDate).endOf("quarter").format(W);
-    else if (this.viewType === w.Year)
-      this.startDate = e != null ? this.localeMoment(e).startOf("year").format(W) : this.localeMoment(this.startDate).add(t, "years").format(W), this.endDate = this.localeMoment(this.startDate).endOf("year").format(W);
-    else if (this.viewType === w.Custom || this.viewType === w.Custom1 || this.viewType === w.Custom2)
+    if (e != null && (this.selectDate = this.localeDayjs(e)), this.viewType === O.Week)
+      this.startDate = e != null ? this.localeDayjs(e).startOf("week") : this.localeDayjs(this.startDate).add(t, "weeks"), this.endDate = this.localeDayjs(this.startDate).endOf("week");
+    else if (this.viewType === O.Day)
+      this.startDate = e != null ? this.selectDate : this.localeDayjs(this.startDate).add(t, "days"), this.endDate = this.startDate;
+    else if (this.viewType === O.Month)
+      this.startDate = e != null ? this.localeDayjs(e).startOf("month") : this.localeDayjs(this.startDate).add(t, "months"), this.endDate = this.localeDayjs(this.startDate).endOf("month");
+    else if (this.viewType === O.Quarter)
+      this.startDate = e != null ? this.localeDayjs(e).startOf("quarter") : this.localeDayjs(this.startDate).add(t, "quarters"), this.endDate = this.localeDayjs(this.startDate).endOf("quarter");
+    else if (this.viewType === O.Year)
+      this.startDate = e != null ? this.localeDayjs(e).startOf("year") : this.localeDayjs(this.startDate).add(t, "years"), this.endDate = this.localeDayjs(this.startDate).endOf("year");
+    else if (this.viewType === O.Custom || this.viewType === O.Custom1 || this.viewType === O.Custom2)
       if (this.behaviors.getCustomDateFunc != null) {
-        let r = this.behaviors.getCustomDateFunc(this, t, e);
-        this.startDate = r.startDate, this.endDate = r.endDate, r.cellUnit && (this.cellUnit = r.cellUnit);
+        let s = this.behaviors.getCustomDateFunc(this, t, e);
+        this.startDate = this.localeDayjs(s.startDate), this.endDate = this.localeDayjs(s.endDate), s.cellUnit && (this.cellUnit = s.cellUnit);
       } else
         throw new Error("This is custom view type, set behaviors.getCustomDateFunc func to resolve the time window(startDate and endDate) yourself");
   }
   _createHeaders() {
-    let t = [], e = this.localeMoment(this.startDate), r = this.localeMoment(this.endDate), n = e;
+    let t = [], e = this.localeDayjs(new Date(this.startDate)), s = this.localeDayjs(new Date(this.endDate)), r = e;
     if (this.showAgenda)
-      t.push({ time: n.format(P), nonWorkingTime: !1 });
-    else if (this.cellUnit === O.Hour) {
-      e = e.add(this.config.dayStartFrom, "hours"), r = r.add(this.config.dayStopTo, "hours"), e.hour() == 0 && (e = e.add(this.config.dayStartFrom, "hours")), r.hour() == 0 && (r = r.add(this.config.dayStopTo, "hours")), n = e;
-      let i = -1;
-      for (; n >= e && n <= r; ) {
-        if (n.hour() == i) {
-          n = n.add(1, "hours");
+      t.push({ time: r.format(V), nonWorkingTime: !1 });
+    else if (this.cellUnit === U.Hour) {
+      e.hour() == 0 && (e = e.add(this.config.dayStartFrom, "hours")), s.hour() == 0 && (s = s.add(this.config.dayStopTo, "hours")), r = e;
+      let n = -1;
+      for (; r >= e && r <= s; ) {
+        if (r.hour() == n) {
+          r = r.add(1, "hours");
           continue;
         }
-        i = n.hour();
-        let o = this.getMinuteStepsInHour();
-        for (let a = 0; a < o; a++) {
-          let d = n.hour();
-          if (d >= this.config.dayStartFrom && d <= this.config.dayStopTo) {
-            let c = n.format(P), h = this.behaviors.isNonWorkingTimeFunc(this, c);
-            t.push({ time: c, nonWorkingTime: h });
+        n = r.hour();
+        let i = this.getMinuteStepsInHour();
+        for (let o = 0; o < i; o++) {
+          let l = r.hour();
+          if (l >= this.config.dayStartFrom && l <= this.config.dayStopTo) {
+            let u = r.format(V), c = this.behaviors.isNonWorkingTimeFunc(this, u);
+            t.push({ time: u, nonWorkingTime: c });
           }
-          n = n.add(this.config.minuteStep, "minutes");
+          r = r.add(this.config.minuteStep, "minutes");
         }
       }
-    } else if (this.cellUnit === O.Day)
-      for (; n >= e && n <= r; ) {
-        let i = n.format(P), o = n.weekday();
-        if (this.config.displayWeekend || o !== 0 && o !== 6) {
-          let a = this.behaviors.isNonWorkingTimeFunc(this, i);
-          t.push({ time: i, nonWorkingTime: a });
+    } else if (this.cellUnit === U.Day)
+      for (; r >= e && r <= s; ) {
+        let n = r.format(V), i = r.weekday();
+        if (this.config.displayWeekend || i !== 0 && i !== 6) {
+          let o = this.behaviors.isNonWorkingTimeFunc(this, n);
+          t.push({ time: n, nonWorkingTime: o });
         }
-        n = n.add(1, "days");
+        r = r.add(1, "days");
       }
-    else if (this.cellUnit === O.Week)
-      for (; n >= e && n <= r; ) {
-        let i = n.format(W);
-        t.push({ time: i }), n = n.add(1, "weeks").startOf("week");
+    else if (this.cellUnit === U.Week)
+      for (; r >= e && r <= s; ) {
+        let n = r.format(ge);
+        t.push({ time: n }), r = r.add(1, "weeks").startOf("week");
       }
-    else if (this.cellUnit === O.Month)
-      for (; n >= e && n <= r; ) {
-        let i = n.format(W);
-        t.push({ time: i }), n = n.add(1, "months").startOf("month");
+    else if (this.cellUnit === U.Month)
+      for (; r >= e && r <= s; ) {
+        let n = r.format(ge);
+        t.push({ time: n }), r = r.add(1, "months").startOf("month");
       }
-    else if (this.cellUnit === O.Year)
-      for (; n >= e && n <= r; ) {
-        let i = n.format(W);
-        t.push({ time: i }), n = n.add(1, "years").startOf("year");
+    else if (this.cellUnit === U.Year)
+      for (; r >= e && r <= s; ) {
+        let n = r.format(ge);
+        t.push({ time: n }), r = r.add(1, "years").startOf("year");
       }
     this.headers = t;
   }
   _createInitHeaderEvents(t) {
-    let e = this.localeMoment(t.time), r = e.format(P), n = this.showAgenda ? this.viewType === w.Week ? e.add(1, "weeks").format(P) : this.viewType === w.Day ? e.add(1, "days").format(P) : this.viewType === w.Month ? e.add(1, "months").format(P) : this.viewType === w.Year ? e.add(1, "years").format(P) : this.viewType === w.Quarter ? e.add(1, "quarters").format(P) : this.localeMoment(this.endDate).add(1, "days").format(P) : this.cellUnit === O.Hour ? e.add(this.config.minuteStep, "minutes").format(P) : this.cellUnit === O.Year ? e.add(1, "years").format(W) : this.cellUnit === O.Month ? e.add(1, "months").format(W) : this.cellUnit === O.Week ? e.add(1, "weeks").format(W) : e.add(1, "days").format(P);
+    let e = this.localeDayjs(new Date(t.time)), s = e.format(V), r = this.showAgenda ? this.viewType === O.Week ? e.add(1, "weeks").format(V) : this.viewType === O.Day ? e.add(1, "days").format(V) : this.viewType === O.Month ? e.add(1, "months").format(V) : this.viewType === O.Year ? e.add(1, "years").format(V) : this.viewType === O.Quarter ? e.add(1, "quarters").format(V) : this.localeDayjs(new Date(this.endDate)).add(1, "days").format(V) : this.cellUnit === U.Hour ? e.add(this.config.minuteStep, "minutes").format(V) : this.cellUnit === U.Year ? e.add(1, "years").format(ge) : this.cellUnit === U.Month ? e.add(1, "months").format(ge) : this.cellUnit === U.Week ? e.add(1, "weeks").format(ge) : e.add(1, "days").format(V);
     return {
       time: t.time,
       nonWorkingTime: t.nonWorkingTime,
-      start: r,
-      end: n,
+      start: s,
+      end: r,
       count: 0,
       addMore: 0,
       addMoreIndex: 0,
       events: [, , ,]
     };
   }
-  _createHeaderEvent(t, e, r) {
+  _createHeaderEvent(t, e, s) {
     return {
       render: t,
       span: e,
-      eventItem: r
+      eventItem: s
     };
   }
   _getEventSlotId(t) {
@@ -2092,94 +2506,127 @@ class Cr {
   }
   _generateEventGroups() {
     let t = [], e = /* @__PURE__ */ new Set();
-    this.events.forEach((r) => {
-      let n = this._getEventGroupId(r), i = this._getEventGroupName(r);
-      e.has(n) || (t.push({
-        id: n,
-        name: i,
-        state: r
-      }), e.add(n));
+    this.events.forEach((s) => {
+      let r = this._getEventGroupId(s), n = this._getEventGroupName(s);
+      e.has(r) || (t.push({
+        id: r,
+        name: n,
+        state: s
+      }), e.add(r));
     }), this.eventGroups = t;
   }
-  _createInitRenderData(t, e, r, n) {
-    let i = t ? e : r, o = [], a = /* @__PURE__ */ new Map();
-    i.forEach((f) => {
-      let m = n.map((v) => this._createInitHeaderEvents(v)), E = {
-        slotId: f.id,
-        slotName: f.name,
-        parentId: f.parentId,
-        groupOnly: f.groupOnly,
+  _createInitRenderData(t, e, s, r) {
+    let n = t ? e : s, i = [], o = /* @__PURE__ */ new Map();
+    n.forEach((h) => {
+      let v = r.map((b) => this._createInitHeaderEvents(b)), D = {
+        slotId: h.id,
+        slotName: h.name,
+        parentId: h.parentId,
+        groupOnly: h.groupOnly,
         hasSummary: !1,
         rowMaxCount: 0,
         rowHeight: this.config.nonAgendaSlotMinHeight !== 0 ? this.config.nonAgendaSlotMinHeight : this.config.eventItemLineHeight + 2,
-        headerItems: m,
+        headerItems: v,
         indent: 0,
         hasChildren: !1,
         expanded: !0,
         render: !0
-      }, R = f.id, C;
-      a.has(R) ? (C = a.get(R), C.data = E) : (C = {
-        data: E,
+      }, g = h.id, w;
+      o.has(g) ? (w = o.get(g), w.data = D) : (w = {
+        data: D,
         children: []
-      }, a.set(R, C));
-      let x = f.parentId;
-      if (!x || x === R)
-        o.push(C);
+      }, o.set(g, w));
+      let T = h.parentId;
+      if (!T || T === g)
+        i.push(w);
       else {
-        let v;
-        a.has(x) ? v = a.get(x) : (v = {
+        let b;
+        o.has(T) ? b = o.get(T) : (b = {
           data: void 0,
           children: []
-        }, a.set(x, v)), v.children.push(C);
+        }, o.set(T, b)), b.children.push(w);
       }
     });
-    let d = [], c;
-    for (c = o.length - 1; c >= 0; c--)
-      d.push(o[c]);
-    let h = [], p;
-    for (; d.length > 0; )
-      for (p = d.pop(), p.data.indent > 0 && (p.data.render = this.config.defaultExpanded), p.children.length > 0 && (p.data.hasChildren = !0, p.data.expanded = this.config.defaultExpanded), h.push(p.data), c = p.children.length - 1; c >= 0; c--)
-        p.children[c].data.indent = p.data.indent + 1, d.push(p.children[c]);
-    return h;
-  }
-  _getSpan(t, e, r) {
+    let l = [], u;
+    for (u = i.length - 1; u >= 0; u--)
+      l.push(i[u]);
+    let c = [], f;
+    for (; l.length > 0; )
+      for (f = l.pop(), f.data.indent > 0 && (f.data.render = this.config.defaultExpanded), f.children.length > 0 && (f.data.hasChildren = !0, f.data.expanded = this.config.defaultExpanded), c.push(f.data), u = f.children.length - 1; u >= 0; u--)
+        f.children[u].data.indent = f.data.indent + 1, l.push(f.children[u]);
+    return c;
+  }
+  _getSpan(t, e, s) {
     if (this.showAgenda)
       return 1;
-    let n = this.localeMoment(t), i = this.localeMoment(e), o = 0;
-    for (let a of r) {
-      let d = this.localeMoment(a.time), c = this.cellUnit === O.Hour ? this.localeMoment(a.time).add(this.config.minuteStep, "minutes") : this.cellUnit === O.Week ? this.localeMoment(a.time).add(1, "weeks") : this.cellUnit === O.Month ? this.localeMoment(a.time).add(1, "months") : this.cellUnit === O.Year ? this.localeMoment(a.time).add(1, "year") : this.localeMoment(a.time).add(1, "days");
-      d < i && c > n && o++;
+    const r = (c, f, h) => {
+      if ((h === "days" || h === "day") && c.getDate() === f.getDate() && c.getMonth() === f.getMonth())
+        return 1;
+      let v;
+      switch (h) {
+        case "days":
+        case "day":
+          v = 1e3 * 60 * 60 * 24;
+          break;
+        case "minutes":
+        case "minute":
+          v = 1e3 * 60;
+          break;
+        default:
+          return 0;
+      }
+      const D = c.getTime(), w = (f.getTime() - D) / v;
+      return w < 0 ? 0 : w;
+    };
+    let n = new Date(t), i = new Date(e), o = 0, l = new Date(this.startDate), u = new Date(this.endDate);
+    if (this.viewType === O.Day) {
+      if (s.length > 0) {
+        const c = new Date(s[0].time);
+        c.getDate() > n.getDate() && c.getDate() < i.getDate() ? o = 1440 / this.config.minuteStep : c.getDate() > n.getDate() && c.getDate() === i.getDate() ? o = Math.ceil(r(c, i, "minutes") / this.config.minuteStep) : c.getDate() === n.getDate() && c.getDate() < i.getDate() ? (c.setHours(23, 59, 59), o = Math.ceil(r(n, c, "minutes") / this.config.minuteStep)) : (c.getDate() === n.getDate() && c.getDate() === i.getDate() || i.getDate() === n.getDate()) && (o = Math.ceil(r(n, i, "minutes") / this.config.minuteStep));
+      }
+    } else if (this.viewType === O.Week) {
+      const c = l < n ? n : l;
+      o = Math.ceil(r(c, i, "days"));
+    } else if (this.viewType === O.Month) {
+      const c = n.getMonth() === i.getMonth() ? i : ve(n).endOf("month").toDate();
+      o = Math.ceil(r(n, c, "days"));
+    } else if (this.viewType === O.Quarter || this.viewType === O.Year)
+      o = Math.ceil(r(n, i, "days"));
+    else {
+      l.setHours(0, 0, 0, 0), u.setHours(23, 59, 59), this.cellUnit === U.Day && (i.setHours(23, 59, 59), n.setHours(0, 0, 0, 0));
+      const c = this.cellUnit === U.Day ? "days" : "minutes", f = this.cellUnit === U.Day ? 1 : this.config.minuteStep;
+      l >= n && i <= u ? o = Math.ceil(r(l, i, c) / f) : l > n && i > u ? o = Math.ceil(r(l, u, c) / f) : l <= n && i >= u ? o = Math.ceil(r(n, u, c) / f) : o = Math.ceil(r(n, i, c) / f);
     }
     return o;
   }
   _validateResource(t) {
     if (Object.prototype.toString.call(t) !== "[object Array]")
       throw new Error("Resources should be Array object");
-    t.forEach((e, r) => {
+    t.forEach((e, s) => {
       if (e == null)
-        throw console.error(`Resource undefined: ${r}`), new Error(`Resource undefined: ${r}`);
+        throw console.error(`Resource undefined: ${s}`), new Error(`Resource undefined: ${s}`);
       if (e.id == null || e.name == null)
-        throw console.error("Resource property missed", r, e), new Error(`Resource property undefined: ${r}`);
+        throw console.error("Resource property missed", s, e), new Error(`Resource property undefined: ${s}`);
     });
   }
   _validateEventGroups(t) {
     if (Object.prototype.toString.call(t) !== "[object Array]")
       throw new Error("Event groups should be Array object");
-    t.forEach((e, r) => {
+    t.forEach((e, s) => {
       if (e == null)
-        throw console.error(`Event group undefined: ${r}`), new Error(`Event group undefined: ${r}`);
+        throw console.error(`Event group undefined: ${s}`), new Error(`Event group undefined: ${s}`);
       if (e.id == null || e.name == null)
-        throw console.error("Event group property missed", r, e), new Error(`Event group property undefined: ${r}`);
+        throw console.error("Event group property missed", s, e), new Error(`Event group property undefined: ${s}`);
     });
   }
   _validateEvents(t) {
     if (Object.prototype.toString.call(t) !== "[object Array]")
       throw new Error("Events should be Array object");
-    t.forEach((e, r) => {
+    t.forEach((e, s) => {
       if (e == null)
-        throw console.error(`Event undefined: ${r}`), new Error(`Event undefined: ${r}`);
+        throw console.error(`Event undefined: ${s}`), new Error(`Event undefined: ${s}`);
       if (e.id == null || e.resourceId == null || e.title == null || e.start == null || e.end == null)
-        throw console.error("Event property missed", r, e), new Error(`Event property undefined: ${r}`);
+        throw console.error("Event property missed", s, e), new Error(`Event property undefined: ${s}`);
     });
   }
   _validateMinuteStep(t) {
@@ -2187,60 +2634,60 @@ class Cr {
       throw console.error("Minute step is not set properly - 60 minutes must be divisible without remainder by this number"), new Error("Minute step is not set properly - 60 minutes must be divisible without remainder by this number");
   }
   _compare(t, e) {
-    let r = this.localeMoment(t.start), n = this.localeMoment(e.start);
-    if (r !== n)
-      return r < n ? -1 : 1;
-    let i = this.localeMoment(t.end), o = this.localeMoment(e.end);
-    return i !== o ? i < o ? -1 : 1 : t.id < e.id ? -1 : 1;
+    let s = this.localeDayjs(t.start), r = this.localeDayjs(e.start);
+    if (s !== r)
+      return s < r ? -1 : 1;
+    let n = this.localeDayjs(t.end), i = this.localeDayjs(e.end);
+    return n !== i ? n < i ? -1 : 1 : t.id < e.id ? -1 : 1;
   }
   _createRenderData() {
     let t = this._createInitRenderData(this.isEventPerspective, this.eventGroups, this.resources, this.headers), e = this.getCellMaxEvents();
-    const r = 30;
-    this.events.forEach((n) => {
-      let i = t.filter((o) => o.slotId === this._getEventSlotId(n));
-      if (i.length > 0) {
-        let o = i[0], a = this._getSpan(n.start, n.end, this.headers), d = this.localeMoment(n.start), c = this.localeMoment(n.end), h = -1;
-        o.headerItems.forEach((p, f) => {
-          let m = this.localeMoment(p.start);
-          if (this.localeMoment(p.end) > d && m < c) {
-            if (p.count = p.count + 1, p.count > o.rowMaxCount) {
-              o.rowMaxCount = p.count;
-              let x = (e <= r && o.rowMaxCount > e ? e : o.rowMaxCount) * this.config.eventItemLineHeight + (this.config.creatable && this.config.checkConflict === !1 ? 20 : 2);
-              x > o.rowHeight && (o.rowHeight = x);
+    const s = 30;
+    this.events.forEach((r) => {
+      let n = t.filter((i) => i.slotId === this._getEventSlotId(r));
+      if (n.length > 0) {
+        let i = n[0], o = this._getSpan(r.start, r.end, this.headers), l = new Date(r.start), u = new Date(r.end), c = -1;
+        i.headerItems.forEach((f, h) => {
+          let v = new Date(f.start);
+          if (new Date(f.end) > l && v < u) {
+            if (f.count = f.count + 1, f.count > i.rowMaxCount) {
+              i.rowMaxCount = f.count;
+              let T = (e <= s && i.rowMaxCount > e ? e : i.rowMaxCount) * this.config.eventItemLineHeight + (this.config.creatable && this.config.checkConflict === !1 ? 20 : 2);
+              T > i.rowHeight && (i.rowHeight = T);
             }
-            if (h === -1) {
-              let C = 0;
-              for (; p.events[C] !== void 0; )
-                C++;
-              h = C;
+            if (c === -1) {
+              let w = 0;
+              for (; f.events[w] !== void 0; )
+                w++;
+              c = w;
             }
-            let R = m <= d || f === 0;
-            if (R === !1) {
-              let C = o.headerItems[f - 1], x = this.localeMoment(C.start);
-              (this.localeMoment(C.end) <= d || x >= c) && (R = !0);
+            let g = v <= l || h === 0;
+            if (g === !1) {
+              let w = i.headerItems[h - 1], T = new Date(w.start);
+              (new Date(w.end) <= l || T >= u) && (g = !0);
             }
-            p.events[h] = this._createHeaderEvent(R, a, n);
+            f.events[c] = this._createHeaderEvent(g, o, r);
           }
         });
       }
-    }), (e <= r || this.behaviors.getSummaryFunc !== void 0) && t.forEach((n) => {
-      let i = !1;
-      if (n.headerItems.forEach((o) => {
-        if (e <= r) {
-          let a = 0, d = 0, c = 0;
-          for (; c < e - 1; )
-            o.events[c] !== void 0 && (a++, d = c + 1), c++;
-          o.events[c] !== void 0 ? a + 1 < o.count && (o.addMore = o.count - a, o.addMoreIndex = d) : a < o.count && (o.addMore = o.count - a, o.addMoreIndex = d);
+    }), (e <= s || this.behaviors.getSummaryFunc !== void 0) && t.forEach((r) => {
+      let n = !1;
+      if (r.headerItems.forEach((i) => {
+        if (e <= s) {
+          let o = 0, l = 0, u = 0;
+          for (; u < e - 1; )
+            i.events[u] !== void 0 && (o++, l = u + 1), u++;
+          i.events[u] !== void 0 ? o + 1 < i.count && (i.addMore = i.count - o, i.addMoreIndex = l) : o < i.count && (i.addMore = i.count - o, i.addMoreIndex = l);
         }
         if (this.behaviors.getSummaryFunc !== void 0) {
-          let a = [];
-          o.events.forEach((d) => {
-            d && d.eventItem && a.push(d.eventItem);
-          }), o.summary = this.behaviors.getSummaryFunc(this, a, n.slotId, n.slotName, o.start, o.end), o.summary && o.summary.text != null && (i = !0);
+          let o = [];
+          i.events.forEach((l) => {
+            l && l.eventItem && o.push(l.eventItem);
+          }), i.summary = this.behaviors.getSummaryFunc(this, o, r.slotId, r.slotName, i.start, i.end), i.summary && i.summary.text != null && (n = !0);
         }
-      }), n.hasSummary = i, i) {
-        let a = ((e <= r && n.rowMaxCount > e ? e : n.rowMaxCount) + 1) * this.config.eventItemLineHeight + (this.config.creatable && this.config.checkConflict === !1 ? 20 : 2);
-        a > n.rowHeight && (n.rowHeight = a);
+      }), r.hasSummary = n, n) {
+        let o = ((e <= s && r.rowMaxCount > e ? e : r.rowMaxCount) + 1) * this.config.eventItemLineHeight + (this.config.creatable && this.config.checkConflict === !1 ? 20 : 2);
+        o > r.rowHeight && (r.rowHeight = o);
       }
     }), this.renderData = t;
   }
@@ -2254,7 +2701,7 @@ class Cr {
     return this.resizing;
   }
 }
-const Rr = {
+const $s = {
   resources: [
     { id: "r0", name: "Resource0", groupOnly: !0 },
     { id: "r1", name: "Resource1", parentId: "r0" },
@@ -2275,7 +2722,7 @@ const Rr = {
     { id: 7, start: "2022-12-19 15:40:00", end: "2022-12-20 23:30:00", resourceId: "r7", title: "I am exceptional", bgColor: "#FA9E95" },
     { id: 8, start: "2022-12-19 15:50:00", end: "2022-12-19 23:30:00", resourceId: "r1", title: "I am locked", movable: !1, resizable: !1, bgColor: "red" },
     { id: 9, start: "2022-12-19 16:30:00", end: "2022-12-27 23:30:00", resourceId: "r1", title: "R1 has many tasks 1" },
-    { id: 10, start: "2022-12-19 17:30:00", end: "2022-12-19 23:30:00", resourceId: "r1", title: "R1 has recurring tasks every week on Tuesday, Friday", bgColor: "#f759ab" },
+    { id: 10, start: "2022-12-19 17:30:00", end: "2022-12-19 23:30:00", resourceId: "r1", title: "R1 has recurring tasks every week on Tuesday, Friday", rrule: "FREQ=WEEKLY;DTSTART=20221219T013000Z;BYDAY=TU,FR", bgColor: "#f759ab" },
     { id: 11, start: "2022-12-19 18:30:00", end: "2022-12-20 23:30:00", resourceId: "r1", title: "R1 has many tasks 3" },
     { id: 12, start: "2022-12-20 18:30:00", end: "2022-12-20 23:30:00", resourceId: "r1", title: "R1 has many tasks 4" },
     { id: 13, start: "2022-12-21 18:30:00", end: "2022-12-24 23:30:00", resourceId: "r1", title: "R1 has many tasks 5" },
@@ -2290,9 +2737,20 @@ const Rr = {
     { id: 5, start: "2022-12-21 15:30:00", end: "2022-12-22 23:30:00", resourceId: "r5", title: "I am not end-resizable", endResizable: !1, groupId: 3, groupName: "Task3" },
     { id: 9, start: "2022-12-21 16:30:00", end: "2022-12-21 23:30:00", resourceId: "r1", title: "R1 has many tasks", groupId: 4, groupName: "Task4" },
     { id: 6, start: "2022-12-22 15:35:00", end: "2022-12-23 23:30:00", resourceId: "r6", title: "I am normal", groupId: 1, groupName: "Task1" },
-    { id: 8, start: "2022-12-25 15:50:00", end: "2022-12-26 23:30:00", resourceId: "r1", title: "I am locked", movable: !1, resizable: !1, bgColor: "red", groupId: 1, groupName: "Task1" },
+    {
+      id: 8,
+      start: "2022-12-25 15:50:00",
+      end: "2022-12-26 23:30:00",
+      resourceId: "r1",
+      title: "I am locked",
+      movable: !1,
+      resizable: !1,
+      bgColor: "red",
+      groupId: 1,
+      groupName: "Task1"
+    },
     { id: 10, start: "2022-12-26 18:30:00", end: "2022-12-26 23:30:00", resourceId: "r2", title: "R2 has many tasks", groupId: 4, groupName: "Task4" },
-    { id: 11, start: "2022-12-27 18:30:00", end: "2022-12-27 23:30:00", resourceId: "r14", title: "R4 has many tasks", groupId: 4, groupName: "Task4" },
+    { id: 11, start: "2022-12-27 18:30:00", end: "2022-12-27 23:30:00", resourceId: "r4", title: "R4 has many tasks", groupId: 4, groupName: "Task4" },
     { id: 12, start: "2022-12-28 18:30:00", end: "2022-12-28 23:30:00", resourceId: "r6", title: "R6 has many tasks", groupId: 3, groupName: "Task3" }
   ],
   eventsForCustomEventStyle: [
@@ -2309,328 +2767,306 @@ const Rr = {
     { id: 11, start: "2022-12-21 18:30:00", end: "2022-12-22 23:30:00", resourceId: "r1", title: "R1 has many tasks 3", type: 2 },
     { id: 12, start: "2022-12-23 18:30:00", end: "2022-12-27 23:30:00", resourceId: "r1", title: "R1 has many tasks 4", type: 3 }
   ]
+}, Cs = ut.Button, Ss = ut.Group, Tt = ({ onViewChange: R, goNext: t, goBack: e, onSelectDate: s, schedulerData: r, leftCustomHeader: n, rightCustomHeader: i }) => {
+  var z, W;
+  const [o, l] = ke(!1), [u, c] = ke(!1), [f, h] = ke(!1), { viewType: v, showAgenda: D, isEventPerspective: g, config: w } = r, T = r.getDateLabel(), b = r.getSelectedDate(), k = (W = (z = r.getCalendarPopoverLocale()) == null ? void 0 : z.default) == null ? void 0 : W.Calendar, A = `${v}${D ? 1 : 0}${g ? 1 : 0}`, $ = (C, X, Z = void 0) => {
+    const { config: S } = r;
+    X ? S.viewChangeSpinEnabled && l(!0) : S.dateChangeSpinEnabled && c(!0);
+    const x = () => {
+      Z !== void 0 ? C(Z) : C(), X ? S.viewChangeSpinEnabled && l(!1) : S.dateChangeSpinEnabled && c(!1);
+    };
+    S.viewChangeSpinEnabled || S.dateChangeSpinEnabled ? setTimeout(x, S.schedulerHeaderEventsFuncsTimeoutMs) : x();
+  }, H = /* @__PURE__ */ d.jsx("div", { className: "popover-calendar", children: /* @__PURE__ */ d.jsx(
+    Zt,
+    {
+      locale: k,
+      defaultValue: ve(b),
+      fullscreen: !1,
+      onSelect: (C) => {
+        h(!1), $(s, !1, C.format(ge));
+      }
+    }
+  ) }), N = w.views.map((C) => /* @__PURE__ */ d.jsx(
+    Cs,
+    {
+      value: `${C.viewType}${C.showAgenda ? 1 : 0}${C.isEventPerspective ? 1 : 0}`,
+      children: /* @__PURE__ */ d.jsx("span", { style: { margin: "0px 8px" }, children: C.viewName })
+    },
+    `${C.viewType}${C.showAgenda ? 1 : 0}${C.isEventPerspective ? 1 : 0}`
+  ));
+  return /* @__PURE__ */ d.jsxs(we, { gutter: [10, 10], type: "flex", align: "middle", justify: "space-between", style: { marginBottom: "24px" }, children: [
+    n,
+    /* @__PURE__ */ d.jsx(de, { children: /* @__PURE__ */ d.jsx("div", { className: "header2-text", children: /* @__PURE__ */ d.jsxs(it, { children: [
+      /* @__PURE__ */ d.jsxs("div", { children: [
+        /* @__PURE__ */ d.jsx(is, { type: "left", style: { marginRight: "8px" }, className: "icon-nav", onClick: () => $(e, !1) }),
+        w.calendarPopoverEnabled ? /* @__PURE__ */ d.jsx(Fe, { content: H, placement: "bottomLeft", trigger: "click", open: f, onOpenChange: h, children: /* @__PURE__ */ d.jsx("span", { className: "header2-text-label", style: { cursor: "pointer" }, children: T }) }) : /* @__PURE__ */ d.jsx("span", { className: "header2-text-label", children: T }),
+        /* @__PURE__ */ d.jsx(as, { type: "right", style: { marginLeft: "8px" }, className: "icon-nav", onClick: () => $(t, !1) })
+      ] }),
+      /* @__PURE__ */ d.jsx(at, { spinning: u })
+    ] }) }) }),
+    /* @__PURE__ */ d.jsx(de, { children: /* @__PURE__ */ d.jsxs(it, { children: [
+      /* @__PURE__ */ d.jsx(at, { spinning: o }),
+      /* @__PURE__ */ d.jsx(Ss, { buttonStyle: "solid", defaultValue: A, size: "default", onChange: (C) => $(R, !0, C), children: N })
+    ] }) }),
+    i
+  ] });
 };
-function Sr(b) {
-  return (t) => /* @__PURE__ */ l.jsx(Zt, { backend: tr, children: /* @__PURE__ */ l.jsx(b, { ...t }) });
-}
-const cr = it.Button, ur = it.Group;
-class hr extends _e {
+Tt.propTypes = {
+  onViewChange: p.func.isRequired,
+  goNext: p.func.isRequired,
+  goBack: p.func.isRequired,
+  onSelectDate: p.func.isRequired,
+  schedulerData: p.object.isRequired,
+  leftCustomHeader: p.object,
+  rightCustomHeader: p.object
+};
+const Ps = (R) => (t) => /* @__PURE__ */ d.jsx(ts, { backend: ls, children: /* @__PURE__ */ d.jsx(R, { ...t }) });
+class Rs extends We {
   constructor(e) {
     super(e);
-    M(this, "onWindowResize", (e) => {
-      const { schedulerData: r } = this.props;
-      r._setDocumentWidth(document.documentElement.clientWidth), this.setState({
-        documentWidth: document.documentElement.clientWidth,
-        documentHeight: document.documentElement.clientHeight
-      });
+    P(this, "onWindowResize", (e) => {
+      const { schedulerData: s } = this.props;
+      s._setDocumentWidth(document.documentElement.clientWidth), this.setState({ documentWidth: document.documentElement.clientWidth, documentHeight: document.documentElement.clientHeight });
     });
-    M(this, "resolveScrollbarSize", () => {
-      const { schedulerData: e } = this.props;
-      let r = 17, n = 17, i = 17, o = 17, a = e.getSchedulerContentDesiredHeight();
-      this.schedulerContent && (r = this.schedulerContent.offsetHeight - this.schedulerContent.clientHeight, n = this.schedulerContent.offsetWidth - this.schedulerContent.clientWidth), this.schedulerResource && (i = this.schedulerResource.offsetHeight - this.schedulerResource.clientHeight, o = this.schedulerResource.offsetWidth - this.schedulerResource.clientWidth), this.schedulerContentBgTable && this.schedulerContentBgTable.offsetHeight && (a = this.schedulerContentBgTable.offsetHeight);
-      let d = {}, c = !1;
-      r != this.state.contentScrollbarHeight && (d = {
-        ...d,
-        contentScrollbarHeight: r
-      }, c = !0), n != this.state.contentScrollbarWidth && (d = { ...d, contentScrollbarWidth: n }, c = !0), a != this.state.contentHeight && (d = { ...d, contentHeight: a }, c = !0), i != this.state.resourceScrollbarHeight && (d = {
-        ...d,
-        resourceScrollbarHeight: i
-      }, c = !0), o != this.state.resourceScrollbarWidth && (d = {
-        ...d,
-        resourceScrollbarWidth: o
-      }, c = !0), c && this.setState(d);
+    P(this, "resolveScrollbarSize", () => {
+      this.props;
+      let e = 17, s = 17, r = 17, n = 17;
+      this.schedulerContent && (e = this.schedulerContent.offsetHeight - this.schedulerContent.clientHeight, s = this.schedulerContent.offsetWidth - this.schedulerContent.clientWidth), this.schedulerResource && (r = this.schedulerResource.offsetHeight - this.schedulerResource.clientHeight, n = this.schedulerResource.offsetWidth - this.schedulerResource.clientWidth);
+      let i = {}, o = !1;
+      e != this.state.contentScrollbarHeight && (i = { ...i, contentScrollbarHeight: e }, o = !0), s != this.state.contentScrollbarWidth && (i = { ...i, contentScrollbarWidth: s }, o = !0), r != this.state.resourceScrollbarHeight && (i = { ...i, resourceScrollbarHeight: r }, o = !0), n != this.state.resourceScrollbarWidth && (i = { ...i, resourceScrollbarWidth: n }, o = !0), o && this.setState(i);
     });
-    M(this, "schedulerHeadRef", (e) => {
+    P(this, "schedulerHeadRef", (e) => {
       this.schedulerHead = e;
     });
-    M(this, "onSchedulerHeadMouseOver", () => {
+    P(this, "onSchedulerHeadMouseOver", () => {
       this.currentArea = 2;
     });
-    M(this, "onSchedulerHeadMouseOut", () => {
+    P(this, "onSchedulerHeadMouseOut", () => {
       this.currentArea = -1;
     });
-    M(this, "onSchedulerHeadScroll", (e, r) => {
+    P(this, "onSchedulerHeadScroll", (e, s) => {
       (this.currentArea === 2 || this.currentArea === -1) && this.schedulerContent.scrollLeft != this.schedulerHead.scrollLeft && (this.schedulerContent.scrollLeft = this.schedulerHead.scrollLeft);
     });
-    M(this, "schedulerResourceRef", (e) => {
+    P(this, "schedulerResourceRef", (e) => {
       this.schedulerResource = e;
     });
-    M(this, "onSchedulerResourceMouseOver", () => {
+    P(this, "onSchedulerResourceMouseOver", () => {
       this.currentArea = 1;
     });
-    M(this, "onSchedulerResourceMouseOut", () => {
+    P(this, "onSchedulerResourceMouseOut", () => {
       this.currentArea = -1;
     });
-    M(this, "onSchedulerResourceScroll", (e, r) => {
-      (this.currentArea === 1 || this.currentArea === -1) && this.schedulerContent.scrollTop != this.schedulerResource.scrollTop && (this.schedulerContent.scrollTop = this.schedulerResource.scrollTop);
+    P(this, "onSchedulerResourceScroll", (e, s) => {
+      this.schedulerResource && (this.currentArea === 1 || this.currentArea === -1) && this.schedulerContent.scrollTop != this.schedulerResource.scrollTop && (this.schedulerContent.scrollTop = this.schedulerResource.scrollTop);
     });
-    M(this, "schedulerContentRef", (e) => {
+    P(this, "schedulerContentRef", (e) => {
       this.schedulerContent = e;
     });
-    M(this, "schedulerContentBgTableRef", (e) => {
+    P(this, "schedulerContentBgTableRef", (e) => {
       this.schedulerContentBgTable = e;
     });
-    M(this, "onSchedulerContentMouseOver", () => {
+    P(this, "onSchedulerContentMouseOver", () => {
       this.currentArea = 0;
     });
-    M(this, "onSchedulerContentMouseOut", () => {
+    P(this, "onSchedulerContentMouseOut", () => {
       this.currentArea = -1;
     });
-    M(this, "onSchedulerContentScroll", (e, r) => {
-      (this.currentArea === 0 || this.currentArea === -1) && (this.schedulerHead.scrollLeft != this.schedulerContent.scrollLeft && (this.schedulerHead.scrollLeft = this.schedulerContent.scrollLeft), this.schedulerResource.scrollTop != this.schedulerContent.scrollTop && (this.schedulerResource.scrollTop = this.schedulerContent.scrollTop));
-      const { schedulerData: n, onScrollLeft: i, onScrollRight: o, onScrollTop: a, onScrollBottom: d } = this.props, { scrollLeft: c, scrollTop: h } = this.state;
-      this.schedulerContent.scrollLeft !== c ? (this.schedulerContent.scrollLeft === 0 && i != null && i(n, this.schedulerContent, this.schedulerContent.scrollWidth - this.schedulerContent.clientWidth), this.schedulerContent.scrollLeft === this.schedulerContent.scrollWidth - this.schedulerContent.clientWidth && o != null && o(n, this.schedulerContent, this.schedulerContent.scrollWidth - this.schedulerContent.clientWidth)) : this.schedulerContent.scrollTop !== h && (this.schedulerContent.scrollTop === 0 && a != null && a(n, this.schedulerContent, this.schedulerContent.scrollHeight - this.schedulerContent.clientHeight), this.schedulerContent.scrollTop === this.schedulerContent.scrollHeight - this.schedulerContent.clientHeight && d != null && d(n, this.schedulerContent, this.schedulerContent.scrollHeight - this.schedulerContent.clientHeight)), this.setState({
-        scrollLeft: this.schedulerContent.scrollLeft,
-        scrollTop: this.schedulerContent.scrollTop
-      });
+    P(this, "onSchedulerContentScroll", (e, s) => {
+      this.schedulerResource && (this.currentArea === 0 || this.currentArea === -1) && (this.schedulerHead.scrollLeft != this.schedulerContent.scrollLeft && (this.schedulerHead.scrollLeft = this.schedulerContent.scrollLeft), this.schedulerResource.scrollTop != this.schedulerContent.scrollTop && (this.schedulerResource.scrollTop = this.schedulerContent.scrollTop));
+      const { schedulerData: r, onScrollLeft: n, onScrollRight: i, onScrollTop: o, onScrollBottom: l } = this.props;
+      this.schedulerContent.scrollLeft !== this.scrollLeft ? (this.schedulerContent.scrollLeft === 0 && n != null && n(r, this.schedulerContent, this.schedulerContent.scrollWidth - this.schedulerContent.clientWidth), Math.round(this.schedulerContent.scrollLeft) === this.schedulerContent.scrollWidth - this.schedulerContent.clientWidth && i != null && i(r, this.schedulerContent, this.schedulerContent.scrollWidth - this.schedulerContent.clientWidth)) : this.schedulerContent.scrollTop !== this.scrollTop && (this.schedulerContent.scrollTop === 0 && o != null && o(r, this.schedulerContent, this.schedulerContent.scrollHeight - this.schedulerContent.clientHeight), Math.round(this.schedulerContent.scrollTop) === this.schedulerContent.scrollHeight - this.schedulerContent.clientHeight && l != null && l(r, this.schedulerContent, this.schedulerContent.scrollHeight - this.schedulerContent.clientHeight)), this.scrollLeft = this.schedulerContent.scrollLeft, this.scrollTop = this.schedulerContent.scrollTop;
     });
-    M(this, "onViewChange", (e) => {
-      const { onViewChange: r, schedulerData: n } = this.props;
-      let i = parseInt(e.target.value.charAt(0)), o = e.target.value.charAt(1) === "1", a = e.target.value.charAt(2) === "1";
-      r(n, {
-        viewType: i,
-        showAgenda: o,
-        isEventPerspective: a
-      });
+    P(this, "onViewChange", (e) => {
+      const { onViewChange: s, schedulerData: r } = this.props;
+      let n = parseInt(e.target.value.charAt(0)), i = e.target.value.charAt(1) === "1", o = e.target.value.charAt(2) === "1";
+      s(r, { viewType: n, showAgenda: i, isEventPerspective: o }), this.setState({ ...this.state, spinning: !1 });
     });
-    M(this, "goNext", () => {
-      const { nextClick: e, schedulerData: r } = this.props;
-      e(r);
+    P(this, "goNext", () => {
+      const { nextClick: e, schedulerData: s } = this.props;
+      e(s);
     });
-    M(this, "goBack", () => {
-      const { prevClick: e, schedulerData: r } = this.props;
-      e(r);
+    P(this, "goBack", () => {
+      const { prevClick: e, schedulerData: s } = this.props;
+      e(s);
     });
-    M(this, "handleVisibleChange", (e) => {
-      this.setState({ visible: e });
+    P(this, "onSelect", (e) => {
+      const { onSelectDate: s, schedulerData: r } = this.props;
+      s(r, e);
     });
-    M(this, "onSelect", (e) => {
-      this.setState({
-        visible: !1
-      });
-      const { onSelectDate: r, schedulerData: n } = this.props;
-      r(n, e);
-    });
-    const { schedulerData: r, dndSources: n } = e;
+    const { schedulerData: s, dndSources: r, parentRef: n } = e;
     let i = [];
-    i.push(new ot((a) => a.eventItem, Ne)), n != null && n.length > 0 && (i = [...i, ...n]);
-    let o = new sr(i, ft);
-    this.currentArea = -1, r._setDocumentWidth(document.documentElement.clientWidth), this.state = {
-      visible: !1,
+    i.push(new ht((l) => l.eventItem, Be, s.config.dragAndDropEnabled)), r != null && r.length > 0 && (i = [...i, ...r]);
+    let o = new us(i, yt);
+    this.currentArea = -1, this.state = {
       dndContext: o,
-      contentHeight: r.getSchedulerContentDesiredHeight(),
       contentScrollbarHeight: 17,
       contentScrollbarWidth: 17,
       resourceScrollbarHeight: 17,
       resourceScrollbarWidth: 17,
-      scrollLeft: 0,
-      scrollTop: 0,
-      documentWidth: document.documentElement.clientWidth,
-      documentHeight: document.documentElement.clientHeight
-    }, r.isSchedulerResponsive() && (window.onresize = this.onWindowResize);
-  }
-  componentDidMount(e, r) {
-    this.resolveScrollbarSize();
+      documentWidth: 0,
+      documentHeight: 0
+    }, this.scrollLeft = 0, this.scrollTop = 0, (s.isSchedulerResponsive() && !s.config.responsiveByParent || n === void 0) && (s._setDocumentWidth(document.documentElement.clientWidth), window.onresize = this.onWindowResize);
+  }
+  componentDidMount(e, s) {
+    const { schedulerData: r, parentRef: n } = this.props;
+    this.resolveScrollbarSize(), n !== void 0 && r.config.responsiveByParent && n.current && (r._setDocumentWidth(n.current.offsetWidth), this.ulObserver = new ResizeObserver((i, o) => {
+      if (n.current) {
+        const l = n.current.offsetWidth, u = n.current.offsetHeight;
+        r._setDocumentWidth(l), this.setState({
+          documentWidth: l,
+          documentHeight: u
+        });
+      }
+    }), this.ulObserver.observe(n.current));
   }
-  componentDidUpdate(e, r) {
+  componentDidUpdate(e, s) {
     this.resolveScrollbarSize();
-    const { schedulerData: n } = this.props, { localeMoment: i, behaviors: o } = n;
-    if (n.getScrollToSpecialMoment() && o.getScrollSpecialMomentFunc && this.schedulerContent && this.schedulerContent.scrollWidth > this.schedulerContent.clientWidth) {
-      let a = i(n.startDate).startOf("day"), d = i(n.endDate).endOf("day"), c = o.getScrollSpecialMomentFunc(n, a, d);
-      if (c >= a && c <= d) {
-        let h = 0;
-        n.headers.forEach((p) => {
-          let f = i(p.time);
-          c >= f && h++;
-        }), this.schedulerContent.scrollLeft = (h - 1) * n.getContentCellWidth(), n.setScrollToSpecialMoment(!1);
+    const { schedulerData: r } = this.props, { localeDayjs: n, behaviors: i } = r;
+    if (r.getScrollToSpecialDayjs() && i.getScrollSpecialDayjsFunc && this.schedulerContent && this.schedulerContent.scrollWidth > this.schedulerContent.clientWidth) {
+      let o = n(new Date(r.startDate)).startOf("day"), l = n(new Date(r.endDate)).endOf("day"), u = i.getScrollSpecialDayjsFunc(r, o, l);
+      if (u >= o && u <= l) {
+        let c = 0;
+        r.headers.forEach((f) => {
+          let h = n(new Date(f.time));
+          u >= h && c++;
+        }), this.schedulerContent.scrollLeft = (c - 1) * r.getContentCellWidth(), r.setScrollToSpecialDayjs(!1);
       }
     }
   }
   render() {
-    const { schedulerData: e, leftCustomHeader: r, rightCustomHeader: n } = this.props, { renderData: i, viewType: o, showAgenda: a, isEventPerspective: d, config: c } = e, h = e.getSchedulerWidth(), p = c.calendarPopoverEnabled;
-    let f = e.getDateLabel(), m = `${o}${a ? 1 : 0}${d ? 1 : 0}`, E = c.views.map((v) => /* @__PURE__ */ l.jsx(cr, { value: `${v.viewType}${v.showAgenda ? 1 : 0}${v.isEventPerspective ? 1 : 0}`, children: /* @__PURE__ */ l.jsx("span", { style: { margin: "0px 8px" }, children: v.viewName }) }, `${v.viewType}${v.showAgenda ? 1 : 0}${v.isEventPerspective ? 1 : 0}`)), R = /* @__PURE__ */ l.jsx("tr", {});
-    if (a)
-      R = /* @__PURE__ */ l.jsx(pt, { ...this.props });
+    const { schedulerData: e, leftCustomHeader: s, rightCustomHeader: r } = this.props, { viewType: n, renderData: i, showAgenda: o, config: l } = e, u = e.getSchedulerWidth();
+    let c = /* @__PURE__ */ d.jsx("tr", {});
+    if (o)
+      c = /* @__PURE__ */ d.jsx(bt, { ...this.props });
     else {
-      let v = e.getResourceTableWidth(), k = h - v + 1, T = e.getContentTableWidth() - 1, D = this.state.dndContext.getDropTarget(), j = this.state.dndContext.getDndSource(), A = i.filter((V) => V.render).map((V) => /* @__PURE__ */ he(D, { ...this.props, key: V.slotId, resourceEvents: V, dndSource: j })), S = this.state.contentScrollbarHeight, _ = this.state.contentScrollbarWidth, q = this.state.resourceScrollbarHeight, Q = this.state.resourceScrollbarWidth, G = this.state.contentHeight, K = q === 0 ? S : 0, z = {
-        overflow: "auto",
+      let h = e.getResourceTableWidth(), v = u - (l.resourceViewEnabled ? h : 0), D = e.getContentTableWidth() - 1, g = this.state.dndContext.getDropTarget(l.dragAndDropEnabled), w = this.state.dndContext.getDndSource(), b = i.filter((S) => S.render).map((S) => /* @__PURE__ */ be(g, { ...this.props, key: S.slotId, resourceEvents: S, dndSource: w })), k = this.state.contentScrollbarHeight, A = this.state.contentScrollbarWidth, $ = this.state.resourceScrollbarHeight, H = this.state.resourceScrollbarWidth, N = l.schedulerContentHeight, z = $ === 0 ? k : 0, W = k === 0 ? $ : 0, C = {
+        overflowX: n === O.Week ? "hidden" : "auto",
+        overflowY: "auto",
         margin: "0px",
         position: "relative",
-        paddingBottom: S === 0 ? q : 0
-      }, Y = {
+        height: N,
+        paddingBottom: W
+      }, X = {
+        height: N,
         overflowX: "auto",
         overflowY: "auto",
-        width: v + Q - 2,
-        margin: `0px -${_}px 0px 0px`
+        width: h + H - 2,
+        margin: `0px -${A}px 0px 0px`
       };
-      c.schedulerMaxHeight > 0 && (z = {
-        ...z,
-        maxHeight: c.schedulerMaxHeight - c.tableHeaderHeight
-      }, Y = {
-        ...Y,
-        maxHeight: c.schedulerMaxHeight - c.tableHeaderHeight
+      l.schedulerMaxHeight > 0 && (C = {
+        ...C,
+        maxHeight: l.schedulerMaxHeight - l.tableHeaderHeight
+      }, X = {
+        ...X,
+        maxHeight: l.schedulerMaxHeight - l.tableHeaderHeight
       });
-      let $ = e.isEventPerspective ? c.taskName : c.resourceName;
-      R = /* @__PURE__ */ l.jsxs("tr", { children: [
-        /* @__PURE__ */ l.jsx("td", { style: { width: v, verticalAlign: "top" }, children: /* @__PURE__ */ l.jsxs("div", { className: "resource-view", children: [
-          /* @__PURE__ */ l.jsx(
-            "div",
-            {
-              style: {
-                overflow: "hidden",
-                borderBottom: "1px solid #e9e9e9",
-                height: c.tableHeaderHeight
-              },
-              children: /* @__PURE__ */ l.jsx(
-                "div",
-                {
-                  style: {
-                    overflowX: "scroll",
-                    overflowY: "hidden",
-                    margin: `0px 0px -${S}px`
-                  },
-                  children: /* @__PURE__ */ l.jsx("table", { className: "resource-table", children: /* @__PURE__ */ l.jsx("thead", { children: /* @__PURE__ */ l.jsx("tr", { style: { height: c.tableHeaderHeight }, children: /* @__PURE__ */ l.jsx("th", { className: "header3-text", children: $ }) }) }) })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ l.jsx(
+      let Z = e.isEventPerspective ? l.taskName : l.resourceName;
+      c = /* @__PURE__ */ d.jsxs("tr", { children: [
+        /* @__PURE__ */ d.jsx("td", { style: { display: l.resourceViewEnabled ? void 0 : "none", width: h, verticalAlign: "top" }, children: /* @__PURE__ */ d.jsxs("div", { className: "resource-view", children: [
+          /* @__PURE__ */ d.jsx("div", { style: { overflow: "hidden", borderBottom: "1px solid #e9e9e9", height: l.tableHeaderHeight }, children: /* @__PURE__ */ d.jsx("div", { style: { overflowX: "scroll", overflowY: "hidden", margin: `0px 0px -${k}px` }, children: /* @__PURE__ */ d.jsx("table", { className: "resource-table", children: /* @__PURE__ */ d.jsx("thead", { children: /* @__PURE__ */ d.jsx("tr", { style: { height: l.tableHeaderHeight }, children: /* @__PURE__ */ d.jsx("th", { className: "header3-text", children: Z }) }) }) }) }) }),
+          /* @__PURE__ */ d.jsx(
             "div",
             {
-              style: Y,
+              style: X,
               ref: this.schedulerResourceRef,
               onMouseOver: this.onSchedulerResourceMouseOver,
               onMouseOut: this.onSchedulerResourceMouseOut,
               onScroll: this.onSchedulerResourceScroll,
-              children: /* @__PURE__ */ l.jsx(at, { ...this.props, contentScrollbarHeight: K })
+              children: /* @__PURE__ */ d.jsx(ft, { ...this.props, contentScrollbarHeight: z })
             }
           )
         ] }) }),
-        /* @__PURE__ */ l.jsx("td", { children: /* @__PURE__ */ l.jsxs("div", { className: "scheduler-view", style: { width: k, verticalAlign: "top" }, children: [
-          /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ d.jsx("td", { children: /* @__PURE__ */ d.jsxs("div", { className: "scheduler-view", style: { width: v, verticalAlign: "top" }, children: [
+          /* @__PURE__ */ d.jsx("div", { style: { overflow: "hidden", borderBottom: "1px solid #e9e9e9", height: l.tableHeaderHeight }, children: /* @__PURE__ */ d.jsx(
             "div",
             {
-              style: {
-                overflow: "hidden",
-                borderBottom: "1px solid #e9e9e9",
-                height: c.tableHeaderHeight
-              },
-              children: /* @__PURE__ */ l.jsx(
-                "div",
-                {
-                  style: {
-                    overflowX: "scroll",
-                    overflowY: "hidden",
-                    margin: `0px 0px -${S}px`
-                  },
-                  ref: this.schedulerHeadRef,
-                  onMouseOver: this.onSchedulerHeadMouseOver,
-                  onMouseOut: this.onSchedulerHeadMouseOut,
-                  onScroll: this.onSchedulerHeadScroll,
-                  children: /* @__PURE__ */ l.jsx(
-                    "div",
-                    {
-                      style: {
-                        paddingRight: `${_}px`,
-                        width: T + _
-                      },
-                      children: /* @__PURE__ */ l.jsx("table", { className: "scheduler-bg-table", children: /* @__PURE__ */ l.jsx(lt, { ...this.props }) })
-                    }
-                  )
-                }
-              )
+              style: { overflowX: "scroll", overflowY: "hidden", margin: `0px 0px -${k}px` },
+              ref: this.schedulerHeadRef,
+              onMouseOver: this.onSchedulerHeadMouseOver,
+              onMouseOut: this.onSchedulerHeadMouseOut,
+              onScroll: this.onSchedulerHeadScroll,
+              children: /* @__PURE__ */ d.jsx("div", { style: { paddingRight: `${A}px`, width: D + A }, children: /* @__PURE__ */ d.jsx("table", { className: "scheduler-bg-table", children: /* @__PURE__ */ d.jsx(pt, { ...this.props }) }) })
             }
-          ),
-          /* @__PURE__ */ l.jsx(
+          ) }),
+          /* @__PURE__ */ d.jsx(
             "div",
             {
-              style: z,
+              style: C,
               ref: this.schedulerContentRef,
               onMouseOver: this.onSchedulerContentMouseOver,
               onMouseOut: this.onSchedulerContentMouseOut,
               onScroll: this.onSchedulerContentScroll,
-              children: /* @__PURE__ */ l.jsxs("div", { style: { width: T, height: G }, children: [
-                /* @__PURE__ */ l.jsx("div", { className: "scheduler-content", children: /* @__PURE__ */ l.jsx("table", { className: "scheduler-content-table", children: /* @__PURE__ */ l.jsx("tbody", { children: A }) }) }),
-                /* @__PURE__ */ l.jsx("div", { className: "scheduler-bg", children: /* @__PURE__ */ l.jsx("table", { className: "scheduler-bg-table", style: { width: T }, ref: this.schedulerContentBgTableRef, children: /* @__PURE__ */ l.jsx(dt, { ...this.props }) }) })
+              children: /* @__PURE__ */ d.jsxs("div", { style: { width: D }, children: [
+                /* @__PURE__ */ d.jsx("div", { className: "scheduler-content", children: /* @__PURE__ */ d.jsx("table", { className: "scheduler-content-table", children: /* @__PURE__ */ d.jsx("tbody", { children: b }) }) }),
+                /* @__PURE__ */ d.jsx("div", { className: "scheduler-bg", children: /* @__PURE__ */ d.jsx("table", { className: "scheduler-bg-table", style: { width: D }, ref: this.schedulerContentBgTableRef, children: /* @__PURE__ */ d.jsx(gt, { ...this.props }) }) })
               ] })
             }
           )
         ] }) })
       ] });
     }
-    let C = /* @__PURE__ */ l.jsx("div", { className: "popover-calendar", children: /* @__PURE__ */ l.jsx(Qt, { fullscreen: !1, onSelect: this.onSelect }) }), x = /* @__PURE__ */ l.jsx("div", {});
-    return c.headerEnabled && (x = /* @__PURE__ */ l.jsxs(
-      "div",
+    let f = /* @__PURE__ */ d.jsx("div", {});
+    return l.headerEnabled && (f = /* @__PURE__ */ d.jsx(
+      Tt,
       {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          marginBottom: "24px"
-        },
-        children: [
-          r,
-          /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsxs("div", { className: "header2-text", children: [
-            /* @__PURE__ */ l.jsx(Ut, { style: { marginRight: "8px" }, className: "icon-nav", onClick: this.goBack }),
-            p ? /* @__PURE__ */ l.jsx(He, { content: C, placement: "bottom", trigger: "click", open: this.state.visible, onOpenChange: this.handleVisibleChange, children: /* @__PURE__ */ l.jsx("span", { className: "header2-text-label", style: { cursor: "pointer" }, children: f }) }) : /* @__PURE__ */ l.jsx("span", { className: "header2-text-label", children: f }),
-            /* @__PURE__ */ l.jsx(Xt, { style: { marginLeft: "8px" }, className: "icon-nav", onClick: this.goNext })
-          ] }) }),
-          /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsxs(ur, { defaultValue: m, size: "default", onChange: this.onViewChange, children: [
-            E,
-            "xx"
-          ] }) }),
-          n
-        ]
+        onViewChange: this.onViewChange,
+        schedulerData: e,
+        onSelectDate: this.onSelect,
+        goNext: this.goNext,
+        goBack: this.goBack,
+        rightCustomHeader: r,
+        leftCustomHeader: s
       }
-    )), /* @__PURE__ */ l.jsx("div", { className: "scheduler-component-module", children: /* @__PURE__ */ l.jsxs("table", { id: "RBS-Scheduler-root", className: "scheduler", style: { width: `${h}px` }, children: [
-      /* @__PURE__ */ l.jsx("thead", { children: /* @__PURE__ */ l.jsx("tr", { children: /* @__PURE__ */ l.jsx("td", { colSpan: "2", children: x }) }) }),
-      /* @__PURE__ */ l.jsx("tbody", { children: R })
-    ] }) });
+    )), /* @__PURE__ */ d.jsxs("table", { id: "RBS-Scheduler-root", className: "scheduler", style: { width: `${u}px` }, children: [
+      /* @__PURE__ */ d.jsx("thead", { children: /* @__PURE__ */ d.jsx("tr", { children: /* @__PURE__ */ d.jsx("td", { colSpan: "2", children: f }) }) }),
+      /* @__PURE__ */ d.jsx("tbody", { children: c })
+    ] });
   }
 }
-M(hr, "propTypes", {
-  schedulerData: u.object.isRequired,
-  prevClick: u.func.isRequired,
-  nextClick: u.func.isRequired,
-  onViewChange: u.func.isRequired,
-  onSelectDate: u.func.isRequired,
-  onSetAddMoreState: u.func,
-  updateEventStart: u.func,
-  updateEventEnd: u.func,
-  moveEvent: u.func,
-  movingEvent: u.func,
-  leftCustomHeader: u.object,
-  rightCustomHeader: u.object,
-  newEvent: u.func,
-  subtitleGetter: u.func,
-  eventItemClick: u.func,
-  viewEventClick: u.func,
-  viewEventText: u.string,
-  viewEvent2Click: u.func,
-  viewEvent2Text: u.string,
-  conflictOccurred: u.func,
-  eventItemTemplateResolver: u.func,
-  dndSources: u.array,
-  slotClickedFunc: u.func,
-  toggleExpandFunc: u.func,
-  slotItemTemplateResolver: u.func,
-  nonAgendaCellHeaderTemplateResolver: u.func,
-  onScrollLeft: u.func,
-  onScrollRight: u.func,
-  onScrollTop: u.func,
-  onScrollBottom: u.func
+P(Rs, "propTypes", {
+  parentRef: p.object,
+  schedulerData: p.object.isRequired,
+  prevClick: p.func.isRequired,
+  nextClick: p.func.isRequired,
+  onViewChange: p.func.isRequired,
+  onSelectDate: p.func.isRequired,
+  onSetAddMoreState: p.func,
+  updateEventStart: p.func,
+  updateEventEnd: p.func,
+  moveEvent: p.func,
+  movingEvent: p.func,
+  leftCustomHeader: p.object,
+  rightCustomHeader: p.object,
+  newEvent: p.func,
+  subtitleGetter: p.func,
+  eventItemClick: p.func,
+  viewEventClick: p.func,
+  viewEventText: p.string,
+  viewEvent2Click: p.func,
+  viewEvent2Text: p.string,
+  conflictOccurred: p.func,
+  eventItemTemplateResolver: p.func,
+  dndSources: p.array,
+  slotClickedFunc: p.func,
+  toggleExpandFunc: p.func,
+  slotItemTemplateResolver: p.func,
+  nonAgendaCellHeaderTemplateResolver: p.func,
+  onScrollLeft: p.func,
+  onScrollRight: p.func,
+  onScrollTop: p.func,
+  onScrollBottom: p.func
 });
 export {
-  ir as AddMorePopover,
-  O as CellUnits,
-  P as DATETIME_FORMAT,
-  W as DATE_FORMAT,
-  sr as DnDContext,
-  ot as DnDSource,
-  Rr as SampleData,
-  hr as Scheduler,
-  Cr as SchedulerData,
-  ae as SummaryPos,
-  w as ViewTypes,
-  Sr as wrapFunction
+  hs as AddMorePopover,
+  U as CellUnit,
+  V as DATETIME_FORMAT,
+  ge as DATE_FORMAT,
+  $s as DemoData,
+  us as DnDContext,
+  ht as DnDSource,
+  Rs as Scheduler,
+  Hs as SchedulerData,
+  me as SummaryPos,
+  O as ViewType,
+  Ps as wrapperFun
 };