@progress/kendo-react-dateinputs 7.5.0-develop.9 → 8.0.0-develop.1

package/calendar/components/MultiViewCalendar.mjs

@@ -6,33 +6,33 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as d from "react";
+import * as p from "react";
 import s from "prop-types";
-import { provideIntlService as q, provideLocalizationService as H, registerForIntl as j, registerForLocalization as G } from "@progress/kendo-react-intl";
-import { Keys as E, classNames as X, createPropsContext as J, withIdHOC as Q, withPropsContext as Z } from "@progress/kendo-react-common";
-import { isEqualDate as O, cloneDate as u, getDate as f, firstDayOfMonth as W, lastDayOfMonth as ee } from "@progress/kendo-date-math";
-import { Button as T } from "@progress/kendo-react-buttons";
-import { chevronRightIcon as M, chevronLeftIcon as N } from "@progress/kendo-svg-icons";
-import { Action as y } from "../models/NavigationAction.mjs";
-import { CalendarViewEnum as I } 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 A } 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 le } from "./TodayCommand.mjs";
-const k = (o = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Date && !Array.isArray(a) && A(f(a), o, i) ? f(a) : null, _ = (o = p.defaultProps.min, i = p.defaultProps.max, a) => Array.isArray(a) ? a.filter((h) => A(h, o, i)).map((h) => f(h)) : null, K = (o) => typeof o == "object" && !(o instanceof Date) && o !== null && !Array.isArray(o) ? o : Y, z = (o, i, a) => o || i && i[0] || a && a.start, re = (o, i) => o.start === null && i === null ? "start" : o.end === null ? "end" : "start", c = class c extends d.Component {
+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, t) => ({
       start: e.start,
       end: e.end === null && e.start !== null && this.isActive ? t : e.end
     }), this.generateRange = (e, t) => {
-      const { end: r, start: l } = t, m = t.start !== null && e.getTime() <= t.start.getTime();
-      return !this.props.allowReverse && m ? { start: e, end: this.selectedRange.start } : this.activeRange !== "end" ? { start: e, end: r } : { start: l || this.selectedDate, end: e };
+      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;
@@ -40,11 +40,11 @@ const k = (o = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
       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) => R(e, this.min, this.max), this.shouldAutoCorrect = (e, t) => {
-      const { end: r, start: l } = t;
-      return this.activeRange !== "end" ? r !== null && e > r : l !== null && e < l;
+      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
@@ -68,7 +68,7 @@ const k = (o = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
     }, 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 {
@@ -76,14 +76,14 @@ const k = (o = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
         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: l, 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 ((l || m) && (r === E.left && this.handlePrevButtonClick(), r === E.right && this.handleNextButtonClick()), r === E.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 k = (o = 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,18 +103,40 @@ const k = (o = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
           this.min,
           this.max
         );
-        if (O(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((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 t = 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 {
@@ -122,57 +144,57 @@ const k = (o = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
           return;
         }
       this.calculateFocusFromValue = !0;
-      let l;
+      let o;
       switch (this.props.mode) {
         case "single":
-          l = 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, $) => {
-              O(U, e.value) && (v = $);
-            }), v !== -1 ? n.splice(v, 1) : n.push(u(e.value)), l = 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 ? l = [u(this.selectedDate), u(e.value)] : l = [u(e.value)];
+            this.selectedDate ? o = [m(this.selectedDate), m(e.value)] : o = [m(e.value)];
           break;
         case "range": {
-          l = 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 = 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:
-          l = u(e.value);
+          o = m(e.value);
           break;
       }
-      this.valueDuringOnChange = l, e.isTodayClick && this.setState({ navigateDate: t }), this.setState({ value: l, focusedDate: t }), this.valueDuringOnChange = l;
-      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: l,
+          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 = k(this.min, this.max, a), g = _(this.min, this.max, a), b = K(a), F = z(h, g, b), w = P(
-      I[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 k = (o = 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 I[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 I[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 A(C(), f(this.min), f(this.max));
+    return T(k(), g(this.min), g(this.max));
   }
   /**
    * @hidden
@@ -227,41 +249,41 @@ const k = (o = p.defaultProps.min, i = p.defaultProps.max, a) => a instanceof Da
    */
   componentDidUpdate() {
     this.calendarViewList && (this.isActive ? this.calendarViewList.focusActiveDate : this.calendarViewList.blurActiveDate)();
-    const i = k(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 = k(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 }, t = { "aria-disabled": V }, r = this.lastView !== i, l = this.dates && this.isInMonth(this.state.navigateDate, this.dates[0]), m = this.lastViewsCount !== this.props.views;
-    (!l || 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 k = (o = 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,67 +309,71 @@ const k = (o = 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(
-            T,
+          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 ? M : N,
+              svgIcon: this.isRtl ? B : L,
               fillMode: "flat",
-              title: b,
-              disabled: w,
+              title: R,
+              disabled: V,
               onClick: this.handlePrevButtonClick,
               ...e
             }
-          ), /* @__PURE__ */ d.createElement(
-            le,
+          ), /* @__PURE__ */ p.createElement(
+            re,
             {
               min: this.min,
               max: this.max,
               onClick: this.handleTodayClick,
               disabled: !this.todayIsInRange
             }
-          ), /* @__PURE__ */ d.createElement(
-            T,
+          ), /* @__PURE__ */ p.createElement(
+            P,
             {
               type: "button",
               className: "k-calendar-nav-next",
               icon: this.isRtl ? "chevron-left" : "chevron-right",
-              svgIcon: this.isRtl ? N : M,
+              svgIcon: this.isRtl ? L : B,
               fillMode: "flat",
-              title: F,
-              disabled: V,
+              title: I,
+              disabled: b,
               onClick: this.handleNextButtonClick,
               ...t
             }
           ))
         }
       ),
-      /* @__PURE__ */ d.createElement(
-        x,
+      /* @__PURE__ */ p.createElement(
+        E,
         {
-          ref: (v) => {
-            this.calendarViewList = v;
+          ref: (u) => {
+            this.calendarViewList = u;
           },
           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: 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
+          verticalView: this.props.mobileMode,
+          showOtherMonthDays: this.props.showOtherMonthDays,
+          allowReverse: this.props.allowReverse
         }
       )
     );
@@ -357,26 +383,27 @@ const k = (o = 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 = {
+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([
-    D(s.instanceOf(Date)),
+    w(s.instanceOf(Date)),
     s.arrayOf(s.instanceOf(Date)),
     s.shape({
-      start: D(s.instanceOf(Date)),
-      end: D(s.instanceOf(Date))
+      start: w(s.instanceOf(Date)),
+      end: w(s.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),
@@ -388,41 +415,44 @@ c.displayName = "MultiViewCalendar", c.propTypes = {
   tabIndex: s.number,
   topView: s.oneOf(["month", "year", "decade", "century"]),
   value: s.oneOfType([
-    D(s.instanceOf(Date)),
+    w(s.instanceOf(Date)),
     s.arrayOf(s.instanceOf(Date)),
     s.shape({
-      start: D(s.instanceOf(Date).isRequired),
-      end: D(s.instanceOf(Date).isRequired)
+      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: s.bool,
+  showOtherMonthDays: s.bool,
   dir: s.string
-}, c.defaultProps = {
+}, d.defaultProps = {
   disabled: !1,
-  min: se,
-  max: ie,
+  min: ae,
+  max: ne,
   navigation: !0,
   defaultActiveView: "month",
   defaultValue: null,
   topView: "century",
+  weekDaysFormat: "short",
   tabIndex: 0,
   bottomView: "month",
   views: 2,
-  allowReverse: !1
+  allowReverse: !1,
+  showOtherMonthDays: !1
 };
-let p = c;
-const oe = J(), he = Q(Z(oe, 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,
-  oe as MultiViewCalendarPropsContext,
-  p as MultiViewCalendarWithoutContext
+  de as MultiViewCalendar,
+  ce as MultiViewCalendarPropsContext,
+  v as MultiViewCalendarWithoutContext
 };

package/calendar/components/TodayCommand.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 p=require("react"),s=require("prop-types"),d=require("@progress/kendo-react-intl"),m=require("@progress/kendo-react-common"),g=require("@progress/kendo-react-buttons"),l=require("@progress/kendo-date-math"),r=require("../../messages/index.js"),i=require("../../utils.js");function h(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,c.get?c:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const u=h(p),n=class n extends u.Component{constructor(){super(...arguments),this.localization=null,this.handleClick=e=>{if(this.todayIsInRange&&this.props.onClick){const t={syntheticEvent:e,nativeEvent:e.nativeEvent,value:i.dateInRange(i.getToday(),this.min,this.max),target:this,isTodayClick:!0};this.props.onClick.call(void 0,t)}}}get min(){return this.props.min!==void 0?this.props.min:n.defaultProps.min}get max(){return this.props.max!==void 0?this.props.max:n.defaultProps.max}get todayIsInRange(){return i.isInRange(i.getToday(),l.getDate(this.min),l.getDate(this.max))}render(){this.localization=d.provideLocalizationService(this);const e=this.localization.toLanguageString(r.today,r.messages[r.today]),t=m.classNames("k-calendar-nav-today",{"k-disabled":this.props.disabled});return u.createElement(g.Button,{className:t,onClick:this.handleClick,tabIndex:this.props.tabIndex,fillMode:"flat",themeColor:"primary",role:"link"},e)}};n.propTypes={max:s.instanceOf(Date).isRequired,min:s.instanceOf(Date).isRequired,onClick:s.func,disabled:s.bool},n.defaultProps={min:i.MIN_DATE,max:i.MAX_DATE};let o=n;d.registerForLocalization(o);exports.TodayCommand=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),a=require("prop-types"),d=require("@progress/kendo-react-intl"),m=require("@progress/kendo-react-common"),g=require("@progress/kendo-react-buttons"),l=require("@progress/kendo-date-math"),r=require("../../messages/index.js"),i=require("../../utils.js");function h(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,c.get?c:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const u=h(p),n=class n extends u.Component{constructor(){super(...arguments),this.localization=null,this.handleClick=e=>{if(this.todayIsInRange&&this.props.onClick){const t={syntheticEvent:e,nativeEvent:e.nativeEvent,value:i.dateInRange(i.getToday(),this.min,this.max),target:this,isTodayClick:!0};this.props.onClick.call(void 0,t)}}}get min(){return this.props.min!==void 0?this.props.min:n.defaultProps.min}get max(){return this.props.max!==void 0?this.props.max:n.defaultProps.max}get todayIsInRange(){return i.isInRange(i.getToday(),l.getDate(this.min),l.getDate(this.max))}render(){this.localization=d.provideLocalizationService(this);const e=this.localization.toLanguageString(r.today,r.messages[r.today]),t=m.classNames("k-calendar-nav-today",{"k-disabled":this.props.disabled});return u.createElement(g.Button,{className:t,onClick:this.handleClick,tabIndex:this.props.tabIndex,fillMode:"flat",themeColor:"base",role:"link"},e)}};n.propTypes={max:a.instanceOf(Date).isRequired,min:a.instanceOf(Date).isRequired,onClick:a.func,disabled:a.bool},n.defaultProps={min:i.MIN_DATE,max:i.MAX_DATE};let o=n;d.registerForLocalization(o);exports.TodayCommand=o;

package/calendar/components/TodayCommand.mjs

@@ -53,7 +53,7 @@ const t = class t extends o.Component {
         onClick: this.handleClick,
         tabIndex: this.props.tabIndex,
         fillMode: "flat",
-        themeColor: "primary",
+        themeColor: "base",
         role: "link"
       },
       i

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 v=require("react"),i=require("prop-types"),d=require("@progress/kendo-date-math"),D=require("@progress/kendo-react-intl"),w=require("./CalendarCell.js"),g=require("./CalendarWeekCell.js"),k=require("../models/CalendarViewEnum.js"),m=require("../../utils.js"),b=require("../services/WeekNamesService.js");function N(l){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const e in l)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(l,e);Object.defineProperty(t,e,r.get?r:{enumerable:!0,get:()=>l[e]})}}return t.default=l,Object.freeze(t)}const s=N(v),f=l=>s.createElement("td",{key:l,className:"k-calendar-td k-empty"}," "),u=class u extends s.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),o=`kendo-react-calendar-week-cell-${a}`,c={className:"k-alt",value:a,firstDate:n};return this.props.weekCell?s.createElement(this.props.weekCell,{...c,key:o},a):s.createElement(g.CalendarWeekCell,{...c,key:o},a)},this.buildRow=t=>t.map((e,r)=>{if(!e)return f(r);const n={"aria-selected":e.isSelected},a=`kendo-react-calendar-cell-${e.value.getTime()}`,o={...n,...e,isDisabled:!e.isInRange,view:this.props.activeView,onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave};return this.props.cell?s.createElement(this.props.cell,{...o,key:a},e.formattedValue):s.createElement(w.CalendarCell,{...o,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,r=t[e];for(;!r&&e<t.length;)r=t[++e];return r},this.handleClick=(t,e)=>{const{onChange:r}=this.props;if(r&&e){const n={value:d.cloneDate(t),target:this,nativeEvent:e&&e.nativeEvent,syntheticEvent:e};r.call(void 0,n)}},this.handleMouseEnter=t=>{const{onCellEnter:e}=this.props;e&&e.call(void 0,d.cloneDate(t))},this.handleMouseLeave=t=>{const{onCellLeave:e}=this.props;e&&e.call(void 0,d.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),e=this.props.service.rowLength(this.weekNumber),r=this.props.service.title(this.props.viewDate),n=m.getToday(),a=m.setTime(this.props.viewDate,n),o=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 s.createElement(s.Fragment,null,this.isMonthView&&this.isHorizontal&&s.createElement("thead",{role:"rowgroup",className:"k-calendar-thead"},s.createElement("tr",{role:"row",className:"k-calendar-tr"},t.map((c,h)=>s.createElement("th",{key:h,className:"k-calendar-th"},c)))),s.createElement("tbody",{role:"rowgroup",className:"k-calendar-tbody"},!this.isHorizontal&&s.createElement("tr",{role:"presentation",className:"k-calendar-tr"},s.createElement("th",{scope:"col",colSpan:e,className:"k-calendar-caption"},r)),o.map((c,h)=>s.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:d.weekInYear(t,this.intl.firstDay())}};u.propTypes={activeRangeEnd:i.oneOf(["start","end",null]),activeView:i.number.isRequired,cellUID:i.string.isRequired,direction:i.oneOf(["horizontal","vertical"]),focusedDate:i.instanceOf(Date).isRequired,max:i.instanceOf(Date).isRequired,min:i.instanceOf(Date).isRequired,onChange:i.func,selectedDate:i.oneOfType([i.instanceOf(Date),i.arrayOf(i.instanceOf(Date))]),showWeekNumbers:i.bool,viewDate:i.instanceOf(Date).isRequired},u.defaultProps={direction:"vertical",selectedDate:m.getToday(),showWeekNumbers:!1};let p=u;D.registerForIntl(p);exports.View=p;
+"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;