@progress/kendo-react-dateinputs 14.4.1 → 14.5.0-develop.2

package/calendar/components/MultiViewCalendar.mjs

@@ -5,460 +5,418 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as d from "react";
-import s from "prop-types";
-import { provideIntlService as G, provideLocalizationService as X, registerForIntl as q, registerForLocalization as J } from "@progress/kendo-react-intl";
-import { withIdHOC as Q, withPropsContext as Z, createPropsContext as ee, Keys as O, validatePackage as te, getLicenseMessage as se, classNames as ie, WatermarkOverlay as ae } from "@progress/kendo-react-common";
-import { isEqualDate as P, addDays as M, cloneDate as m, getDate as g, firstDayOfMonth as ne, lastDayOfMonth as oe } from "@progress/kendo-date-math";
-import { Button as L } from "@progress/kendo-react-buttons";
-import { chevronRightIcon as N, chevronLeftIcon as B } from "@progress/kendo-svg-icons";
-import { Action as x } from "../models/NavigationAction.mjs";
-import { CalendarViewEnum as A } from "../models/CalendarViewEnum.mjs";
-import { EMPTY_SELECTIONRANGE as j } from "../models/SelectionRange.mjs";
-import { Header as re } from "./Header.mjs";
-import { dateInRange as k, getToday as F, viewInRange as _, nullable as D, MAX_DATE as le, MIN_DATE as he, isInRange as T } from "../../utils.mjs";
-import { prevView as K, messages as Y, nextView as W } from "../../messages/index.mjs";
-import { BusViewService as ce } from "../services/BusViewService.mjs";
-import { NavigationService as de } from "../services/NavigationService.mjs";
-import { HorizontalViewList as E } from "./HorizontalViewList.mjs";
-import { TodayCommand as ue } from "./TodayCommand.mjs";
-import { packageMetadata as z } from "../../package-metadata.mjs";
-const S = (l = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Date && !Array.isArray(a) && T(g(a), l, i) ? g(a) : null, U = (l = v.defaultProps.min, i = v.defaultProps.max, a) => Array.isArray(a) ? a.filter((c) => T(c, l, i)).map((c) => g(c)) : null, $ = (l) => typeof l == "object" && !(l instanceof Date) && l !== null && !Array.isArray(l) ? l : j, H = (l, i, a) => l || i && i[0] || a && a.start, pe = (l, i) => l.start === null && i === null ? "start" : l.end === null ? "end" : "start", u = class u extends d.Component {
-  constructor(i) {
-    super(i), this.dates = [], this.selectedDate = null, this.selectedMultiple = null, this.selectedRange = j, this._focusedDate = /* @__PURE__ */ new Date(), this.cellUID = this.props.id + "-cell-uid", this.activeRangeEnd = "start", this._element = null, this.intl = null, this.localization = null, this.service = null, this.calendarViewList = null, this.isActive = !1, this.calculateFocusFromValue = !0, this.showLicenseWatermark = !1, this.focus = () => {
-      this._element && this._element.focus();
-    }, this.clampRange = (e) => ({ start: e, end: null }), this.rangeWithFocused = (e, t) => ({
+import * as a from "react";
+import n from "prop-types";
+import { validatePackage as Ft, getLicenseMessage as Tt, usePropsContext as Nt, useId as Pt, classNames as Bt, WatermarkOverlay as Lt, createPropsContext as Kt, Keys as oe } from "@progress/kendo-react-common";
+import { getDate as O, cloneDate as m, firstDayOfMonth as Wt, lastDayOfMonth as Yt, isEqualDate as Pe, addDays as se } from "@progress/kendo-date-math";
+import { useInternationalization as _t, useLocalization as Ht } from "@progress/kendo-react-intl";
+import { Button as Be } from "@progress/kendo-react-buttons";
+import { chevronRightIcon as Le, chevronLeftIcon as Ke } from "@progress/kendo-svg-icons";
+import { Action as U } from "../models/NavigationAction.mjs";
+import { CalendarViewEnum as X } from "../models/CalendarViewEnum.mjs";
+import { EMPTY_SELECTIONRANGE as $t } from "../models/SelectionRange.mjs";
+import { Header as zt } from "./Header.mjs";
+import { MIN_DATE as jt, MAX_DATE as Gt, viewInRange as ie, dateInRange as q, getToday as J, isInRange as ue, nullable as I } from "../../utils.mjs";
+import { prevView as We, messages as Ye, nextView as _e } from "../../messages/index.mjs";
+import { BusViewService as Ut } from "../services/BusViewService.mjs";
+import { NavigationService as Xt } from "../services/NavigationService.mjs";
+import { HorizontalViewList as qt } from "./HorizontalViewList.mjs";
+import { TodayCommand as Jt } from "./TodayCommand.mjs";
+import { packageMetadata as He } from "../../package-metadata.mjs";
+const S = (c, d = u.min, p = u.max) => c instanceof Date && !Array.isArray(c) && ue(O(c), d, p) ? O(c) : null, le = (c, d = u.min, p = u.max) => Array.isArray(c) ? c.filter((k) => ue(k, d, p)).map((k) => O(k)) : null, Q = (c) => typeof c == "object" && !(c instanceof Date) && c !== null && !Array.isArray(c) ? c : $t, $e = (c, d, p) => c || d && d[0] || p && p.start, Qt = (c, d) => c.start === null && d === null ? "start" : c.end === null ? "end" : "start", u = {
+  disabled: !1,
+  min: jt,
+  max: Gt,
+  defaultActiveView: "month",
+  defaultValue: null,
+  topView: "century",
+  weekDaysFormat: "short",
+  tabIndex: 0,
+  bottomView: "month",
+  views: 2,
+  allowReverse: !1,
+  showOtherMonthDays: !1
+}, Zt = Kt(), Z = a.forwardRef(
+  (c, d) => {
+    var Ne;
+    const p = a.useMemo(
+      () => !Ft(He, { component: "MultiViewCalendar" }),
+      []
+    ), k = a.useMemo(() => Tt(He), []), P = Nt(Zt, c), de = Pt(P.id), {
+      disabled: B = u.disabled,
+      min: ze = u.min,
+      max: je = u.max,
+      defaultActiveView: fe = u.defaultActiveView,
+      defaultValue: Ge = u.defaultValue,
+      topView: Ue = u.topView,
+      bottomView: Xe = u.bottomView,
+      weekDaysFormat: qe = u.weekDaysFormat,
+      tabIndex: Je = u.tabIndex,
+      views: M = u.views,
+      allowReverse: me = u.allowReverse,
+      showOtherMonthDays: Qe = u.showOtherMonthDays,
+      _ref: ve,
+      className: Ze,
+      weekNumber: et,
+      mobileMode: ge,
+      focusedDate: tt,
+      value: L,
+      onChange: K,
+      onFocus: we,
+      onBlur: De,
+      cell: nt,
+      weekCell: at,
+      headerTitle: pe,
+      mode: F,
+      activeRangeEnd: W,
+      ariaLabelledBy: rt,
+      ariaDescribedBy: ct,
+      dir: he
+    } = P, i = O(ze), l = O(je), Y = X[Xe], _ = X[Ue], H = he === "rtl", ot = de + "-cell-uid", st = de + "-wrapper-id", it = (e) => ({ start: e, end: null }), lt = (e, t) => ({
       start: e.start,
-      end: e.end === null && e.start !== null && this.isActive ? t : e.end
-    }), this.generateRange = (e, t) => {
-      const { end: r, start: o } = t, h = t.start !== null && e.getTime() <= t.start.getTime();
-      return !this.props.allowReverse && h ? { start: e, end: this.selectedRange.start } : this.activeRange !== "end" ? { start: e, end: r } : { start: o || this.selectedDate, end: e };
-    }, this.canNavigate = (e) => {
-      if (!this.service)
+      end: e.end === null && e.start !== null && $.current ? t : e.end
+    }), ut = (e, t) => {
+      const { end: r, start: o } = t, g = W !== void 0 ? W : z.current, s = t.start !== null && e.getTime() <= t.start.getTime(), y = Q(f), D = S(f, i, l);
+      return !me && s ? { start: e, end: y.start } : g !== "end" ? { start: e, end: r } : { start: o || D, end: e };
+    }, Ve = (e) => {
+      if (!b.current)
         return !1;
-      const t = this.service.move(this.focusedDate, e);
-      return this.min <= t && t <= this.max || this.service.isInSameView(t, this.min) || this.service.isInSameView(t, this.max);
-    }, this.navigate = (e, t) => {
-      this.calculateFocusFromValue = !1;
-      const r = this.move(e, t);
-      this.setState({ navigateDate: r, focusedDate: r });
-    }, this.move = (e, t) => this.clampDate(this.service.move(t, e)), this.clampDate = (e) => k(e, this.min, this.max), this.shouldAutoCorrect = (e, t) => {
-      const { end: r, start: o } = t;
-      return this.activeRange !== "end" ? r !== null && e > r : o !== null && e < o;
-    }, this.handleCellEnter = (e) => {
-      this.props.mode === "range" && (this.calculateFocusFromValue = !1, this.setState({
+      const t = m(C), r = b.current.move(t, e);
+      return i <= r && r <= l || b.current.isInSameView(r, i) || b.current.isInSameView(r, l);
+    }, ye = (e, t) => !!t && Wt(t) <= e && e <= Yt(t), ee = (e, t) => {
+      R.current = !1;
+      const r = te(e, t);
+      V({ navigateDate: r, focusedDate: r });
+    }, te = (e, t) => dt(b.current.move(t, e)), dt = (e) => q(e, i, l), ft = (e) => {
+      F === "range" && (R.current = !1, V({
         focusedDate: e
       }));
-    }, this.handleMouseDown = (e) => {
+    }, mt = (e) => {
       e.preventDefault();
-    }, this.handleClick = (e) => {
-      this._element && this._element.focus({ preventScroll: !0 });
-    }, this.handleFocus = (e) => {
-      if (this.isActive = !0, !this.calendarViewList)
-        return;
-      this.calendarViewList.focusActiveDate();
-      const { onFocus: t } = this.props;
-      t && t.call(void 0, e);
-    }, this.handleBlur = (e) => {
-      if (this.isActive = !1, !this.calendarViewList)
-        return;
-      this.calendarViewList.blurActiveDate();
-      const { onBlur: t } = this.props;
-      t && t.call(void 0, e);
-    }, this.handleTodayClick = (e) => {
-      this.todayIsInRange && this.handleDateChange(e);
-    }, this.handlePrevButtonClick = () => {
-      const e = x.PrevView;
-      if (this.state.activeView > 0 && this.focusedDate.getFullYear() > this.dates[0].getFullYear())
-        this.navigate(e, this.move(e, this.focusedDate));
+    }, vt = (e) => {
+      A.current && A.current.focus({ preventScroll: !0 });
+    }, gt = (e) => {
+      $.current = !0, E.current && (E.current.focusActiveDate(), we && we(e));
+    }, wt = (e) => {
+      $.current = !1, E.current && (E.current.blurActiveDate(), De && De(e));
+    }, Dt = (e) => {
+      Ie && ne(e);
+    }, Re = () => {
+      const e = U.PrevView, t = m(C);
+      if (w.activeView > 0 && t.getFullYear() > h.current[0].getFullYear())
+        ee(e, te(e, t));
       else {
-        const t = this.isInMonth(this.focusedDate, this.dates[1]) ? this.move(e, this.focusedDate) : this.focusedDate;
-        this.navigate(e, t);
+        const r = ye(t, h.current[1]) ? te(e, t) : t;
+        ee(e, r);
       }
-    }, this.handleNextButtonClick = () => {
-      this.navigate(x.NextView, this.focusedDate);
-    }, this.handleKeyDown = (e) => {
-      const { keyCode: r, ctrlKey: o, metaKey: h } = e;
+    }, be = () => {
+      ee(U.NextView, m(C));
+    }, pt = (e) => {
+      const { keyCode: r, ctrlKey: o, metaKey: g } = e;
       if (r === 84) {
-        const n = F();
-        this.calculateFocusFromValue = !1, this.setState({ focusedDate: n, navigateDate: n });
+        const s = J();
+        R.current = !1, V({ focusedDate: s, navigateDate: s });
       }
-      if ((o || h) && (r === O.left && this.handlePrevButtonClick(), r === O.right && this.handleNextButtonClick()), r === O.enter) {
-        const n = {
+      if ((o || g) && (r === oe.left && Re(), r === oe.right && be()), r === oe.enter) {
+        const s = {
           syntheticEvent: e,
           nativeEvent: e.nativeEvent,
-          value: this.focusedDate,
-          target: this
+          value: m(C),
+          target: T.current
         };
-        this.handleDateChange(n);
+        ne(s);
       } else {
-        const n = k(
-          this.navigation.move(
-            this.focusedDate,
-            this.navigation.action(e),
-            this.state.activeView,
-            this.service,
+        const s = q(
+          Ce.current.move(
+            C,
+            Ce.current.action(e),
+            w.activeView,
+            b.current,
             e
           ),
-          this.min,
-          this.max
+          i,
+          l
         );
-        if (P(this.focusedDate, n))
+        if (Pe(C, s))
           return;
-        this.dates && this.service && !this.service.isInArray(n, this.dates) && this.setState({ navigateDate: n }), this.calculateFocusFromValue = !1, this.setState({ focusedDate: n });
+        h.current && b.current && !b.current.isInArray(s, h.current) && V({ navigateDate: s }), R.current = !1, V({ focusedDate: s });
       }
       e.preventDefault();
-    }, this.handleViewChange = ({ view: e }) => {
-      this.calculateFocusFromValue = !1, this.setState((t) => ({ activeView: e, navigateDate: t.focusedDate }));
-    }, this.handleWeekSelection = (e, t, r) => {
-      if (this.props.mode === "single")
+    }, ht = ({ view: e }) => {
+      R.current = !1, ke((t) => ({ ...t, activeView: e, navigateDate: t.focusedDate }));
+    }, Vt = (e, t, r) => {
+      if (F === "single")
         return;
-      const o = 0, h = 6, n = t === o ? e : M(e, -t), p = t === h ? e : M(e, h - t);
-      let f = null;
-      if (this.props.mode === "multiple") {
-        f = [];
-        for (let y = o; y <= h; y++)
-          f.push(M(n, y));
-        this.setState({ value: f, focusedDate: e });
+      const o = 0, g = 6, s = t === o ? e : se(e, -t), y = t === g ? e : se(e, g - t);
+      let D = null;
+      if (F === "multiple") {
+        D = [];
+        for (let v = o; v <= g; v++)
+          D.push(se(s, v));
+        V({ value: D, focusedDate: e });
       }
-      this.props.mode === "range" && (f = { start: n, end: p }, this.setState({ value: f, focusedDate: e }));
-      const { onChange: C } = this.props;
-      if (C) {
-        const y = {
+      if (F === "range" && (D = { start: s, end: y }, V({ value: D, focusedDate: e })), K) {
+        const v = {
           syntheticEvent: r,
           nativeEvent: r.nativeEvent,
-          value: f,
-          target: this
+          value: D,
+          target: T.current
         };
-        C.call(void 0, y);
+        K(v);
       }
-    }, this.handleDateChange = (e) => {
-      const t = m(e.value), r = this.bus.canMoveDown(this.state.activeView);
-      if (this.props.disabled)
+    }, ne = (e) => {
+      const t = m(e.value), r = x.current.canMoveDown(w.activeView);
+      if (B)
         return;
       if (r)
         if (e.isTodayClick)
-          this.bus.moveToBottom(this.state.activeView);
+          x.current.moveToBottom(w.activeView);
         else {
-          this.bus.moveDown(this.state.activeView, e.syntheticEvent), this.setState({ focusedDate: t, navigateDate: t });
+          x.current.moveDown(w.activeView, e.syntheticEvent), V({ focusedDate: t, navigateDate: t });
           return;
         }
-      this.calculateFocusFromValue = !0;
+      R.current = !0;
       let o;
-      switch (this.props.mode) {
+      const g = le(f, i, l), s = S(f, i, l), y = Q(f), D = W !== void 0 ? W : z.current;
+      switch (F) {
         case "single":
           o = m(e.value);
           break;
         case "multiple":
-          if (Array.isArray(this.selectedMultiple)) {
-            const n = this.selectedMultiple.slice();
-            let p = -1;
-            n.forEach((f, C) => {
-              P(f, e.value) && (p = C);
-            }), p !== -1 ? n.splice(p, 1) : n.push(m(e.value)), o = n.slice();
-          } else
-            this.selectedDate ? o = [m(this.selectedDate), m(e.value)] : o = [m(e.value)];
+          if (Array.isArray(g)) {
+            const v = g.slice();
+            let ce = -1;
+            v.forEach((It, St) => {
+              Pe(It, e.value) && (ce = St);
+            }), ce !== -1 ? v.splice(ce, 1) : v.push(m(e.value)), o = v.slice();
+          } else s ? o = [m(s), m(e.value)] : o = [m(e.value)];
           break;
         case "range": {
-          o = this.selectedRange.start !== null && this.selectedRange.end !== null && this.activeRange === "start" ? this.clampRange(e.value) : this.generateRange(e.value, this.selectedRange), this.activeRangeEnd = this.activeRange !== "end" ? "end" : "start";
+          o = y.start !== null && y.end !== null && D === "start" ? it(e.value) : ut(e.value, y), z.current = D !== "end" ? "end" : "start";
           break;
         }
         default:
           o = m(e.value);
           break;
       }
-      this.valueDuringOnChange = o, e.isTodayClick && this.setState({ navigateDate: t }), this.setState({ value: o, focusedDate: t }), this.valueDuringOnChange = o;
-      const { onChange: h } = this.props;
-      if (h) {
-        const n = {
+      if (N.current = o, e.isTodayClick && V({ navigateDate: t }), V({ value: o, focusedDate: t }), N.current = o, K) {
+        const v = {
           syntheticEvent: e.syntheticEvent,
           nativeEvent: e.nativeEvent,
           value: o,
-          target: this
+          target: T.current
         };
-        h.call(void 0, n);
+        K(v);
       }
-      this.valueDuringOnChange = void 0;
-    }, this.showLicenseWatermark = !te(z, { component: "MultiViewCalendar" }), this.licenseMessage = se(z);
-    const a = i.value !== void 0 ? i.value : i.defaultValue || u.defaultProps.defaultValue, c = S(this.min, this.max, a), w = U(this.min, this.max, a), R = $(a), I = H(c, w, R), V = _(
-      A[i.defaultActiveView],
-      this.bottomView,
-      this.topView
-    ), b = k(i.focusedDate || I || F(), this.min, this.max);
-    this.state = {
-      value: a,
-      activeView: V,
-      focusedDate: b,
-      navigateDate: b
-    }, this.activeRangeEnd = pe(R, c), this.bus = new ce(this.handleViewChange), this.navigation = new de(this.bus), this.calculateFocusFromValue = !1, this.lastView = V, this.lastViewsCount = this.props.views || E.defaultProps.views;
-  }
-  get wrapperID() {
-    return this.props.id + "-wrapper-id";
-  }
-  get isRtl() {
-    return this.props.dir === "rtl";
-  }
-  /**
-   * Gets the wrapping element of the MultiViewCalendar component.
-   */
-  get element() {
-    return this._element;
-  }
-  /**
-   * Gets the value of the MultiViewCalendar.
-   */
-  get value() {
-    return this.valueDuringOnChange !== void 0 ? this.valueDuringOnChange : this.props.value !== void 0 ? this.props.value : this.state.value;
-  }
-  /**
-   * Gets the current focused date of the MultiViewCalendar.
-   */
-  get focusedDate() {
-    return m(this._focusedDate);
-  }
-  get min() {
-    return g(
-      this.props.min !== void 0 ? this.props.min : u.defaultProps.min
-    );
-  }
-  get max() {
-    return g(
-      this.props.max !== void 0 ? this.props.max : u.defaultProps.max
-    );
-  }
-  get bottomView() {
-    return A[this.props.bottomView !== void 0 ? this.props.bottomView : u.defaultProps.bottomView];
-  }
-  get topView() {
-    return A[this.props.topView !== void 0 ? this.props.topView : u.defaultProps.topView];
-  }
-  get activeRange() {
-    return this.props.activeRangeEnd !== void 0 ? this.props.activeRangeEnd : this.activeRangeEnd;
-  }
-  get todayIsInRange() {
-    return T(F(), g(this.min), g(this.max));
-  }
-  /**
-   * @hidden
-   */
-  componentDidMount() {
-    this.calculateFocusFromValue = !0;
-  }
-  /**
-   * @hidden
-   */
-  componentDidUpdate() {
-    this.calendarViewList && (this.isActive ? this.calendarViewList.focusActiveDate : this.calendarViewList.blurActiveDate)();
-    const i = S(this.min, this.max, this.value);
-    this.calculateFocusFromValue = !!(this.selectedDate && i && this.selectedDate.getTime() && i.getTime()), this.lastView = this.state.activeView, this.lastViewsCount = this.props.views || E.defaultProps.views;
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    this.props._ref && this.props._ref(this), this.intl = G(this), this.localization = X(this), this.bus.configure(this.bottomView, this.topView);
-    const i = _(this.state.activeView, this.bottomView, this.topView);
-    this.service = this.bus.service(i, this.intl), this.selectedDate = S(this.min, this.max, this.value), this.selectedMultiple = U(this.min, this.max, this.value), this.selectedRange = $(this.value);
-    const a = H(this.selectedDate, this.selectedMultiple, this.selectedRange);
-    this._focusedDate = k(
-      this.calculateFocusFromValue && a !== null ? a : this.state.focusedDate,
-      this.min,
-      this.max
+      N.current = void 0;
+    }, T = a.useRef(null);
+    a.useImperativeHandle(
+      T,
+      () => ({
+        get element() {
+          return A.current;
+        },
+        get focusedDate() {
+          return m(C);
+        },
+        get value() {
+          return f;
+        },
+        get props() {
+          return P;
+        },
+        focus: () => {
+          var e;
+          return (e = A.current) == null ? void 0 : e.focus();
+        }
+      })
+    ), a.useImperativeHandle(
+      d,
+      () => T.current
     );
-    const c = ie(
+    const A = a.useRef(null), E = a.useRef(null), x = a.useRef(new Ut(ht)), Ce = a.useRef(new Xt(x.current)), N = a.useRef(void 0), $ = a.useRef(!1), R = a.useRef(!1), z = a.useRef("start"), ae = a.useRef(
+      ie(X[fe], Y, _)
+    ), re = a.useRef(M), h = a.useRef([]), b = a.useRef(null), [w, ke] = a.useState(() => {
+      const e = L !== void 0 ? L : Ge, t = S(e, i, l), r = le(e, i, l), o = Q(e), g = $e(t, r, o), s = ie(X[fe], Y, _), y = q(tt || g || J(), i, l);
+      return z.current = Qt(o, t), ae.current = s, re.current = M, {
+        value: e,
+        activeView: s,
+        focusedDate: y,
+        navigateDate: y
+      };
+    }), V = (e) => {
+      ke((t) => ({ ...t, ...e }));
+    };
+    a.useEffect(() => {
+      R.current = !0;
+    }, []), a.useEffect(() => {
+      E.current && ($.current ? E.current.focusActiveDate : E.current.blurActiveDate)();
+      const e = S(f, i, l), t = S(f, i, l);
+      R.current = !!(t && e && t.getTime() && e.getTime()), ae.current = w.activeView, re.current = M;
+    }), a.useEffect(() => {
+      ve && ve({ element: A.current });
+    });
+    const yt = _t(), Ee = Ht();
+    x.current.configure(Y, _);
+    const j = ie(w.activeView, Y, _), G = x.current.service(j, yt);
+    b.current = G;
+    let f;
+    N.current !== void 0 ? f = N.current : L !== void 0 ? f = L : f = w.value;
+    const xe = S(f, i, l), Me = le(f, i, l), Oe = Q(f), Ae = $e(xe, Me, Oe), C = q(
+      R.current && Ae !== null ? Ae : w.focusedDate,
+      i,
+      l
+    ), Ie = ue(J(), O(i), O(l)), Rt = Bt(
       "k-calendar k-calendar-range",
       {
-        "k-disabled": this.props.disabled
+        "k-disabled": B
       },
-      this.props.className
-    ), w = this.rangeWithFocused(this.selectedRange, this.focusedDate), R = this.localization.toLanguageString(K, Y[K]), I = this.localization.toLanguageString(W, Y[W]), V = !this.canNavigate(x.PrevView), b = !this.canNavigate(x.NextView), e = { "aria-disabled": V }, t = { "aria-disabled": b }, r = this.lastView !== i, o = this.dates && this.isInMonth(this.state.navigateDate, this.dates[0]), h = this.lastViewsCount !== this.props.views;
-    (!o || r || h) && (this.dates = this.service.datesList(
-      this.state.navigateDate,
-      this.props.views || E.defaultProps.views
-    ));
-    const n = m(this.dates && this.dates[0] ? this.dates[0] : F());
-    return /* @__PURE__ */ d.createElement(
+      Ze
+    ), bt = lt(Oe, C), Ct = Ee.toLanguageString(We, Ye[We]), kt = Ee.toLanguageString(_e, Ye[_e]), Se = !Ve(U.PrevView), Fe = !Ve(U.NextView), Et = { "aria-disabled": Se }, xt = { "aria-disabled": Fe }, Mt = ae.current !== j, Ot = h.current.length > 0 && ye(w.navigateDate, h.current[0]), At = re.current !== M;
+    (!Ot || Mt || At) && (h.current = G.datesList(w.navigateDate, M));
+    const Te = m((Ne = h.current) != null && Ne[0] ? h.current[0] : J());
+    return /* @__PURE__ */ a.createElement(
       "div",
       {
-        ref: (p) => {
-          this._element = p;
-        },
-        className: c,
-        id: this.props.id || this.wrapperID,
-        "aria-labelledby": this.props.ariaLabelledBy,
-        "aria-describedby": this.props.ariaDescribedBy,
-        tabIndex: this.props.disabled ? void 0 : this.props.tabIndex,
-        onFocus: this.handleFocus,
-        onBlur: this.handleBlur,
-        onMouseDown: this.handleMouseDown,
-        onClick: this.handleClick,
-        onKeyDown: this.handleKeyDown,
-        "aria-disabled": this.props.disabled,
-        dir: this.props.dir
+        ref: A,
+        className: Rt,
+        id: P.id || st,
+        "aria-labelledby": rt,
+        "aria-describedby": ct,
+        tabIndex: B ? void 0 : Je,
+        onFocus: gt,
+        onBlur: wt,
+        onMouseDown: mt,
+        onClick: vt,
+        onKeyDown: pt,
+        "aria-disabled": B,
+        dir: he
       },
-      /* @__PURE__ */ d.createElement(
-        re,
+      /* @__PURE__ */ a.createElement(
+        zt,
         {
-          key: `.kendo.calendar.header.${n.getTime()}`,
-          activeView: i,
-          currentDate: n,
-          min: this.min,
-          max: this.max,
-          rangeLength: this.props.views,
-          bus: this.bus,
-          service: this.service,
-          headerTitle: this.props.headerTitle,
-          verticalView: this.props.mobileMode,
-          commands: /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(
-            L,
+          key: `.kendo.calendar.header.${Te.getTime()}`,
+          activeView: j,
+          currentDate: Te,
+          min: i,
+          max: l,
+          rangeLength: M,
+          bus: x.current,
+          service: G,
+          headerTitle: pe,
+          verticalView: ge,
+          commands: /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
+            Be,
             {
               type: "button",
               className: "k-calendar-nav-prev",
-              icon: this.isRtl ? "chevron-right" : "chevron-left",
-              svgIcon: this.isRtl ? N : B,
+              icon: H ? "chevron-right" : "chevron-left",
+              svgIcon: H ? Le : Ke,
               fillMode: "flat",
-              title: R,
-              disabled: V,
-              onClick: this.handlePrevButtonClick,
-              ...e
-            }
-          ), /* @__PURE__ */ d.createElement(
-            ue,
-            {
-              min: this.min,
-              max: this.max,
-              onClick: this.handleTodayClick,
-              disabled: !this.todayIsInRange
+              title: Ct,
+              disabled: Se,
+              onClick: Re,
+              ...Et
             }
-          ), /* @__PURE__ */ d.createElement(
-            L,
+          ), /* @__PURE__ */ a.createElement(Jt, { min: i, max: l, onClick: Dt, disabled: !Ie }), /* @__PURE__ */ a.createElement(
+            Be,
             {
               type: "button",
               className: "k-calendar-nav-next",
-              icon: this.isRtl ? "chevron-left" : "chevron-right",
-              svgIcon: this.isRtl ? B : N,
+              icon: H ? "chevron-left" : "chevron-right",
+              svgIcon: H ? Ke : Le,
               fillMode: "flat",
-              title: I,
-              disabled: b,
-              onClick: this.handleNextButtonClick,
-              ...t
+              title: kt,
+              disabled: Fe,
+              onClick: be,
+              ...xt
             }
           ))
         }
       ),
-      /* @__PURE__ */ d.createElement(
-        E,
+      /* @__PURE__ */ a.createElement(
+        qt,
         {
-          ref: (p) => {
-            this.calendarViewList = p;
-          },
-          dates: this.dates,
-          activeView: i,
-          focusedDate: this.focusedDate,
-          weekDaysFormat: this.props.weekDaysFormat,
-          min: this.min,
-          max: this.max,
-          bus: this.bus,
-          service: this.service,
-          selectionRange: w,
-          value: this.selectedMultiple || this.selectedDate,
-          cellUID: this.cellUID,
-          views: this.props.views,
-          onChange: this.handleDateChange,
-          onWeekSelect: this.handleWeekSelection,
-          showWeekNumbers: this.props.weekNumber,
-          onCellEnter: this.handleCellEnter,
-          cell: this.props.cell,
-          weekCell: this.props.weekCell,
-          headerTitle: this.props.headerTitle,
-          verticalView: this.props.mobileMode,
-          showOtherMonthDays: this.props.showOtherMonthDays,
-          allowReverse: this.props.allowReverse
+          ref: E,
+          dates: h.current,
+          activeView: j,
+          focusedDate: m(C),
+          weekDaysFormat: qe,
+          min: i,
+          max: l,
+          bus: x.current,
+          service: G,
+          selectionRange: bt,
+          value: Me || xe,
+          cellUID: ot,
+          views: M,
+          onChange: ne,
+          onWeekSelect: Vt,
+          showWeekNumbers: et,
+          onCellEnter: ft,
+          cell: nt,
+          weekCell: at,
+          headerTitle: pe,
+          verticalView: ge,
+          showOtherMonthDays: Qe,
+          allowReverse: me
         }
       ),
-      this.showLicenseWatermark && /* @__PURE__ */ d.createElement(ae, { message: this.licenseMessage })
+      p && /* @__PURE__ */ a.createElement(Lt, { message: k })
     );
   }
-  // protected isListInRange = (list: Date[]): boolean => {
-  //     return this.min < list[0]
-  //         && this.max > list[Math.max(0, (this.props.views || MultiViewCalendarWithoutContext.defaultProps.views) - 1)];
-  // };
-  isInMonth(i, a) {
-    return !!a && ne(a) <= i && i <= oe(a);
-  }
-};
-u.displayName = "MultiViewCalendar", u.propTypes = {
-  activeRangeEnd: s.oneOf(["start", "end"]),
-  allowReverse: s.bool,
-  bottomView: s.oneOf(["month", "year", "decade", "century"]),
-  className: s.string,
-  defaultActiveView: s.oneOf(["month", "year", "decade", "century"]),
-  defaultValue: s.oneOfType([
-    D(s.instanceOf(Date)),
-    s.arrayOf(s.instanceOf(Date)),
-    s.shape({
-      start: D(s.instanceOf(Date)),
-      end: D(s.instanceOf(Date))
+);
+Z.propTypes = {
+  activeRangeEnd: n.oneOf(["start", "end"]),
+  allowReverse: n.bool,
+  bottomView: n.oneOf(["month", "year", "decade", "century"]),
+  className: n.string,
+  defaultActiveView: n.oneOf(["month", "year", "decade", "century"]),
+  defaultValue: n.oneOfType([
+    I(n.instanceOf(Date)),
+    n.arrayOf(n.instanceOf(Date)),
+    n.shape({
+      start: I(n.instanceOf(Date)),
+      end: I(n.instanceOf(Date))
     })
   ]),
-  disabled: s.bool,
-  focusedDate: s.instanceOf(Date),
-  id: s.string,
-  weekDaysFormat: s.oneOf(["narrow", "short", "abbreviated"]),
-  ariaLabelledBy: s.string,
-  ariaDescribedBy: s.string,
-  max: s.instanceOf(Date),
-  min: s.instanceOf(Date),
-  mode: s.oneOf(["single", "multiple", "range"]),
-  onBlur: s.func,
-  onChange: s.func,
-  onFocus: s.func,
-  tabIndex: s.number,
-  topView: s.oneOf(["month", "year", "decade", "century"]),
-  value: s.oneOfType([
-    D(s.instanceOf(Date)),
-    s.arrayOf(s.instanceOf(Date)),
-    s.shape({
-      start: D(s.instanceOf(Date).isRequired),
-      end: D(s.instanceOf(Date).isRequired)
+  disabled: n.bool,
+  focusedDate: n.instanceOf(Date),
+  id: n.string,
+  weekDaysFormat: n.oneOf(["narrow", "short", "abbreviated"]),
+  ariaLabelledBy: n.string,
+  ariaDescribedBy: n.string,
+  max: n.instanceOf(Date),
+  min: n.instanceOf(Date),
+  mode: n.oneOf(["single", "multiple", "range"]),
+  onBlur: n.func,
+  onChange: n.func,
+  onFocus: n.func,
+  tabIndex: n.number,
+  topView: n.oneOf(["month", "year", "decade", "century"]),
+  value: n.oneOfType([
+    I(n.instanceOf(Date)),
+    n.arrayOf(n.instanceOf(Date)),
+    n.shape({
+      start: I(n.instanceOf(Date).isRequired),
+      end: I(n.instanceOf(Date).isRequired)
     })
   ]),
-  views: (i, a, c) => {
-    const w = i[a];
-    return w !== void 0 && w < 1 ? new Error(
-      `Invalid prop '${a}' supplied to'${c}'. The '${a}' property cannot be less than 1'`
+  views: (c, d, p) => {
+    const k = c[d];
+    return k !== void 0 && k < 1 ? new Error(
+      `Invalid prop '${d}' supplied to'${p}'. The '${d}' property cannot be less than 1'`
     ) : null;
   },
-  weekNumber: s.bool,
-  showOtherMonthDays: s.bool,
-  dir: s.string
-}, u.defaultProps = {
-  disabled: !1,
-  min: he,
-  max: le,
-  navigation: !0,
-  defaultActiveView: "month",
-  defaultValue: null,
-  topView: "century",
-  weekDaysFormat: "short",
-  tabIndex: 0,
-  bottomView: "month",
-  views: 2,
-  allowReverse: !1,
-  showOtherMonthDays: !1
+  weekNumber: n.bool,
+  showOtherMonthDays: n.bool,
+  dir: n.string
 };
-let v = u;
-const me = ee(), ve = Q(
-  Z(
-    me,
-    v
-  )
-);
-ve.displayName = "KendoReactMultiViewCalendar";
-q(v);
-J(v);
+Z.displayName = "KendoReactMultiViewCalendar";
+const pn = Z, hn = Z;
 export {
-  ve as MultiViewCalendar,
-  me as MultiViewCalendarPropsContext,
-  v as MultiViewCalendarWithoutContext
+  hn as MultiViewCalendar,
+  Zt as MultiViewCalendarPropsContext,
+  pn as MultiViewCalendarWithoutContext,
+  u as multiViewCalendarDefaultProps
 };