@progress/kendo-react-dateinputs 5.4.0-dev.202205271059 → 5.4.0-dev.202206061009

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

@@ -44,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) {
@@ -75,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;
         /**
@@ -130,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;
@@ -184,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);
@@ -201,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;
@@ -219,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;
@@ -238,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;
@@ -273,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;
@@ -298,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,
@@ -342,14 +349,14 @@ 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: 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);
         },
@@ -358,7 +365,7 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
     });
     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);
         },
@@ -394,7 +401,7 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
     });
     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: false,
         configurable: true
@@ -427,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);
@@ -459,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)))) }),
@@ -481,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,
@@ -502,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;
         },
@@ -544,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.
@@ -552,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.js

@@ -41,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);
             }
@@ -54,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,
@@ -75,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
@@ -92,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;
             }
         };
@@ -129,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.js

@@ -28,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;
@@ -64,15 +66,15 @@ var TodayCommand = /** @class */ (function (_super) {
     });
     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: 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));
@@ -90,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)[]>;
         showWeekNumbers: PropTypes.Requireable<boolean>;
         viewDate: PropTypes.Validator<Date>;
     };
@@ -77,7 +77,7 @@ export declare class View extends React.Component<ViewProps, {}> {
     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 firstDate: (row: any) => Date | null;
     protected firstWeekDateContext: (rowCtx: CellContext[]) => CellContext | null;
     private handleClick;
     private handleMouseEnter;

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

@@ -47,14 +47,16 @@ var View = /** @class */ (function (_super) {
     __extends(View, _super);
     function View() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.intl = null;
+        _this.weekService = null;
         _this.buildWeekNumber = function (row, idx) {
             var firstDayOfWeek = _this.firstDate(row);
             if (!firstDayOfWeek) {
-                return emptyCell("week-cell-" + idx);
+                return emptyCell("week-cell-".concat(idx));
             }
             var firstDate = _this.firstDate(row);
             var weekCellValue = _this.getWeekNumber(firstDate);
-            var uniqueID = "kendo-react-calendar-week-cell-" + weekCellValue;
+            var uniqueID = "kendo-react-calendar-week-cell-".concat(weekCellValue);
             var cellProps = {
                 className: 'k-alt',
                 value: weekCellValue,
@@ -70,7 +72,7 @@ var View = /** @class */ (function (_super) {
                     return emptyCell(idx);
                 }
                 var aria = { 'aria-selected': cell.isSelected };
-                var uniqueID = "kendo-react-calendar-cell-" + cell.value.getTime();
+                var uniqueID = "kendo-react-calendar-cell-".concat(cell.value.getTime());
                 var cellProps = __assign(__assign(__assign({}, aria), cell), { isDisabled: !cell.isInRange, view: _this.props.activeView, onClick: _this.handleClick, onMouseEnter: _this.handleMouseEnter, onMouseLeave: _this.handleMouseLeave });
                 return _this.props.cell
                     ? (React.createElement(_this.props.cell, __assign({}, cellProps, { key: uniqueID }), cell.formattedValue))
@@ -94,9 +96,9 @@ var View = /** @class */ (function (_super) {
         };
         _this.handleClick = 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
@@ -107,13 +109,13 @@ var View = /** @class */ (function (_super) {
         _this.handleMouseEnter = function (value) {
             var onCellEnter = _this.props.onCellEnter;
             if (onCellEnter) {
-                onCellEnter.call(undefined, kendo_date_math_1.cloneDate(value));
+                onCellEnter.call(undefined, (0, kendo_date_math_1.cloneDate)(value));
             }
         };
         _this.handleMouseLeave = function (value) {
             var onCellLeave = _this.props.onCellLeave;
             if (onCellLeave) {
-                onCellLeave.call(undefined, kendo_date_math_1.cloneDate(value));
+                onCellLeave.call(undefined, (0, kendo_date_math_1.cloneDate)(value));
             }
         };
         return _this;
@@ -162,13 +164,13 @@ var View = /** @class */ (function (_super) {
     });
     View.prototype.render = function () {
         var _this = this;
-        this.intl = kendo_react_intl_1.provideIntlService(this);
+        this.intl = (0, kendo_react_intl_1.provideIntlService)(this);
         this.weekService = new services_1.WeekNamesService(this.intl);
         var weekNames = this.weekService.getWeekNames(this.weekNumber);
         var colSpan = this.props.service.rowLength(this.weekNumber);
         var title = this.props.service.title(this.props.viewDate);
-        var time = utils_1.getToday();
-        var viewDate = utils_1.setTime(this.props.viewDate, time);
+        var time = (0, utils_1.getToday)();
+        var viewDate = (0, utils_1.setTime)(this.props.viewDate, time);
         var data = this.props.service.data({
             cellUID: this.props.cellUID,
             min: this.min,
@@ -192,10 +194,10 @@ var View = /** @class */ (function (_super) {
                 }))));
     };
     View.prototype.getWeekNumber = function (date) {
-        if (!this.weekNumber) {
+        if (!this.weekNumber || !this.intl) {
             return null;
         }
-        return kendo_date_math_1.weekInYear(date, this.intl.firstDay());
+        return (0, kendo_date_math_1.weekInYear)(date, this.intl.firstDay());
     };
     View.propTypes = {
         activeRangeEnd: PropTypes.oneOf(['start', 'end', null]),
@@ -212,10 +214,10 @@ var View = /** @class */ (function (_super) {
     };
     View.defaultProps = {
         direction: 'vertical',
-        selectedDate: utils_1.getToday(),
+        selectedDate: (0, utils_1.getToday)(),
         showWeekNumbers: false
     };
     return View;
 }(React.Component));
 exports.View = View;
-kendo_react_intl_1.registerForIntl(View);
+(0, kendo_react_intl_1.registerForIntl)(View);

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

@@ -35,6 +35,14 @@ var ViewList = /** @class */ (function (_super) {
     __extends(ViewList, _super);
     function ViewList(props) {
         var _this = _super.call(this, props) || this;
+        _this.virtualization = null;
+        _this.calendarView = null;
+        _this.table = null;
+        _this.intl = null;
+        _this.bottomOffset = 0;
+        _this.viewOffset = 0;
+        _this.viewHeight = 0;
+        _this._element = null;
         _this.isActive = false;
         _this.animateToIndex = true;
         _this.shouldScroll = false;
@@ -65,8 +73,8 @@ var ViewList = /** @class */ (function (_super) {
         _this.handleVirtualizationMount = function (virtualization) {
             _this.virtualization = virtualization;
             if (_this.virtualization && _this.table) {
-                _this.table.style.transform = "translateY(" + _this.viewOffset + "px)";
-                var viewDate = utils_1.dateInRange(_this.props.focusedDate, _this.props.min, _this.props.max);
+                _this.table.style.transform = "translateY(".concat(_this.viewOffset, "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);
             }
@@ -106,7 +114,7 @@ var ViewList = /** @class */ (function (_super) {
                 _this.setState({ index: index, skip: skip });
             }
             if (_this.table && scrollAction) {
-                var translate = "translateY(" + scrollAction.offset + "px)";
+                var translate = "translateY(".concat(scrollAction.offset, "px)");
                 _this.table.style.transform = translate;
             }
         };
@@ -121,7 +129,7 @@ var ViewList = /** @class */ (function (_super) {
                 var args = {
                     syntheticEvent: event.syntheticEvent,
                     nativeEvent: event.nativeEvent,
-                    value: kendo_date_math_1.cloneDate(event.value),
+                    value: (0, kendo_date_math_1.cloneDate)(event.value),
                     target: _this,
                     isTodayClick: isTodayClick
                 };
@@ -145,8 +153,8 @@ var ViewList = /** @class */ (function (_super) {
     });
     Object.defineProperty(ViewList.prototype, "weekNames", {
         get: function () {
-            this.intl = kendo_react_intl_1.provideIntlService(this);
-            var weekNames = utils_1.shiftWeekNames(this.intl.dateFormatNames({ nameType: 'short', type: 'days' }), this.intl.firstDay());
+            this.intl = (0, kendo_react_intl_1.provideIntlService)(this);
+            var weekNames = (0, utils_1.shiftWeekNames)(this.intl.dateFormatNames({ nameType: 'short', type: 'days' }), this.intl.firstDay());
             return this.weekNumber ? [''].concat(weekNames) : weekNames;
         },
         enumerable: false,
@@ -175,7 +183,7 @@ var ViewList = /** @class */ (function (_super) {
     });
     Object.defineProperty(ViewList.prototype, "todayIsInRange", {
         get: function () {
-            return utils_1.isInRange(utils_1.getToday(), kendo_date_math_1.getDate(this.props.min), kendo_date_math_1.getDate(this.props.max));
+            return (0, utils_1.isInRange)((0, utils_1.getToday)(), (0, kendo_date_math_1.getDate)(this.props.min), (0, kendo_date_math_1.getDate)(this.props.max));
         },
         enumerable: false,
         configurable: true
@@ -196,7 +204,7 @@ var ViewList = /** @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);
@@ -206,13 +214,13 @@ var ViewList = /** @class */ (function (_super) {
         var didViewChanged = this.props.activeView !== this.lastView;
         this.animateToIndex = !didViewChanged;
         if (didViewChanged
-            || !kendo_date_math_1.isEqualDate(this.lastFocus, focusedDate)
+            || !(0, kendo_date_math_1.isEqualDate)(this.lastFocus, focusedDate)
             || this.shouldScroll
             || (!this.props.shouldScroll || this.props.shouldScroll())) {
             this.indexToScroll = this.props.service.skip(focusedDate, this.props.min);
         }
         this.lastFocus = focusedDate;
-        var rootClassNames = kendo_react_common_1.classNames('k-calendar-view k-vstack', {
+        var rootClassNames = (0, kendo_react_common_1.classNames)('k-calendar-view k-vstack', {
             'k-calendar-monthview': this.props.activeView === models_1.CalendarViewEnum.month,
             'k-calendar-yearview': this.props.activeView === models_1.CalendarViewEnum.year,
             'k-calendar-decadeview': this.props.activeView === models_1.CalendarViewEnum.decade,
@@ -249,4 +257,4 @@ var ViewList = /** @class */ (function (_super) {
     return ViewList;
 }(React.Component));
 exports.ViewList = ViewList;
-kendo_react_intl_1.registerForIntl(ViewList);
+(0, kendo_react_intl_1.registerForIntl)(ViewList);

package/dist/npm/calendar/services/BusViewService.js

@@ -31,7 +31,7 @@ var BusViewService = /** @class */ (function () {
         this.top = top;
     };
     BusViewService.prototype.service = function (view, intl) {
-        return new services["" + view](intl);
+        return new services["".concat(view)](intl);
     };
     BusViewService.prototype.moveDown = function (view, event) {
         this.move(view, -1, event);