@progress/kendo-react-dateinputs 5.4.0-dev.202205250548 → 5.4.0-dev.202206081230

package/dist/npm/calendar/components/MultiViewCalendar.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiViewCalendar = exports.MultiViewCalendarPropsContext = exports.MultiViewCalendarWithoutContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
@@ -41,15 +44,15 @@ var TodayCommand_1 = require("./TodayCommand");
 var extractDateFromValue = function (min, max, value) {
     if (min === void 0) { min = MultiViewCalendarWithoutContext.defaultProps.min; }
     if (max === void 0) { max = MultiViewCalendarWithoutContext.defaultProps.max; }
-    return value instanceof Date && !Array.isArray(value) && utils_1.isInRange(kendo_date_math_1.getDate(value), min, max)
-        ? kendo_date_math_1.getDate(value)
+    return value instanceof Date && !Array.isArray(value) && (0, utils_1.isInRange)((0, kendo_date_math_1.getDate)(value), min, max)
+        ? (0, kendo_date_math_1.getDate)(value)
         : null;
 };
 var extractMultipleFromValue = function (min, max, value) {
     if (min === void 0) { min = MultiViewCalendarWithoutContext.defaultProps.min; }
     if (max === void 0) { max = MultiViewCalendarWithoutContext.defaultProps.max; }
     return Array.isArray(value)
-        ? value.filter(function (date) { return utils_1.isInRange(date, min, max); }).map(function (date) { return kendo_date_math_1.getDate(date); })
+        ? value.filter(function (date) { return (0, utils_1.isInRange)(date, min, max); }).map(function (date) { return (0, kendo_date_math_1.getDate)(date); })
         : null;
 };
 var extractRangeFromValue = function (value) {
@@ -72,12 +75,19 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
     __extends(MultiViewCalendarWithoutContext, _super);
     function MultiViewCalendarWithoutContext(props) {
         var _this = _super.call(this, props) || this;
+        _this.dates = [];
         _this.selectedDate = null;
         _this.selectedMultiple = null;
         _this.selectedRange = models_1.EMPTY_SELECTIONRANGE;
-        _this.cellUID = kendo_react_common_1.guid();
+        _this._focusedDate = new Date();
+        _this.cellUID = (0, kendo_react_common_1.guid)();
         _this.activeRangeEnd = 'start';
-        _this.wrapperID = kendo_react_common_1.guid();
+        _this._element = null;
+        _this.intl = null;
+        _this.localization = null;
+        _this.service = null;
+        _this.wrapperID = (0, kendo_react_common_1.guid)();
+        _this.calendarViewList = null;
         _this.isActive = false;
         _this.calculateFocusFromValue = true;
         /**
@@ -127,7 +137,7 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
             return _this.clampDate(_this.service.move(_this.focusedDate, action));
         };
         _this.clampDate = function (value) {
-            return utils_1.dateInRange(value, _this.min, _this.max);
+            return (0, utils_1.dateInRange)(value, _this.min, _this.max);
         };
         _this.shouldAutoCorrect = function (candidate, value) {
             var end = value.end, start = value.start;
@@ -181,7 +191,7 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
             if (!_this.todayIsInRange) {
                 return;
             }
-            _this.handleDateChange.call(undefined, event, true);
+            _this.handleDateChange(event);
         };
         _this.handlePrevButtonClick = function () {
             _this.navigate(models_1.Action.PrevView);
@@ -198,11 +208,11 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
                     value: _this.focusedDate,
                     target: _this
                 };
-                _this.handleDateChange.call(undefined, args);
+                _this.handleDateChange(args);
             }
             else {
-                var candidate = utils_1.dateInRange(_this.navigation.move(_this.focusedDate, _this.navigation.action(event), _this.state.activeView, _this.service, event), _this.min, _this.max);
-                if (kendo_date_math_1.isEqualDate(_this.focusedDate, candidate)) {
+                var candidate = (0, utils_1.dateInRange)(_this.navigation.move(_this.focusedDate, _this.navigation.action(event), _this.state.activeView, _this.service, event), _this.min, _this.max);
+                if ((0, kendo_date_math_1.isEqualDate)(_this.focusedDate, candidate)) {
                     return;
                 }
                 _this.calculateFocusFromValue = false;
@@ -216,7 +226,7 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
             _this.setState({ activeView: view });
         };
         _this.handleDateChange = function (event) {
-            var focusedDate = kendo_date_math_1.cloneDate(event.value);
+            var focusedDate = (0, kendo_date_math_1.cloneDate)(event.value);
             var canNavigateDown = _this.bus.canMoveDown(_this.state.activeView);
             if (_this.props.disabled) {
                 return;
@@ -235,28 +245,28 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
             var value;
             switch (_this.props.mode) {
                 case 'single':
-                    value = kendo_date_math_1.cloneDate(event.value);
+                    value = (0, kendo_date_math_1.cloneDate)(event.value);
                     break;
                 case 'multiple':
                     if (Array.isArray(_this.selectedMultiple)) {
                         var result = _this.selectedMultiple.slice();
                         var index_1 = -1;
                         result.forEach(function (date, idx) {
-                            if (kendo_date_math_1.isEqualDate(date, event.value)) {
+                            if ((0, kendo_date_math_1.isEqualDate)(date, event.value)) {
                                 index_1 = idx;
                             }
                         });
                         index_1 !== -1
                             ? result.splice(index_1, 1)
-                            : result.push(kendo_date_math_1.cloneDate(event.value));
+                            : result.push((0, kendo_date_math_1.cloneDate)(event.value));
                         value = result.slice();
                     }
                     else {
                         if (_this.selectedDate) {
-                            value = [kendo_date_math_1.cloneDate(_this.selectedDate), kendo_date_math_1.cloneDate(event.value)];
+                            value = [(0, kendo_date_math_1.cloneDate)(_this.selectedDate), (0, kendo_date_math_1.cloneDate)(event.value)];
                         }
                         else {
-                            value = [kendo_date_math_1.cloneDate(event.value)];
+                            value = [(0, kendo_date_math_1.cloneDate)(event.value)];
                         }
                     }
                     break;
@@ -270,7 +280,7 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
                     _this.activeRangeEnd = _this.activeRange !== 'end' ? 'end' : 'start';
                     break;
                 default:
-                    value = kendo_date_math_1.cloneDate(event.value);
+                    value = (0, kendo_date_math_1.cloneDate)(event.value);
                     break;
             }
             _this.valueDuringOnChange = value;
@@ -295,8 +305,8 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
         var selectedMultiple = extractMultipleFromValue(_this.min, _this.max, value);
         var selectedRange = extractRangeFromValue(value);
         var calculatedFocus = extractFocusedDate(selectedDate, selectedMultiple, selectedRange);
-        var activeView = utils_1.viewInRange(models_1.CalendarViewEnum[props.defaultActiveView], _this.bottomView, _this.topView);
-        var focusedDate = utils_1.dateInRange(props.focusedDate || calculatedFocus || utils_1.getToday(), _this.min, _this.max);
+        var activeView = (0, utils_1.viewInRange)(models_1.CalendarViewEnum[props.defaultActiveView], _this.bottomView, _this.topView);
+        var focusedDate = (0, utils_1.dateInRange)(props.focusedDate || calculatedFocus || (0, utils_1.getToday)(), _this.min, _this.max);
         _this.state = {
             value: value,
             activeView: activeView,
@@ -317,7 +327,7 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarWithoutContext.prototype, "value", {
@@ -331,7 +341,7 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
                     ? this.props.value
                     : this.state.value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarWithoutContext.prototype, "focusedDate", {
@@ -339,27 +349,27 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
          * Gets the current focused date of the MultiViewCalendar.
          */
         get: function () {
-            return kendo_date_math_1.cloneDate(this._focusedDate);
+            return (0, kendo_date_math_1.cloneDate)(this._focusedDate);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarWithoutContext.prototype, "min", {
         get: function () {
-            return kendo_date_math_1.getDate(this.props.min !== undefined
+            return (0, kendo_date_math_1.getDate)(this.props.min !== undefined
                 ? this.props.min
                 : MultiViewCalendarWithoutContext.defaultProps.min);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarWithoutContext.prototype, "max", {
         get: function () {
-            return kendo_date_math_1.getDate(this.props.max !== undefined
+            return (0, kendo_date_math_1.getDate)(this.props.max !== undefined
                 ? this.props.max
                 : MultiViewCalendarWithoutContext.defaultProps.max);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarWithoutContext.prototype, "bottomView", {
@@ -368,7 +378,7 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
                 ? this.props.bottomView
                 : MultiViewCalendarWithoutContext.defaultProps.bottomView];
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarWithoutContext.prototype, "topView", {
@@ -377,7 +387,7 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
                 ? this.props.topView
                 : MultiViewCalendarWithoutContext.defaultProps.topView];
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarWithoutContext.prototype, "activeRange", {
@@ -386,14 +396,14 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
                 ? this.props.activeRangeEnd
                 : this.activeRangeEnd;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarWithoutContext.prototype, "todayIsInRange", {
         get: function () {
-            return utils_1.isInRange(utils_1.getToday(), kendo_date_math_1.getDate(this.min), kendo_date_math_1.getDate(this.max));
+            return (0, utils_1.isInRange)((0, utils_1.getToday)(), (0, kendo_date_math_1.getDate)(this.min), (0, kendo_date_math_1.getDate)(this.max));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -424,19 +434,19 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
         if (this.props._ref) {
             this.props._ref(this);
         }
-        this.intl = kendo_react_intl_1.provideIntlService(this);
-        this.localization = kendo_react_intl_1.provideLocalizationService(this);
+        this.intl = (0, kendo_react_intl_1.provideIntlService)(this);
+        this.localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
         this.bus.configure(this.bottomView, this.topView);
-        var activeView = utils_1.viewInRange(this.state.activeView, this.bottomView, this.topView);
+        var activeView = (0, utils_1.viewInRange)(this.state.activeView, this.bottomView, this.topView);
         this.service = this.bus.service(activeView, this.intl);
         this.selectedDate = extractDateFromValue(this.min, this.max, this.value);
         this.selectedMultiple = extractMultipleFromValue(this.min, this.max, this.value);
         this.selectedRange = extractRangeFromValue(this.value);
         var calculatedFocus = extractFocusedDate(this.selectedDate, this.selectedMultiple, this.selectedRange);
-        this._focusedDate = utils_1.dateInRange(this.calculateFocusFromValue && calculatedFocus !== null
+        this._focusedDate = (0, utils_1.dateInRange)(this.calculateFocusFromValue && calculatedFocus !== null
             ? calculatedFocus
             : this.state.focusedDate, this.min, this.max);
-        var wrapperClassName = kendo_react_common_1.classNames('k-widget k-calendar k-calendar-range', {
+        var wrapperClassName = (0, kendo_react_common_1.classNames)('k-widget k-calendar k-calendar-range', {
             'k-disabled': this.props.disabled
         }, this.props.className);
         var visualizedRange = this.rangeWithFocused(this.selectedRange, this.focusedDate);
@@ -456,9 +466,9 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
         if (!isDateInList || didViewChange || didViewsCountChange) {
             this.dates = this.service.datesList(this.focusedDate, this.props.views || HorizontalViewList_1.HorizontalViewList.defaultProps.views);
         }
-        var activeDate = kendo_date_math_1.cloneDate(this.dates && this.dates[0] ? this.dates[0] : utils_1.getToday());
+        var activeDate = (0, kendo_date_math_1.cloneDate)(this.dates && this.dates[0] ? this.dates[0] : (0, utils_1.getToday)());
         return (React.createElement("div", __assign({ ref: function (el) { _this._element = el; }, className: wrapperClassName, id: this.props.id || this.wrapperID, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, role: 'grid', tabIndex: !this.props.disabled ? this.props.tabIndex : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, wrapperAria),
-            React.createElement(Header_1.Header, { key: ".kendo.calendar.header." + activeDate.getTime(), activeView: activeView, currentDate: activeDate, min: this.min, max: this.max, rangeLength: this.props.views, bus: this.bus, service: this.service, headerTitle: this.props.headerTitle, commands: (React.createElement(React.Fragment, null,
+            React.createElement(Header_1.Header, { key: ".kendo.calendar.header.".concat(activeDate.getTime()), activeView: activeView, currentDate: activeDate, min: this.min, max: this.max, rangeLength: this.props.views, bus: this.bus, service: this.service, headerTitle: this.props.headerTitle, commands: (React.createElement(React.Fragment, null,
                     React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", className: "k-nav-prev", icon: "arrow-chevron-left", fillMode: "flat", title: prevViewTitle, disabled: isPrevDisabled, onClick: this.handlePrevButtonClick }, prevBtnAria)),
                     React.createElement(TodayCommand_1.TodayCommand, { min: this.min, max: this.max, onClick: this.handleTodayClick, disabled: !this.todayIsInRange }),
                     React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", className: "k-nav-next", icon: "arrow-chevron-right", fillMode: "flat", title: nextViewTittle, disabled: isNextDisabled, onClick: this.handleNextButtonClick }, nextBtnAria)))) }),
@@ -478,11 +488,11 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
         className: PropTypes.string,
         defaultActiveView: PropTypes.oneOf(['month', 'year', 'decade', 'century']),
         defaultValue: PropTypes.oneOfType([
-            utils_1.nullable(PropTypes.instanceOf(Date)),
+            (0, utils_1.nullable)(PropTypes.instanceOf(Date)),
             PropTypes.arrayOf(PropTypes.instanceOf(Date)),
             PropTypes.shape({
-                start: utils_1.nullable(PropTypes.instanceOf(Date)),
-                end: utils_1.nullable(PropTypes.instanceOf(Date))
+                start: (0, utils_1.nullable)(PropTypes.instanceOf(Date)),
+                end: (0, utils_1.nullable)(PropTypes.instanceOf(Date))
             })
         ]),
         disabled: PropTypes.bool,
@@ -499,18 +509,18 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
         tabIndex: PropTypes.number,
         topView: PropTypes.oneOf(['month', 'year', 'decade', 'century']),
         value: PropTypes.oneOfType([
-            utils_1.nullable(PropTypes.instanceOf(Date)),
+            (0, utils_1.nullable)(PropTypes.instanceOf(Date)),
             PropTypes.arrayOf(PropTypes.instanceOf(Date)),
             PropTypes.shape({
-                start: utils_1.nullable(PropTypes.instanceOf(Date).isRequired),
-                end: utils_1.nullable(PropTypes.instanceOf(Date).isRequired)
+                start: (0, utils_1.nullable)(PropTypes.instanceOf(Date).isRequired),
+                end: (0, utils_1.nullable)(PropTypes.instanceOf(Date).isRequired)
             })
         ]),
         views: function (props, propName, componentName) {
             var views = props[propName];
             if (views !== undefined && views < 1) {
-                return new Error("Invalid prop '" + propName + "' supplied to" +
-                    ("'" + componentName + "'. The '" + propName + "' property cannot be less than 1'"));
+                return new Error("Invalid prop '".concat(propName, "' supplied to") +
+                    "'".concat(componentName, "'. The '").concat(propName, "' property cannot be less than 1'"));
             }
             return null;
         },
@@ -541,7 +551,7 @@ exports.MultiViewCalendarWithoutContext = MultiViewCalendarWithoutContext;
  *
  * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
  */
-exports.MultiViewCalendarPropsContext = kendo_react_common_1.createPropsContext();
+exports.MultiViewCalendarPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
 /**
  * Represents the KendoReact MultiViewCalendar Component.
@@ -549,7 +559,7 @@ exports.MultiViewCalendarPropsContext = kendo_react_common_1.createPropsContext(
  * Accepts properties of type [MultiViewCalendarProps]({% slug api_dateinputs_multiviewcalendarprops %}).
  * Obtaining the `ref` returns an object of type [MultiViewCalendarHandle]({% slug api_dateinputs_multiviewcalendarhandle %}).
  */
-exports.MultiViewCalendar = kendo_react_common_1.withPropsContext(exports.MultiViewCalendarPropsContext, MultiViewCalendarWithoutContext);
+exports.MultiViewCalendar = (0, kendo_react_common_1.withPropsContext)(exports.MultiViewCalendarPropsContext, MultiViewCalendarWithoutContext);
 exports.MultiViewCalendar.displayName = 'KendoReactMultiViewCalendar';
-kendo_react_intl_1.registerForIntl(MultiViewCalendarWithoutContext);
-kendo_react_intl_1.registerForLocalization(MultiViewCalendarWithoutContext);
+(0, kendo_react_intl_1.registerForIntl)(MultiViewCalendarWithoutContext);
+(0, kendo_react_intl_1.registerForLocalization)(MultiViewCalendarWithoutContext);

package/dist/npm/calendar/components/Navigation.d.ts

@@ -58,14 +58,14 @@ export declare class Navigation extends React.Component<NavigationProps, Navigat
     private lastView;
     private indexToScroll?;
     private lastFocus;
-    protected readonly take: number;
+    protected get take(): number;
     constructor(props: NavigationProps);
     /**
      * @hidden
      */
     componentDidUpdate(_prevProps: NavigationProps, _prevState: NavigationState): void;
     render(): JSX.Element;
-    protected handleVirtualizationMount: (virtualization: any) => void;
+    protected handleVirtualizationMount: (virtualization: Virtualization) => void;
     protected buildNavigationItem: (date: Date) => React.ReactNode;
     protected calculateHeights: () => void;
     protected getTake(skip: number, total: number): number;

package/dist/npm/calendar/components/Navigation.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Navigation = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_date_math_1 = require("@progress/kendo-date-math");
@@ -38,12 +41,17 @@ var Navigation = /** @class */ (function (_super) {
     __extends(Navigation, _super);
     function Navigation(props) {
         var _this = _super.call(this, props) || this;
+        _this.virtualization = null;
+        _this.list = null;
+        _this.itemHeight = 0;
         _this.topOffset = 0;
+        _this.maxViewHeight = 0;
+        _this.bottomOffset = 0;
         _this.handleVirtualizationMount = function (virtualization) {
             _this.virtualization = virtualization;
             if (_this.virtualization && _this.list) {
-                _this.list.style.transform = "translateY(" + _this.topOffset + "px)";
-                var viewDate = utils_1.dateInRange(_this.props.focusedDate, _this.props.min, _this.props.max);
+                _this.list.style.transform = "translateY(".concat(_this.topOffset, "px)");
+                var viewDate = (0, utils_1.dateInRange)(_this.props.focusedDate, _this.props.min, _this.props.max);
                 var indexToScroll = _this.props.service.skip(viewDate, _this.props.min);
                 _this.virtualization.scrollToIndex(indexToScroll);
             }
@@ -51,7 +59,7 @@ var Navigation = /** @class */ (function (_super) {
         _this.buildNavigationItem = function (date) {
             var text = _this.props.service.navigationTitle(date);
             var isRangeStart = _this.props.service.isRangeStart(date);
-            var uniqueID = "kendo-react-calendar-nav-item-" + date.getTime();
+            var uniqueID = "kendo-react-calendar-nav-item-".concat(date.getTime());
             var navigationItemProps = {
                 text: text,
                 value: date,
@@ -72,9 +80,9 @@ var Navigation = /** @class */ (function (_super) {
         };
         _this.handleDateChange = function (value, event) {
             var onChange = _this.props.onChange;
-            if (onChange) {
+            if (onChange && event) {
                 var args = {
-                    value: kendo_date_math_1.cloneDate(value),
+                    value: (0, kendo_date_math_1.cloneDate)(value),
                     target: _this,
                     nativeEvent: event && event.nativeEvent,
                     syntheticEvent: event
@@ -89,7 +97,7 @@ var Navigation = /** @class */ (function (_super) {
                 _this.setState({ skip: skip });
             }
             if (_this.list && scrollAction) {
-                var translate = "translateY(" + scrollAction.offset + "px)";
+                var translate = "translateY(".concat(scrollAction.offset, "px)");
                 _this.list.style.transform = translate;
             }
         };
@@ -108,7 +116,7 @@ var Navigation = /** @class */ (function (_super) {
                 ? this.props.take
                 : Navigation.defaultProps.take;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -126,14 +134,14 @@ var Navigation = /** @class */ (function (_super) {
         var _this = this;
         this.calculateHeights();
         var didViewChange = this.lastView !== this.props.activeView;
-        var focusedDate = utils_1.dateInRange(this.props.focusedDate, this.props.min, this.props.max);
+        var focusedDate = (0, utils_1.dateInRange)(this.props.focusedDate, this.props.min, this.props.max);
         var skip = !didViewChange ? this.state.skip : this.props.service.skip(focusedDate, this.props.min);
         var total = this.props.service.total(this.props.min, this.props.max);
         var take = this.getTake(skip, total);
         var viewDate = this.props.service.addToDate(this.props.min, skip);
         var dates = this.props.service.datesList(viewDate, take);
         if (this.props.activeView !== this.lastView
-            || !kendo_date_math_1.isEqual(focusedDate, this.lastFocus)) {
+            || !(0, kendo_date_math_1.isEqual)(focusedDate, this.lastFocus)) {
             this.indexToScroll = this.props.service.skip(focusedDate, this.props.min);
         }
         var navigationBody = (React.createElement(Virtualization_1.Virtualization, { skip: skip, take: this.take, total: total, itemHeight: this.itemHeight, topOffset: this.topOffset, bottomOffset: this.bottomOffset, onScroll: this.props.onScroll, maxScrollDifference: this.maxViewHeight, onScrollAction: this.handleScrollAction, onMount: this.handleVirtualizationMount },

package/dist/npm/calendar/components/TodayCommand.d.ts

@@ -21,10 +21,10 @@ export declare class TodayCommand extends React.Component<TodayCommandProps> {
         min: Date;
         max: Date;
     };
-    protected readonly min: Date;
-    protected readonly max: Date;
+    protected get min(): Date;
+    protected get max(): Date;
     private localization;
-    protected readonly todayIsInRange: boolean;
+    protected get todayIsInRange(): boolean;
     private handleClick;
     render(): JSX.Element;
 }

package/dist/npm/calendar/components/TodayCommand.js

@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TodayCommand = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
@@ -25,18 +28,20 @@ var TodayCommand = /** @class */ (function (_super) {
     __extends(TodayCommand, _super);
     function TodayCommand() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.localization = null;
         _this.handleClick = function (syntheticEvent) {
             if (!_this.todayIsInRange) {
                 return;
             }
             if (_this.props.onClick) {
-                _this.props.onClick.call(undefined, {
+                var event_1 = {
                     syntheticEvent: syntheticEvent,
                     nativeEvent: syntheticEvent.nativeEvent,
-                    value: utils_1.dateInRange(utils_1.getToday(), _this.min, _this.max),
+                    value: (0, utils_1.dateInRange)((0, utils_1.getToday)(), _this.min, _this.max),
                     target: _this,
                     isTodayClick: true
-                });
+                };
+                _this.props.onClick.call(undefined, event_1);
             }
         };
         return _this;
@@ -47,7 +52,7 @@ var TodayCommand = /** @class */ (function (_super) {
                 ? this.props.min
                 : TodayCommand.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TodayCommand.prototype, "max", {
@@ -56,20 +61,20 @@ var TodayCommand = /** @class */ (function (_super) {
                 ? this.props.max
                 : TodayCommand.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TodayCommand.prototype, "todayIsInRange", {
         get: function () {
-            return utils_1.isInRange(utils_1.getToday(), kendo_date_math_1.getDate(this.min), kendo_date_math_1.getDate(this.max));
+            return (0, utils_1.isInRange)((0, utils_1.getToday)(), (0, kendo_date_math_1.getDate)(this.min), (0, kendo_date_math_1.getDate)(this.max));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     TodayCommand.prototype.render = function () {
-        this.localization = kendo_react_intl_1.provideLocalizationService(this);
+        this.localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var todayMessage = this.localization.toLanguageString(messages_1.today, messages_1.messages[messages_1.today]);
-        var todayClassNames = kendo_react_common_1.classNames('k-nav-today', {
+        var todayClassNames = (0, kendo_react_common_1.classNames)('k-nav-today', {
             'k-disabled': this.props.disabled
         });
         return (React.createElement("span", { className: todayClassNames, onClick: this.handleClick }, todayMessage));
@@ -87,4 +92,4 @@ var TodayCommand = /** @class */ (function (_super) {
     return TodayCommand;
 }(React.Component));
 exports.TodayCommand = TodayCommand;
-kendo_react_intl_1.registerForLocalization(TodayCommand);
+(0, kendo_react_intl_1.registerForLocalization)(TodayCommand);

package/dist/npm/calendar/components/View.d.ts

@@ -34,7 +34,7 @@ export interface ViewProps {
     max: Date;
     min: Date;
     cell?: React.ComponentType<CalendarCellProps>;
-    onCellEnter?: (date: Date | null) => void;
+    onCellEnter?: (date: Date) => void;
     onCellLeave?: (date: Date | null) => void;
     onChange?: (event: ViewEventArguments) => void;
     selectedDate: Date | Date[] | null;
@@ -48,7 +48,7 @@ export interface ViewProps {
  */
 export declare class View extends React.Component<ViewProps, {}> {
     static propTypes: {
-        activeRangeEnd: PropTypes.Requireable<string>;
+        activeRangeEnd: PropTypes.Requireable<string | null>;
         activeView: PropTypes.Validator<number>;
         cellUID: PropTypes.Validator<string>;
         direction: PropTypes.Requireable<string>;
@@ -56,7 +56,7 @@ export declare class View extends React.Component<ViewProps, {}> {
         max: PropTypes.Validator<Date>;
         min: PropTypes.Validator<Date>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        selectedDate: PropTypes.Requireable<Date | Date[]>;
+        selectedDate: PropTypes.Requireable<Date | (Date | null | undefined)[]>;
         showWeekNumbers: PropTypes.Requireable<boolean>;
         viewDate: PropTypes.Validator<Date>;
     };
@@ -67,18 +67,18 @@ export declare class View extends React.Component<ViewProps, {}> {
     };
     private intl;
     private weekService;
-    protected readonly min: Date;
-    protected readonly max: Date;
-    protected readonly isHorizontal: boolean;
-    protected readonly isMonthView: boolean;
-    protected readonly weekNumber: boolean;
-    protected readonly selectedDate: Date | Date[] | null;
+    protected get min(): Date;
+    protected get max(): Date;
+    protected get isHorizontal(): boolean;
+    protected get isMonthView(): boolean;
+    protected get weekNumber(): boolean;
+    protected get selectedDate(): Date | Date[] | null;
     render(): JSX.Element;
     protected buildWeekNumber: (row: any, idx: number) => JSX.Element;
     protected buildRow: (row: any) => any;
     protected getWeekNumber(date: Date): number | null;
-    protected firstDate: (row: any) => Date;
-    protected firstWeekDateContext: (rowCtx: CellContext[]) => CellContext;
+    protected firstDate: (row: any) => Date | null;
+    protected firstWeekDateContext: (rowCtx: CellContext[]) => CellContext | null;
     private handleClick;
     private handleMouseEnter;
     private handleMouseLeave;