@progress/kendo-react-dateinputs 7.5.0-develop.20 → 7.5.0-develop.21

package/calendar/components/MultiViewCalendar.mjs

@@ -6,45 +6,45 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as d from "react";
-import t from "prop-types";
-import { provideIntlService as q, provideLocalizationService as H, registerForIntl as j, registerForLocalization as G } from "@progress/kendo-react-intl";
-import { Keys as k, classNames as X, createPropsContext as J, withIdHOC as Q, withPropsContext as Z } from "@progress/kendo-react-common";
-import { isEqualDate as A, cloneDate as u, getDate as f, firstDayOfMonth as W, lastDayOfMonth as ee } from "@progress/kendo-date-math";
-import { Button as M } from "@progress/kendo-react-buttons";
-import { chevronRightIcon as T, chevronLeftIcon as N } from "@progress/kendo-svg-icons";
-import { Action as y } from "../models/NavigationAction.mjs";
-import { CalendarViewEnum as E } from "../models/CalendarViewEnum.mjs";
-import { EMPTY_SELECTIONRANGE as Y } from "../models/SelectionRange.mjs";
-import { Header as te } from "./Header.mjs";
-import { dateInRange as R, getToday as C, viewInRange as P, nullable as D, MIN_DATE as se, MAX_DATE as ie, isInRange as I } from "../../utils.mjs";
-import { prevView as S, messages as B, nextView as L } from "../../messages/index.mjs";
-import { BusViewService as ae } from "../services/BusViewService.mjs";
-import { NavigationService as ne } from "../services/NavigationService.mjs";
-import { HorizontalViewList as x } from "./HorizontalViewList.mjs";
-import { TodayCommand as oe } from "./TodayCommand.mjs";
-const O = (l = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Date && !Array.isArray(a) && I(f(a), l, i) ? f(a) : null, _ = (l = p.defaultProps.min, i = p.defaultProps.max, a) => Array.isArray(a) ? a.filter((h) => I(h, l, i)).map((h) => f(h)) : null, K = (l) => typeof l == "object" && !(l instanceof Date) && l !== null && !Array.isArray(l) ? l : Y, z = (l, i, a) => l || i && i[0] || a && a.start, re = (l, i) => l.start === null && i === null ? "start" : l.end === null ? "end" : "start", c = class c extends d.Component {
+import * as p from "react";
+import s from "prop-types";
+import { provideIntlService as j, provideLocalizationService as G, registerForIntl as X, registerForLocalization as q } from "@progress/kendo-react-intl";
+import { Keys as O, classNames as J, createPropsContext as Q, withIdHOC as Z, withPropsContext as ee } from "@progress/kendo-react-common";
+import { isEqualDate as N, addDays as A, cloneDate as m, getDate as g, firstDayOfMonth as te, lastDayOfMonth as se } from "@progress/kendo-date-math";
+import { Button as P } from "@progress/kendo-react-buttons";
+import { chevronRightIcon as B, chevronLeftIcon as L } from "@progress/kendo-svg-icons";
+import { Action as C } from "../models/NavigationAction.mjs";
+import { CalendarViewEnum as M } from "../models/CalendarViewEnum.mjs";
+import { EMPTY_SELECTIONRANGE as W } from "../models/SelectionRange.mjs";
+import { Header as ie } from "./Header.mjs";
+import { dateInRange as F, getToday as k, viewInRange as _, nullable as w, MIN_DATE as ae, MAX_DATE as ne, isInRange as T } from "../../utils.mjs";
+import { prevView as K, messages as Y, nextView as z } from "../../messages/index.mjs";
+import { BusViewService as oe } from "../services/BusViewService.mjs";
+import { NavigationService as le } from "../services/NavigationService.mjs";
+import { HorizontalViewList as E } from "./HorizontalViewList.mjs";
+import { TodayCommand as re } from "./TodayCommand.mjs";
+const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Date && !Array.isArray(a) && T(g(a), r, i) ? g(a) : null, U = (r = v.defaultProps.min, i = v.defaultProps.max, a) => Array.isArray(a) ? a.filter((c) => T(c, r, i)).map((c) => g(c)) : null, $ = (r) => typeof r == "object" && !(r instanceof Date) && r !== null && !Array.isArray(r) ? r : W, H = (r, i, a) => r || i && i[0] || a && a.start, he = (r, i) => r.start === null && i === null ? "start" : r.end === null ? "end" : "start", d = class d extends p.Component {
   constructor(i) {
-    super(i), this.dates = [], this.selectedDate = null, this.selectedMultiple = null, this.selectedRange = Y, 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.focus = () => {
+    super(i), this.dates = [], this.selectedDate = null, this.selectedMultiple = null, this.selectedRange = W, 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.focus = () => {
       this._element && this._element.focus();
-    }, this.clampRange = (e) => ({ start: e, end: null }), this.rangeWithFocused = (e, s) => ({
+    }, this.clampRange = (e) => ({ start: e, end: null }), this.rangeWithFocused = (e, t) => ({
       start: e.start,
-      end: e.end === null && e.start !== null && this.isActive ? s : e.end
-    }), this.generateRange = (e, s) => {
-      const { end: r, start: o } = s, m = s.start !== null && e.getTime() <= s.start.getTime();
-      return !this.props.allowReverse && m ? { start: e, end: this.selectedRange.start } : this.activeRange !== "end" ? { start: e, end: r } : { start: o || this.selectedDate, end: e };
+      end: e.end === null && e.start !== null && this.isActive ? t : e.end
+    }), this.generateRange = (e, t) => {
+      const { end: l, 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: l } : { start: o || this.selectedDate, end: e };
     }, this.canNavigate = (e) => {
       if (!this.service)
         return !1;
-      const s = this.service.move(this.focusedDate, e);
-      return this.min <= s && s <= this.max || this.service.isInSameView(s, this.min) || this.service.isInSameView(s, this.max);
-    }, this.navigate = (e, s) => {
+      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, s);
-      this.setState({ navigateDate: r, focusedDate: r });
-    }, this.move = (e, s) => this.clampDate(this.service.move(s, e)), this.clampDate = (e) => R(e, this.min, this.max), this.shouldAutoCorrect = (e, s) => {
-      const { end: r, start: o } = s;
-      return this.activeRange !== "end" ? r !== null && e > r : o !== null && e < o;
+      const l = this.move(e, t);
+      this.setState({ navigateDate: l, focusedDate: l });
+    }, this.move = (e, t) => this.clampDate(this.service.move(t, e)), this.clampDate = (e) => F(e, this.min, this.max), this.shouldAutoCorrect = (e, t) => {
+      const { end: l, start: o } = t;
+      return this.activeRange !== "end" ? l !== null && e > l : o !== null && e < o;
     }, this.handleCellEnter = (e) => {
       this.props.mode === "range" && (this.calculateFocusFromValue = !1, this.setState({
         focusedDate: e
@@ -57,33 +57,33 @@ const O = (l = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
       if (this.isActive = !0, !this.calendarViewList)
         return;
       this.calendarViewList.focusActiveDate();
-      const { onFocus: s } = this.props;
-      s && s.call(void 0, e);
+      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: s } = this.props;
-      s && s.call(void 0, e);
+      const { onBlur: t } = this.props;
+      t && t.call(void 0, e);
     }, this.handleTodayClick = (e) => {
       this.todayIsInRange && this.handleDateChange(e);
     }, this.handlePrevButtonClick = () => {
-      const e = y.PrevView;
+      const e = C.PrevView;
       if (this.state.activeView > 0 && this.focusedDate.getFullYear() > this.dates[0].getFullYear())
         this.navigate(e, this.move(e, this.focusedDate));
       else {
-        const s = this.isInMonth(this.focusedDate, this.dates[1]) ? this.move(e, this.focusedDate) : this.focusedDate;
-        this.navigate(e, s);
+        const t = this.isInMonth(this.focusedDate, this.dates[1]) ? this.move(e, this.focusedDate) : this.focusedDate;
+        this.navigate(e, t);
       }
     }, this.handleNextButtonClick = () => {
-      this.navigate(y.NextView, this.focusedDate);
+      this.navigate(C.NextView, this.focusedDate);
     }, this.handleKeyDown = (e) => {
-      const { keyCode: r, ctrlKey: o, metaKey: m } = e;
-      if (r === 84) {
-        const n = C();
+      const { keyCode: l, ctrlKey: o, metaKey: h } = e;
+      if (l === 84) {
+        const n = k();
         this.calculateFocusFromValue = !1, this.setState({ focusedDate: n, navigateDate: n });
       }
-      if ((o || m) && (r === k.left && this.handlePrevButtonClick(), r === k.right && this.handleNextButtonClick()), r === k.enter) {
+      if ((o || h) && (l === O.left && this.handlePrevButtonClick(), l === O.right && this.handleNextButtonClick()), l === O.enter) {
         const n = {
           syntheticEvent: e,
           nativeEvent: e.nativeEvent,
@@ -92,7 +92,7 @@ const O = (l = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
         };
         this.handleDateChange(n);
       } else {
-        const n = R(
+        const n = F(
           this.navigation.move(
             this.focusedDate,
             this.navigation.action(e),
@@ -103,76 +103,98 @@ const O = (l = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
           this.min,
           this.max
         );
-        if (A(this.focusedDate, n))
+        if (N(this.focusedDate, n))
           return;
         this.dates && this.service && !this.service.isInArray(n, this.dates) && this.setState({ navigateDate: n }), this.calculateFocusFromValue = !1, this.setState({ focusedDate: n });
       }
       e.preventDefault();
     }, this.handleViewChange = ({ view: e }) => {
-      this.calculateFocusFromValue = !1, this.setState((s) => ({ activeView: e, navigateDate: s.focusedDate }));
+      this.calculateFocusFromValue = !1, this.setState((t) => ({ activeView: e, navigateDate: t.focusedDate }));
+    }, this.handleWeekSelection = (e, t, l) => {
+      if (this.props.mode === "single")
+        return;
+      const o = 0, h = 6, n = t === o ? e : A(e, -t), u = t === h ? e : A(e, h - t);
+      let f = null;
+      if (this.props.mode === "multiple") {
+        f = [];
+        for (let y = o; y <= h; y++)
+          f.push(A(n, y));
+        this.setState({ value: f, focusedDate: e });
+      }
+      this.props.mode === "range" && (f = { start: n, end: u }, this.setState({ value: f, focusedDate: e }));
+      const { onChange: x } = this.props;
+      if (x) {
+        const y = {
+          syntheticEvent: l,
+          nativeEvent: l.nativeEvent,
+          value: f,
+          target: this
+        };
+        x.call(void 0, y);
+      }
     }, this.handleDateChange = (e) => {
-      const s = u(e.value), r = this.bus.canMoveDown(this.state.activeView);
+      const t = m(e.value), l = this.bus.canMoveDown(this.state.activeView);
       if (this.props.disabled)
         return;
-      if (r)
+      if (l)
         if (e.isTodayClick)
           this.bus.moveToBottom(this.state.activeView);
         else {
-          this.bus.moveDown(this.state.activeView, e.syntheticEvent), this.setState({ focusedDate: s, navigateDate: s });
+          this.bus.moveDown(this.state.activeView, e.syntheticEvent), this.setState({ focusedDate: t, navigateDate: t });
           return;
         }
       this.calculateFocusFromValue = !0;
       let o;
       switch (this.props.mode) {
         case "single":
-          o = u(e.value);
+          o = m(e.value);
           break;
         case "multiple":
           if (Array.isArray(this.selectedMultiple)) {
             const n = this.selectedMultiple.slice();
-            let v = -1;
-            n.forEach((U, $) => {
-              A(U, e.value) && (v = $);
-            }), v !== -1 ? n.splice(v, 1) : n.push(u(e.value)), o = n.slice();
+            let u = -1;
+            n.forEach((f, x) => {
+              N(f, e.value) && (u = x);
+            }), u !== -1 ? n.splice(u, 1) : n.push(m(e.value)), o = n.slice();
           } else
-            this.selectedDate ? o = [u(this.selectedDate), u(e.value)] : o = [u(e.value)];
+            this.selectedDate ? o = [m(this.selectedDate), 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";
           break;
         }
         default:
-          o = u(e.value);
+          o = m(e.value);
           break;
       }
-      this.valueDuringOnChange = o, e.isTodayClick && this.setState({ navigateDate: s }), this.setState({ value: o, focusedDate: s }), this.valueDuringOnChange = o;
-      const { onChange: m } = this.props;
-      if (m) {
+      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 = {
           syntheticEvent: e.syntheticEvent,
           nativeEvent: e.nativeEvent,
           value: o,
           target: this
         };
-        m.call(void 0, n);
+        h.call(void 0, n);
       }
       this.valueDuringOnChange = void 0;
     };
-    const a = i.value !== void 0 ? i.value : i.defaultValue || c.defaultProps.defaultValue, h = O(this.min, this.max, a), g = _(this.min, this.max, a), b = K(a), F = z(h, g, b), w = P(
-      E[i.defaultActiveView],
+    const a = i.value !== void 0 ? i.value : i.defaultValue || d.defaultProps.defaultValue, c = S(this.min, this.max, a), D = U(this.min, this.max, a), R = $(a), I = H(c, D, R), V = _(
+      M[i.defaultActiveView],
       this.bottomView,
       this.topView
-    ), V = R(
-      i.focusedDate || F || C(),
+    ), b = F(
+      i.focusedDate || I || k(),
       this.min,
       this.max
     );
     this.state = {
       value: a,
-      activeView: w,
-      focusedDate: V,
-      navigateDate: V
-    }, this.activeRangeEnd = re(b, h), this.bus = new ae(this.handleViewChange), this.navigation = new ne(this.bus), this.calculateFocusFromValue = !1, this.lastView = w, this.lastViewsCount = this.props.views || x.defaultProps.views;
+      activeView: V,
+      focusedDate: b,
+      navigateDate: b
+    }, this.activeRangeEnd = he(R, c), this.bus = new oe(this.handleViewChange), this.navigation = new le(this.bus), this.calculateFocusFromValue = !1, this.lastView = V, this.lastViewsCount = this.props.views || E.defaultProps.views;
   }
   get wrapperID() {
     return this.props.id + "-wrapper-id";
@@ -196,25 +218,25 @@ const O = (l = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
    * Gets the current focused date of the MultiViewCalendar.
    */
   get focusedDate() {
-    return u(this._focusedDate);
+    return m(this._focusedDate);
   }
   get min() {
-    return f(this.props.min !== void 0 ? this.props.min : c.defaultProps.min);
+    return g(this.props.min !== void 0 ? this.props.min : d.defaultProps.min);
   }
   get max() {
-    return f(this.props.max !== void 0 ? this.props.max : c.defaultProps.max);
+    return g(this.props.max !== void 0 ? this.props.max : d.defaultProps.max);
   }
   get bottomView() {
-    return E[this.props.bottomView !== void 0 ? this.props.bottomView : c.defaultProps.bottomView];
+    return M[this.props.bottomView !== void 0 ? this.props.bottomView : d.defaultProps.bottomView];
   }
   get topView() {
-    return E[this.props.topView !== void 0 ? this.props.topView : c.defaultProps.topView];
+    return M[this.props.topView !== void 0 ? this.props.topView : d.defaultProps.topView];
   }
   get activeRange() {
     return this.props.activeRangeEnd !== void 0 ? this.props.activeRangeEnd : this.activeRangeEnd;
   }
   get todayIsInRange() {
-    return I(C(), f(this.min), f(this.max));
+    return T(k(), g(this.min), g(this.max));
   }
   /**
    * @hidden
@@ -227,41 +249,41 @@ const O = (l = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
    */
   componentDidUpdate() {
     this.calendarViewList && (this.isActive ? this.calendarViewList.focusActiveDate : this.calendarViewList.blurActiveDate)();
-    const i = O(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 || x.defaultProps.views;
+    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 = q(this), this.localization = H(this), this.bus.configure(this.bottomView, this.topView);
-    const i = P(this.state.activeView, this.bottomView, this.topView);
-    this.service = this.bus.service(i, this.intl), this.selectedDate = O(this.min, this.max, this.value), this.selectedMultiple = _(this.min, this.max, this.value), this.selectedRange = K(this.value);
-    const a = z(this.selectedDate, this.selectedMultiple, this.selectedRange);
-    this._focusedDate = R(
+    this.props._ref && this.props._ref(this), this.intl = j(this), this.localization = G(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 = F(
       this.calculateFocusFromValue && a !== null ? a : this.state.focusedDate,
       this.min,
       this.max
     );
-    const h = X(
+    const c = J(
       "k-calendar k-calendar-range k-calendar-md",
       {
         "k-disabled": this.props.disabled
       },
       this.props.className
-    ), g = this.rangeWithFocused(this.selectedRange, this.focusedDate), b = this.localization.toLanguageString(S, B[S]), F = this.localization.toLanguageString(L, B[L]), w = !this.canNavigate(y.PrevView), V = !this.canNavigate(y.NextView), e = { "aria-disabled": w }, s = { "aria-disabled": V }, r = this.lastView !== i, o = this.dates && this.isInMonth(this.state.navigateDate, this.dates[0]), m = this.lastViewsCount !== this.props.views;
-    (!o || r || m) && (this.dates = this.service.datesList(
+    ), D = this.rangeWithFocused(this.selectedRange, this.focusedDate), R = this.localization.toLanguageString(K, Y[K]), I = this.localization.toLanguageString(z, Y[z]), V = !this.canNavigate(C.PrevView), b = !this.canNavigate(C.NextView), e = { "aria-disabled": V }, t = { "aria-disabled": b }, l = this.lastView !== i, o = this.dates && this.isInMonth(this.state.navigateDate, this.dates[0]), h = this.lastViewsCount !== this.props.views;
+    (!o || l || h) && (this.dates = this.service.datesList(
       this.state.navigateDate,
-      this.props.views || x.defaultProps.views
+      this.props.views || E.defaultProps.views
     ));
-    const n = u(this.dates && this.dates[0] ? this.dates[0] : C());
-    return /* @__PURE__ */ d.createElement(
+    const n = m(this.dates && this.dates[0] ? this.dates[0] : k());
+    return /* @__PURE__ */ p.createElement(
       "div",
       {
-        ref: (v) => {
-          this._element = v;
+        ref: (u) => {
+          this._element = u;
         },
-        className: h,
+        className: c,
         id: this.props.id || this.wrapperID,
         "aria-labelledby": this.props.ariaLabelledBy,
         "aria-describedby": this.props.ariaDescribedBy,
@@ -274,8 +296,8 @@ const O = (l = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
         "aria-disabled": this.props.disabled,
         dir: this.props.dir
       },
-      /* @__PURE__ */ d.createElement(
-        te,
+      /* @__PURE__ */ p.createElement(
+        ie,
         {
           key: `.kendo.calendar.header.${n.getTime()}`,
           activeView: i,
@@ -287,48 +309,48 @@ const O = (l = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
           service: this.service,
           headerTitle: this.props.headerTitle,
           verticalView: this.props.mobileMode,
-          commands: /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(
-            M,
+          commands: /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement(
+            P,
             {
               type: "button",
               className: "k-calendar-nav-prev",
               icon: this.isRtl ? "chevron-right" : "chevron-left",
-              svgIcon: this.isRtl ? T : N,
+              svgIcon: this.isRtl ? B : L,
               fillMode: "flat",
-              title: b,
-              disabled: w,
+              title: R,
+              disabled: V,
               onClick: this.handlePrevButtonClick,
               ...e
             }
-          ), /* @__PURE__ */ d.createElement(
-            oe,
+          ), /* @__PURE__ */ p.createElement(
+            re,
             {
               min: this.min,
               max: this.max,
               onClick: this.handleTodayClick,
               disabled: !this.todayIsInRange
             }
-          ), /* @__PURE__ */ d.createElement(
-            M,
+          ), /* @__PURE__ */ p.createElement(
+            P,
             {
               type: "button",
               className: "k-calendar-nav-next",
               icon: this.isRtl ? "chevron-left" : "chevron-right",
-              svgIcon: this.isRtl ? N : T,
+              svgIcon: this.isRtl ? L : B,
               fillMode: "flat",
-              title: F,
-              disabled: V,
+              title: I,
+              disabled: b,
               onClick: this.handleNextButtonClick,
-              ...s
+              ...t
             }
           ))
         }
       ),
-      /* @__PURE__ */ d.createElement(
-        x,
+      /* @__PURE__ */ p.createElement(
+        E,
         {
-          ref: (v) => {
-            this.calendarViewList = v;
+          ref: (u) => {
+            this.calendarViewList = u;
           },
           dates: this.dates,
           activeView: i,
@@ -338,18 +360,20 @@ const O = (l = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
           max: this.max,
           bus: this.bus,
           service: this.service,
-          selectionRange: g,
+          selectionRange: D,
           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
+          showOtherMonthDays: this.props.showOtherMonthDays,
+          allowReverse: this.props.allowReverse
         }
       )
     );
@@ -359,58 +383,58 @@ const O = (l = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
   //         && this.max > list[Math.max(0, (this.props.views || MultiViewCalendarWithoutContext.defaultProps.views) - 1)];
   // };
   isInMonth(i, a) {
-    return !!a && W(a) <= i && i <= ee(a);
+    return !!a && te(a) <= i && i <= se(a);
   }
 };
-c.displayName = "MultiViewCalendar", c.propTypes = {
-  activeRangeEnd: t.oneOf(["start", "end"]),
-  allowReverse: t.bool,
-  bottomView: t.oneOf(["month", "year", "decade", "century"]),
-  className: t.string,
-  defaultActiveView: t.oneOf(["month", "year", "decade", "century"]),
-  defaultValue: t.oneOfType([
-    D(t.instanceOf(Date)),
-    t.arrayOf(t.instanceOf(Date)),
-    t.shape({
-      start: D(t.instanceOf(Date)),
-      end: D(t.instanceOf(Date))
+d.displayName = "MultiViewCalendar", d.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([
+    w(s.instanceOf(Date)),
+    s.arrayOf(s.instanceOf(Date)),
+    s.shape({
+      start: w(s.instanceOf(Date)),
+      end: w(s.instanceOf(Date))
     })
   ]),
-  disabled: t.bool,
-  focusedDate: t.instanceOf(Date),
-  id: t.string,
-  weekDaysFormat: t.oneOf(["narrow", "short", "abbreviated"]),
-  ariaLabelledBy: t.string,
-  ariaDescribedBy: t.string,
-  max: t.instanceOf(Date),
-  min: t.instanceOf(Date),
-  mode: t.oneOf(["single", "multiple", "range"]),
-  onBlur: t.func,
-  onChange: t.func,
-  onFocus: t.func,
-  tabIndex: t.number,
-  topView: t.oneOf(["month", "year", "decade", "century"]),
-  value: t.oneOfType([
-    D(t.instanceOf(Date)),
-    t.arrayOf(t.instanceOf(Date)),
-    t.shape({
-      start: D(t.instanceOf(Date).isRequired),
-      end: D(t.instanceOf(Date).isRequired)
+  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([
+    w(s.instanceOf(Date)),
+    s.arrayOf(s.instanceOf(Date)),
+    s.shape({
+      start: w(s.instanceOf(Date).isRequired),
+      end: w(s.instanceOf(Date).isRequired)
     })
   ]),
-  views: (i, a, h) => {
-    const g = i[a];
-    return g !== void 0 && g < 1 ? new Error(
-      `Invalid prop '${a}' supplied to'${h}'. The '${a}' property cannot be less than 1'`
+  views: (i, a, c) => {
+    const D = i[a];
+    return D !== void 0 && D < 1 ? new Error(
+      `Invalid prop '${a}' supplied to'${c}'. The '${a}' property cannot be less than 1'`
     ) : null;
   },
-  weekNumber: t.bool,
-  showOtherMonthDays: t.bool,
-  dir: t.string
-}, c.defaultProps = {
+  weekNumber: s.bool,
+  showOtherMonthDays: s.bool,
+  dir: s.string
+}, d.defaultProps = {
   disabled: !1,
-  min: se,
-  max: ie,
+  min: ae,
+  max: ne,
   navigation: !0,
   defaultActiveView: "month",
   defaultValue: null,
@@ -422,13 +446,13 @@ c.displayName = "MultiViewCalendar", c.propTypes = {
   allowReverse: !1,
   showOtherMonthDays: !1
 };
-let p = c;
-const le = J(), he = Q(Z(le, p));
-he.displayName = "KendoReactMultiViewCalendar";
-j(p);
-G(p);
+let v = d;
+const ce = Q(), de = Z(ee(ce, v));
+de.displayName = "KendoReactMultiViewCalendar";
+X(v);
+q(v);
 export {
-  he as MultiViewCalendar,
-  le as MultiViewCalendarPropsContext,
-  p as MultiViewCalendarWithoutContext
+  de as MultiViewCalendar,
+  ce as MultiViewCalendarPropsContext,
+  v as MultiViewCalendarWithoutContext
 };

package/calendar/components/View.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),s=require("prop-types"),p=require("@progress/kendo-date-math"),D=require("@progress/kendo-react-intl"),v=require("./CalendarCell.js"),g=require("./CalendarWeekCell.js"),k=require("../models/CalendarViewEnum.js"),m=require("../../utils.js"),b=require("../services/WeekNamesService.js");function y(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const r=y(w),f=o=>r.createElement("td",{key:o,className:"k-calendar-td k-empty"}," "),u=class u extends r.Component{constructor(){super(...arguments),this.intl=null,this.weekService=null,this.buildWeekNumber=(t,e)=>{if(!this.firstDate(t))return f(`week-cell-${e}`);const n=this.firstDate(t),a=this.getWeekNumber(n),l=`kendo-react-calendar-week-cell-${a}`,c={className:"k-alt",value:a,firstDate:n};return this.props.weekCell?r.createElement(this.props.weekCell,{...c,key:l},a):r.createElement(g.CalendarWeekCell,{...c,key:l},a)},this.buildRow=t=>t.map((e,i)=>{if(!e)return f(i);const n={"aria-selected":e.isSelected},a=`kendo-react-calendar-cell-${e.value.getTime()}`,l={...n,...e,isDisabled:!e.isInRange,view:this.props.activeView,showOtherMonthDays:this.props.showOtherMonthDays,onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave};return this.props.cell?r.createElement(this.props.cell,{...l,key:a},e.formattedValue):r.createElement(v.CalendarCell,{...l,key:a},e.formattedValue)}),this.firstDate=t=>{const e=this.firstWeekDateContext(t);return e?e.value:null},this.firstWeekDateContext=t=>{if(!this.weekNumber)return null;let e=0,i=t[e];for(;!i&&e<t.length;)i=t[++e];return i},this.handleClick=(t,e)=>{const{onChange:i}=this.props;if(i&&e){const n={value:p.cloneDate(t),target:this,nativeEvent:e&&e.nativeEvent,syntheticEvent:e};i.call(void 0,n)}},this.handleMouseEnter=t=>{const{onCellEnter:e}=this.props;e&&e.call(void 0,p.cloneDate(t))},this.handleMouseLeave=t=>{const{onCellLeave:e}=this.props;e&&e.call(void 0,p.cloneDate(t))}}get min(){return this.props.min}get max(){return this.props.max}get isHorizontal(){return this.props.direction==="horizontal"}get isMonthView(){return this.props.activeView===k.CalendarViewEnum.month}get weekNumber(){return!!(this.props.showWeekNumbers&&this.props.activeView===k.CalendarViewEnum.month)}get selectedDate(){return this.props.selectedDate!==void 0?this.props.selectedDate:u.defaultProps.selectedDate}render(){this.intl=D.provideIntlService(this),this.weekService=new b.WeekNamesService(this.intl);const t=this.weekService.getWeekNames(this.weekNumber,this.props.weekDaysFormat),e=this.props.service.rowLength(this.weekNumber),i=this.props.service.title(this.props.viewDate),n=m.getToday(),a=m.setTime(this.props.viewDate,n),l=this.props.service.data({cellUID:this.props.cellUID,min:this.min,max:this.max,focusedDate:this.props.focusedDate,isActiveView:!this.props.bus.canMoveDown(this.props.activeView),selectedDate:this.selectedDate,selectionRange:this.props.selectionRange,viewDate:a});return r.createElement(r.Fragment,null,this.isMonthView&&this.isHorizontal&&r.createElement("thead",{role:"rowgroup",className:"k-calendar-thead"},r.createElement("tr",{role:"row",className:"k-calendar-tr"},t.map((c,h)=>r.createElement("th",{key:h,className:"k-calendar-th"},c)))),r.createElement("tbody",{role:"rowgroup",className:"k-calendar-tbody"},!this.isHorizontal&&r.createElement("tr",{role:"presentation",className:"k-calendar-tr"},r.createElement("th",{scope:"col",colSpan:e,className:"k-calendar-caption"},i)),l.map((c,h)=>r.createElement("tr",{role:"row",className:"k-calendar-tr",key:h},this.weekNumber&&this.buildWeekNumber(c,h),this.buildRow(c)))))}getWeekNumber(t){return!this.weekNumber||!this.intl?null:p.weekInYear(t,this.intl.firstDay())}};u.propTypes={activeRangeEnd:s.oneOf(["start","end",null]),activeView:s.number.isRequired,cellUID:s.string.isRequired,direction:s.oneOf(["horizontal","vertical"]),focusedDate:s.instanceOf(Date).isRequired,max:s.instanceOf(Date).isRequired,min:s.instanceOf(Date).isRequired,onChange:s.func,selectedDate:s.oneOfType([s.instanceOf(Date),s.arrayOf(s.instanceOf(Date))]),showWeekNumbers:s.bool,showOtherMonthDays:s.bool,viewDate:s.instanceOf(Date).isRequired},u.defaultProps={direction:"vertical",selectedDate:m.getToday(),showWeekNumbers:!1};let d=u;D.registerForIntl(d);exports.View=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),r=require("prop-types"),p=require("@progress/kendo-date-math"),D=require("@progress/kendo-react-intl"),v=require("./CalendarCell.js"),g=require("./CalendarWeekCell.js"),k=require("../models/CalendarViewEnum.js"),m=require("../../utils.js"),b=require("../services/WeekNamesService.js");function y(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const i=y(w),f=o=>i.createElement("td",{key:o,className:"k-calendar-td k-empty"}," "),h=class h extends i.Component{constructor(){super(...arguments),this.intl=null,this.weekService=null,this.buildWeekNumber=(t,e)=>{if(!this.firstDate(t))return f(`week-cell-${e}`);const a=this.firstDate(t),n=this.getWeekNumber(a),l=`kendo-react-calendar-week-cell-${n}`,c={className:"k-alt",value:n,firstDate:a,weekDays:t,onClick:this.handleWeekCellClick};return this.props.weekCell?i.createElement(this.props.weekCell,{...c,key:l},n):i.createElement(g.CalendarWeekCell,{...c,key:l},n)},this.buildRow=t=>t.map((e,s)=>{if(!e)return f(s);const a={"aria-selected":e.isSelected},n=`kendo-react-calendar-cell-${e.value.getTime()}`,l={...a,...e,isDisabled:!e.isInRange,view:this.props.activeView,showOtherMonthDays:this.props.showOtherMonthDays,allowReverse:this.props.allowReverse,onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave};return this.props.cell?i.createElement(this.props.cell,{...l,key:n},e.formattedValue):i.createElement(v.CalendarCell,{...l,key:n},e.formattedValue)}),this.firstDate=t=>{const e=this.firstWeekDateContext(t);return e?e.value:null},this.firstWeekDateContext=t=>{if(!this.weekNumber)return null;let e=0,s=t[e];for(;!s&&e<t.length;)s=t[++e];return s},this.handleClick=(t,e)=>{const{onChange:s}=this.props;if(s&&e){const a={value:p.cloneDate(t),target:this,nativeEvent:e&&e.nativeEvent,syntheticEvent:e};s.call(void 0,a)}},this.handleWeekCellClick=(t,e,s)=>{const{onWeekSelect:a}=this.props,n=e.findIndex(l=>l&&l.value===t);a&&s&&a.call(void 0,t,n,s)},this.handleMouseEnter=t=>{const{onCellEnter:e}=this.props;e&&e.call(void 0,p.cloneDate(t))},this.handleMouseLeave=t=>{const{onCellLeave:e}=this.props;e&&e.call(void 0,p.cloneDate(t))}}get min(){return this.props.min}get max(){return this.props.max}get isHorizontal(){return this.props.direction==="horizontal"}get isMonthView(){return this.props.activeView===k.CalendarViewEnum.month}get weekNumber(){return!!(this.props.showWeekNumbers&&this.props.activeView===k.CalendarViewEnum.month)}get selectedDate(){return this.props.selectedDate!==void 0?this.props.selectedDate:h.defaultProps.selectedDate}render(){this.intl=D.provideIntlService(this),this.weekService=new b.WeekNamesService(this.intl);const t=this.weekService.getWeekNames(this.weekNumber,this.props.weekDaysFormat),e=this.props.service.rowLength(this.weekNumber),s=this.props.service.title(this.props.viewDate),a=m.getToday(),n=m.setTime(this.props.viewDate,a),l=this.props.service.data({cellUID:this.props.cellUID,min:this.min,max:this.max,focusedDate:this.props.focusedDate,isActiveView:!this.props.bus.canMoveDown(this.props.activeView),selectedDate:this.selectedDate,selectionRange:this.props.selectionRange,viewDate:n});return i.createElement(i.Fragment,null,this.isMonthView&&this.isHorizontal&&i.createElement("thead",{role:"rowgroup",className:"k-calendar-thead"},i.createElement("tr",{role:"row",className:"k-calendar-tr"},t.map((c,u)=>i.createElement("th",{key:u,className:"k-calendar-th"},c)))),i.createElement("tbody",{role:"rowgroup",className:"k-calendar-tbody"},!this.isHorizontal&&i.createElement("tr",{role:"presentation",className:"k-calendar-tr"},i.createElement("th",{scope:"col",colSpan:e,className:"k-calendar-caption"},s)),l.map((c,u)=>i.createElement("tr",{role:"row",className:"k-calendar-tr",key:u},this.weekNumber&&this.buildWeekNumber(c,u),this.buildRow(c)))))}getWeekNumber(t){return!this.weekNumber||!this.intl?null:p.weekInYear(t,this.intl.firstDay())}};h.propTypes={activeRangeEnd:r.oneOf(["start","end",null]),activeView:r.number.isRequired,cellUID:r.string.isRequired,direction:r.oneOf(["horizontal","vertical"]),focusedDate:r.instanceOf(Date).isRequired,max:r.instanceOf(Date).isRequired,min:r.instanceOf(Date).isRequired,onChange:r.func,selectedDate:r.oneOfType([r.instanceOf(Date),r.arrayOf(r.instanceOf(Date))]),showWeekNumbers:r.bool,showOtherMonthDays:r.bool,viewDate:r.instanceOf(Date).isRequired},h.defaultProps={direction:"vertical",selectedDate:m.getToday(),showWeekNumbers:!1};let d=h;D.registerForIntl(d);exports.View=d;