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

package/dist/es/timepicker/services/SecondsService.js

@@ -19,6 +19,10 @@ var limitUp = limit(SECONDS_IN_HOUR - 1);
 var SecondsService = /** @class */ (function () {
     function SecondsService(intl) {
         this.intl = intl;
+        this.toListItem = null;
+        this.min = null;
+        this.max = null;
+        this.step = 0;
         this.insertUndividedMax = false;
     }
     SecondsService.prototype.apply = function (value, candidate) {
@@ -43,7 +47,7 @@ var SecondsService = /** @class */ (function () {
         var _this = this;
         var min = this.range(selectedValue)[0];
         var getSecond = stepper(min, this.step);
-        var convertToItem = function (idx) { return (_this.toListItem(getSecond(idx))); };
+        var convertToItem = function (idx) { return (_this.toListItem && _this.toListItem(getSecond(idx))); };
         var data = range(0, this.countFromMin(selectedValue)).map(convertToItem);
         this.addLast(data);
         if (selectedValue) {
@@ -52,7 +56,7 @@ var SecondsService = /** @class */ (function () {
         return data;
     };
     SecondsService.prototype.isRangeChanged = function (min, max) {
-        return !isEqual(this.min, min) || !isEqual(this.max, max);
+        return this.min !== null && this.max !== null && (!isEqual(this.min, min) || !isEqual(this.max, max));
     };
     SecondsService.prototype.limitRange = function (min, max, value) {
         return [limitDown(min, value), limitUp(max, value)];
@@ -76,7 +80,7 @@ var SecondsService = /** @class */ (function () {
         return distanceFromMin(value.getSeconds(), this.min.getSeconds()) / this.step;
     };
     SecondsService.prototype.addLast = function (data, value) {
-        if (this.insertUndividedMax && this.isLastMissing(value)) {
+        if (this.insertUndividedMax && this.isLastMissing(value) && this.toListItem) {
             data.push(this.toListItem(this.lastSecond(value)));
         }
         return data;
@@ -85,8 +89,10 @@ var SecondsService = /** @class */ (function () {
         if (this.valueInList(value)) {
             return data;
         }
-        var missingItem = this.toListItem(value.getSeconds());
-        data.splice(this.selectedIndex(value), 0, missingItem);
+        if (this.toListItem) {
+            var missingItem = this.toListItem(value.getSeconds());
+            data.splice(this.selectedIndex(value), 0, missingItem);
+        }
         return data;
     };
     SecondsService.prototype.countFromMin = function (value) {
@@ -100,7 +106,7 @@ var SecondsService = /** @class */ (function () {
         return this.selectedIndex(value) !== this.divideByStep(value);
     };
     SecondsService.prototype.isLastMissing = function (value) {
-        return this.isMissing(setSeconds(this.max, this.lastSecond(value)));
+        return this.max !== null && this.isMissing(setSeconds(this.max, this.lastSecond(value)));
     };
     SecondsService.prototype.lastSecond = function (value) {
         return this.range(value)[1];

package/dist/es/utils.js

@@ -1,7 +1,11 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { cloneDate, isEqual } from '@progress/kendo-date-math';
 import { getDate } from '@progress/kendo-date-math';
@@ -31,7 +35,7 @@ export function nullable(subRequirement) {
             return null;
         }
         var sub = required ? subRequirement.isRequired : subRequirement;
-        return sub.apply(void 0, __spreadArray([props, key], rest));
+        return sub.apply(void 0, __spreadArray([props, key], rest, false));
     };
     var fn = check.bind(null, false);
     fn.isRequired = check.bind(null, true);

package/dist/es/virtualization/Virtualization.d.ts

@@ -43,6 +43,7 @@ export interface VirtualizationProps {
     topOffset: number;
     total: number;
     role?: string;
+    children?: React.ReactNode;
 }
 /**
  * @hidden

package/dist/es/virtualization/Virtualization.js

@@ -49,7 +49,13 @@ var Virtualization = /** @class */ (function (_super) {
     __extends(Virtualization, _super);
     function Virtualization(props) {
         var _this = _super.call(this, props) || this;
+        _this.rowHeightService = null;
+        _this.scrollContainer = null;
+        _this.lastDirection = null;
+        _this.lastTotal = 0;
+        _this.lastTake = 0;
         _this.animationInProgress = false;
+        _this.scrollToIndexTimeout = 0;
         _this.scrollTo = function (value) {
             var scrollProperty = _this.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
             if (!_this.scrollContainer) {
@@ -66,7 +72,9 @@ var Virtualization = /** @class */ (function (_super) {
             }
             _this.scrollToIndexTimeout = window.requestAnimationFrame(function () {
                 _this.animationInProgress = false;
-                _this.scrollTo(_this.rowHeightService.offset(index));
+                if (_this.rowHeightService) {
+                    _this.scrollTo(_this.rowHeightService.offset(index));
+                }
             });
         };
         _this.animateToIndex = function (index) {
@@ -106,7 +114,7 @@ var Virtualization = /** @class */ (function (_super) {
         };
         _this.scrollRange = function (indexOffset, direction) {
             var containerScroll = _this.containerScrollPosition;
-            if (parseInt("" + indexOffset, 10) === parseInt("" + containerScroll, 10)) {
+            if (parseInt("".concat(indexOffset), 10) === parseInt("".concat(containerScroll), 10)) {
                 return { start: indexOffset, end: indexOffset };
             }
             var maxScroll = _this.containerMaxScroll();
@@ -265,10 +273,10 @@ var Virtualization = /** @class */ (function (_super) {
             this.lastDirection = this.direction;
             this.lastTake = this.props.take;
         }
-        var vertexLength = "" + ((this.rowHeightService ? this.rowHeightService.totalHeight() : 0) + this.props.bottomOffset);
+        var vertexLength = "".concat((this.rowHeightService ? this.rowHeightService.totalHeight() : 0) + this.props.bottomOffset);
         var placeholderStyle = this.direction === 'vertical'
-            ? { height: vertexLength + "px" }
-            : { width: vertexLength + "px" };
+            ? { height: "".concat(vertexLength, "px") }
+            : { width: "".concat(vertexLength, "px") };
         var rootClassNames = classNames('k-content k-calendar-content k-scrollable', {
             'k-scrollable-horizontal': this.direction === 'horizontal'
         }, this.props.className);

package/dist/es/virtualization/services/RowHeightService.js

@@ -1,12 +1,16 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 /**
  * @hidden
  */
-var update = function (arr, idx, value) { return (__spreadArray(__spreadArray([], arr.slice(0, idx + 1)), (arr.slice(idx + 1).map(function (x) { return x + value; })))); };
+var update = function (arr, idx, value) { return (__spreadArray(__spreadArray([], arr.slice(0, idx + 1), true), (arr.slice(idx + 1).map(function (x) { return x + value; })), true)); };
 /**
  * @hidden
  */

package/dist/es/virtualization/services/ScrollerService.js

@@ -26,7 +26,13 @@ var ScrollerService = /** @class */ (function () {
     function ScrollerService(onScrollAction, onPageAction) {
         this.onScrollAction = onScrollAction;
         this.onPageAction = onPageAction;
+        this.direction = 'vertical';
         this.firstLoaded = 0;
+        this.lastLoaded = 0;
+        this.lastScrollTop = 0;
+        this.take = 0;
+        this.total = 0;
+        this.rowHeightService = null;
         this.bottomOffset = 0;
         this.topOffset = 0;
     }
@@ -52,7 +58,7 @@ var ScrollerService = /** @class */ (function () {
         var scrollLeft = _a.scrollLeft, scrollTop = _a.scrollTop, offsetHeight = _a.offsetHeight, offsetWidth = _a.offsetWidth;
         var scrollPosition = this.direction === 'vertical' ? scrollTop : scrollLeft;
         var offsetSize = this.direction === 'vertical' ? offsetHeight : offsetWidth;
-        if (this.lastScrollTop === scrollPosition) {
+        if (this.lastScrollTop === scrollPosition || !this.rowHeightService) {
             return;
         }
         var up = this.lastScrollTop >= scrollPosition;
@@ -74,10 +80,10 @@ var ScrollerService = /** @class */ (function () {
         }
     };
     ScrollerService.prototype.rowOffset = function (index) {
-        return this.rowHeightService.offset(index) + this.topOffset;
+        return this.rowHeightService ? this.rowHeightService.offset(index) + this.topOffset : 0;
     };
     ScrollerService.prototype.rowsForHeight = function (height) {
-        return Math.ceil(height / this.rowHeightService.height(0));
+        return this.rowHeightService ? Math.ceil(height / this.rowHeightService.height(0)) : 0;
     };
     return ScrollerService;
 }());

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

@@ -80,8 +80,8 @@ export declare class CalendarWithoutContext extends React.Component<CalendarProp
         tabIndex: PropTypes.Requireable<number>;
         value: PropTypes.Requireable<Date>;
         weekNumber: PropTypes.Requireable<boolean>;
-        topView: (props: CalendarProps, propName: string, componentName: string) => Error;
-        bottomView: (props: CalendarProps, propName: string, componentName: string) => Error;
+        topView: (props: CalendarProps, propName: string, componentName: string) => Error | null;
+        bottomView: (props: CalendarProps, propName: string, componentName: string) => Error | null;
     };
     /**
      * @hidden
@@ -92,13 +92,13 @@ export declare class CalendarWithoutContext extends React.Component<CalendarProp
         max: Date;
         navigation: boolean;
         defaultActiveView: ActiveView;
-        defaultValue: any;
+        defaultValue: null;
         smoothScroll: boolean;
         topView: ActiveView;
         bottomView: ActiveView;
     };
     protected dom: DOMService;
-    protected scrollSyncService: ScrollSyncService;
+    protected scrollSyncService: ScrollSyncService | null;
     private valueDuringOnChange?;
     private focusedDate;
     private cellUID;

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

@@ -44,10 +44,10 @@ var calculateValue = function (min, max, stateValue, propValue) {
     if (min === void 0) { min = CalendarWithoutContext.defaultProps.min; }
     if (max === void 0) { max = CalendarWithoutContext.defaultProps.max; }
     return propValue !== undefined
-        ? propValue !== null && utils_1.isInRange(kendo_date_math_1.getDate(propValue), min, max)
+        ? propValue !== null && (0, utils_1.isInRange)((0, kendo_date_math_1.getDate)(propValue), min, max)
             ? propValue
             : null
-        : stateValue !== null && utils_1.isInRange(kendo_date_math_1.getDate(stateValue), min, max)
+        : stateValue !== null && (0, utils_1.isInRange)((0, kendo_date_math_1.getDate)(stateValue), min, max)
             ? stateValue
             : null;
 };
@@ -56,8 +56,15 @@ var CalendarWithoutContext = /** @class */ (function (_super) {
     __extends(CalendarWithoutContext, _super);
     function CalendarWithoutContext(props) {
         var _this = _super.call(this, props) || this;
-        _this.cellUID = kendo_react_common_1.guid();
-        _this.id = kendo_react_common_1.guid();
+        _this.scrollSyncService = null;
+        _this.focusedDate = null;
+        _this.cellUID = (0, kendo_react_common_1.guid)();
+        _this.id = (0, kendo_react_common_1.guid)();
+        _this.Navigation = null;
+        _this.calendarViewList = null;
+        _this._element = null;
+        _this.intl = null;
+        _this.service = null;
         _this.isActive = false;
         _this.didNavigationChange = false;
         /**
@@ -80,17 +87,19 @@ var CalendarWithoutContext = /** @class */ (function (_super) {
                 return;
             }
             _this.didNavigationChange = true;
-            var focusedDate = kendo_date_math_1.cloneDate(event.value);
+            var focusedDate = (0, kendo_date_math_1.cloneDate)(event.value);
             _this.setState({ focusedDate: focusedDate });
         };
         _this.handleViewChange = function (_a) {
             var view = _a.view;
-            _this.scrollSyncService.configure(view);
+            if (_this.scrollSyncService) {
+                _this.scrollSyncService.configure(view);
+            }
             _this.setState({ activeView: view });
         };
         _this.handleDateChange = function (event) {
-            var value = kendo_date_math_1.cloneDate(event.value);
-            var focusedDate = kendo_date_math_1.cloneDate(event.value);
+            var value = (0, 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;
@@ -143,10 +152,13 @@ var CalendarWithoutContext = /** @class */ (function (_super) {
         };
         _this.handleKeyDown = function (event) {
             var keyCode = event.keyCode;
+            if (!_this.focusedDate || !_this.service) {
+                return;
+            }
             if (keyCode === kendo_react_common_1.Keys.enter) {
                 if (_this.value !== null
-                    && kendo_date_math_1.isEqualDate(_this.focusedDate, _this.value)) {
-                    var viewDate = utils_1.dateInRange(_this.focusedDate, _this.min, _this.max);
+                    && (0, kendo_date_math_1.isEqualDate)(_this.focusedDate, _this.value)) {
+                    var viewDate = (0, utils_1.dateInRange)(_this.focusedDate, _this.min, _this.max);
                     virtualizationProp(_this.calendarViewList).scrollToIndex(_this.service.skip(viewDate, _this.min));
                 }
                 var args = {
@@ -155,11 +167,11 @@ var CalendarWithoutContext = /** @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.setState({ focusedDate: candidate });
@@ -174,14 +186,14 @@ var CalendarWithoutContext = /** @class */ (function (_super) {
                 _this._element.focus({ preventScroll: true });
             }
         };
-        kendo_react_common_1.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
         var value = calculateValue(_this.min, _this.max, _this.props.defaultValue || CalendarWithoutContext.defaultProps.defaultValue, _this.props.value);
         _this.state = {
             value: value,
-            activeView: utils_1.viewInRange(models_1.CalendarViewEnum[props.defaultActiveView], _this.bottomView, _this.topView),
-            focusedDate: utils_1.dateInRange(props.focusedDate
+            activeView: (0, utils_1.viewInRange)(models_1.CalendarViewEnum[props.defaultActiveView], _this.bottomView, _this.topView),
+            focusedDate: (0, utils_1.dateInRange)(props.focusedDate
                 || value
-                || utils_1.getToday(), _this.min, _this.max)
+                || (0, utils_1.getToday)(), _this.min, _this.max)
         };
         _this.dom = new services_1.DOMService();
         _this.bus = new services_1.BusViewService(_this.handleViewChange);
@@ -215,7 +227,7 @@ var CalendarWithoutContext = /** @class */ (function (_super) {
     });
     Object.defineProperty(CalendarWithoutContext.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
                 : CalendarWithoutContext.defaultProps.min);
         },
@@ -224,7 +236,7 @@ var CalendarWithoutContext = /** @class */ (function (_super) {
     });
     Object.defineProperty(CalendarWithoutContext.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
                 : CalendarWithoutContext.defaultProps.max);
         },
@@ -269,7 +281,7 @@ var CalendarWithoutContext = /** @class */ (function (_super) {
      * @hidden
      */
     CalendarWithoutContext.prototype.componentDidUpdate = function (_, prevState) {
-        if (prevState.activeView !== this.state.activeView) {
+        if (prevState.activeView !== this.state.activeView && this.scrollSyncService) {
             this.scrollSyncService.configure(this.state.activeView);
         }
         if (this.calendarViewList) {
@@ -287,22 +299,22 @@ var CalendarWithoutContext = /** @class */ (function (_super) {
             this.props._ref(this);
         }
         var didValueChange = this.value !== null && this.oldValue !== null
-            ? !kendo_date_math_1.isEqualDate(this.value, this.oldValue)
+            ? !(0, kendo_date_math_1.isEqualDate)(this.value, this.oldValue)
             : this.value !== this.oldValue;
-        var activeView = utils_1.viewInRange(this.state.activeView, models_1.CalendarViewEnum[this.props.bottomView !== undefined
+        var activeView = (0, utils_1.viewInRange)(this.state.activeView, models_1.CalendarViewEnum[this.props.bottomView !== undefined
             ? this.props.bottomView
             : CalendarWithoutContext.defaultProps.bottomView], models_1.CalendarViewEnum[this.props.topView !== undefined
             ? this.props.topView
             : CalendarWithoutContext.defaultProps.topView]);
         var value = calculateValue(this.min, this.max, this.value, this.value);
-        var sanitizedValue = value ? kendo_date_math_1.getDate(value) : null;
-        this.focusedDate = kendo_date_math_1.getDate(utils_1.dateInRange(didValueChange && value !== null
+        var sanitizedValue = value ? (0, kendo_date_math_1.getDate)(value) : null;
+        this.focusedDate = (0, kendo_date_math_1.getDate)((0, utils_1.dateInRange)(didValueChange && value !== null
             ? value
             : this.state.focusedDate, this.min, this.max));
-        this.intl = kendo_react_intl_1.provideIntlService(this);
+        this.intl = (0, kendo_react_intl_1.provideIntlService)(this);
         this.bus.configure(this.bottomView, this.topView);
         this.service = this.bus.service(activeView, this.intl);
-        var rootClassNames = kendo_react_common_1.classNames('k-widget k-calendar k-calendar-infinite', {
+        var rootClassNames = (0, kendo_react_common_1.classNames)('k-widget k-calendar k-calendar-infinite', {
             'k-disabled': this.props.disabled,
             'k-week-number': this.props.weekNumber
         }, this.props.className);
@@ -343,7 +355,7 @@ var CalendarWithoutContext = /** @class */ (function (_super) {
             var prop = props[propName];
             var bottomView = props.bottomView;
             if (prop && bottomView && models_1.CalendarViewEnum[prop] < models_1.CalendarViewEnum[bottomView]) {
-                return new Error("Invalid prop + " + propName + " suplied to " + componentName + ".\n                    " + propName + " can not be smaller than bottomView.\n                    ");
+                return new Error("Invalid prop + ".concat(propName, " suplied to ").concat(componentName, ".\n                    ").concat(propName, " can not be smaller than bottomView.\n                    "));
             }
             return null;
         },
@@ -351,7 +363,7 @@ var CalendarWithoutContext = /** @class */ (function (_super) {
             var prop = props[propName];
             var topView = props.topView;
             if (prop && topView && models_1.CalendarViewEnum[prop] > models_1.CalendarViewEnum[topView]) {
-                return new Error("Invalid prop + " + propName + " suplied to " + componentName + ".\n                    " + propName + " can not be bigger than topView.\n                    ");
+                return new Error("Invalid prop + ".concat(propName, " suplied to ").concat(componentName, ".\n                    ").concat(propName, " can not be bigger than topView.\n                    "));
             }
             return null;
         }
@@ -379,7 +391,7 @@ exports.CalendarWithoutContext = CalendarWithoutContext;
  *
  * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
  */
-exports.CalendarPropsContext = kendo_react_common_1.createPropsContext();
+exports.CalendarPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
 /**
  * Represents the KendoReact Calendar Component.
@@ -387,6 +399,6 @@ exports.CalendarPropsContext = kendo_react_common_1.createPropsContext();
  * Accepts properties of type [CalendarProps]({% slug api_dateinputs_calendarprops %}).
  * Obtaining the `ref` returns an object of type [CalendarHandle]({% slug api_dateinputs_calendarhandle %}).
  */
-exports.Calendar = kendo_react_common_1.withPropsContext(exports.CalendarPropsContext, CalendarWithoutContext);
+exports.Calendar = (0, kendo_react_common_1.withPropsContext)(exports.CalendarPropsContext, CalendarWithoutContext);
 exports.Calendar.displayName = 'KendoReactCalendar';
-kendo_react_intl_1.registerForIntl(CalendarWithoutContext);
+(0, kendo_react_intl_1.registerForIntl)(CalendarWithoutContext);

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

@@ -110,7 +110,7 @@ var CalendarCell = /** @class */ (function (_super) {
         var _a = this.props, className = _a.className, formattedValue = _a.formattedValue, isWeekend = _a.isWeekend, isFocused = _a.isFocused, isInRange = _a.isInRange, isSelected = _a.isSelected, isRangeStart = _a.isRangeStart, isRangeMid = _a.isRangeMid, isRangeEnd = _a.isRangeEnd, isRangeSplitStart = _a.isRangeSplitStart, isRangeSplitEnd = _a.isRangeSplitEnd, isToday = _a.isToday, isDisabled = _a.isDisabled, view = _a.view, value = _a.value, other = __rest(_a, ["className", "formattedValue", "isWeekend", "isFocused", "isInRange", "isSelected", "isRangeStart", "isRangeMid", "isRangeEnd", "isRangeSplitStart", "isRangeSplitEnd", "isToday", "isDisabled", "view", "value"]);
         var isEndActive = this.props.activeRangeEnd === 'end' && isRangeEnd;
         var isStartActive = this.props.activeRangeEnd === 'start' && isRangeStart;
-        var rootClassName = kendo_react_common_1.classNames('k-calendar-td', {
+        var rootClassName = (0, kendo_react_common_1.classNames)('k-calendar-td', {
             'k-range-end': isRangeEnd,
             'k-range-mid': isRangeMid,
             'k-range-split-end': isRangeSplitEnd,

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

@@ -62,7 +62,7 @@ var CalendarNavigationItem = /** @class */ (function (_super) {
     CalendarNavigationItem.prototype.render = function () {
         var _a = this.props, isRangeStart = _a.isRangeStart, value = _a.value, text = _a.text, other = __rest(_a, ["isRangeStart", "value", "text"]);
         return (React.createElement("li", __assign({}, other, { onClick: this.handleClick }),
-            React.createElement("span", { className: kendo_react_common_1.classNames({ 'k-calendar-navigation-marker': isRangeStart }) }, this.props.children)));
+            React.createElement("span", { className: (0, kendo_react_common_1.classNames)({ 'k-calendar-navigation-marker': isRangeStart }) }, this.props.children)));
     };
     return CalendarNavigationItem;
 }(React.Component));

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

@@ -57,7 +57,7 @@ var CalendarWeekCell = /** @class */ (function (_super) {
      */
     CalendarWeekCell.prototype.render = function () {
         var _a = this.props, className = _a.className, firstDate = _a.firstDate, other = __rest(_a, ["className", "firstDate"]);
-        return (React.createElement("td", __assign({ className: kendo_react_common_1.classNames('k-calendar-td', className) }, other), this.props.children));
+        return (React.createElement("td", __assign({ className: (0, kendo_react_common_1.classNames)('k-calendar-td', className) }, other), this.props.children));
     };
     return CalendarWeekCell;
 }(React.Component));

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

@@ -11,6 +11,7 @@ export interface HeaderEventArguments {
     nativeEvent?: any;
     value: Date;
     target: Header;
+    isTodayClick?: boolean;
 }
 /**
  * @hidden

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

@@ -50,7 +50,7 @@ var Header = /** @class */ (function (_super) {
             if (take < 1 || !_this.props.service.isInRange(nextDate, _this.min, _this.max)) {
                 return title;
             }
-            return title + " - " + _this.props.service.title(nextDate);
+            return "".concat(title, " - ").concat(_this.props.service.title(nextDate));
         };
         _this.handleTitleClick = function (event) {
             if (!_this.canMoveUp) {
@@ -94,7 +94,7 @@ var Header = /** @class */ (function (_super) {
     });
     Header.prototype.render = function () {
         var title = this.getTitle();
-        var titleClassNames = kendo_react_common_1.classNames('k-calendar-title');
+        var titleClassNames = (0, kendo_react_common_1.classNames)('k-calendar-title');
         var headerTitleProps = {
             children: title,
             value: title,
@@ -126,4 +126,4 @@ var Header = /** @class */ (function (_super) {
     return Header;
 }(React.Component));
 exports.Header = Header;
-kendo_react_intl_1.registerForLocalization(Header);
+(0, kendo_react_intl_1.registerForLocalization)(Header);

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

@@ -30,6 +30,7 @@ var HorizontalViewList = /** @class */ (function (_super) {
     __extends(HorizontalViewList, _super);
     function HorizontalViewList(props) {
         var _this = _super.call(this, props) || this;
+        _this._element = null;
         _this.isActive = false;
         _this.focusActiveDate = function () {
             if (!_this._element) {
@@ -72,7 +73,7 @@ var HorizontalViewList = /** @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
                 };
@@ -123,7 +124,7 @@ var HorizontalViewList = /** @class */ (function (_super) {
         var selectionRange = this.props.allowReverse
             ? this.rotateSelectionRange(this.props.selectionRange)
             : this.props.selectionRange;
-        var rootClassNames = kendo_react_common_1.classNames('k-calendar-view k-hstack k-align-items-start k-justify-content-center', {
+        var rootClassNames = (0, kendo_react_common_1.classNames)('k-calendar-view k-hstack k-align-items-start k-justify-content-center', {
             '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,

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

@@ -62,14 +62,14 @@ export declare class MultiViewCalendarWithoutContext extends React.Component<Mul
         ariaDescribedBy: PropTypes.Requireable<string>;
         max: PropTypes.Requireable<Date>;
         min: PropTypes.Requireable<Date>;
-        mode: PropTypes.Requireable<"range" | "multiple" | "single">;
+        mode: PropTypes.Requireable<"multiple" | "range" | "single">;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         tabIndex: PropTypes.Requireable<number>;
         topView: PropTypes.Requireable<ActiveView>;
         value: PropTypes.Requireable<any>;
-        views: (props: any, propName: any, componentName: any) => Error;
+        views: (props: any, propName: any, componentName: any) => Error | null;
         weekNumber: PropTypes.Requireable<boolean>;
     };
     /**
@@ -81,7 +81,7 @@ export declare class MultiViewCalendarWithoutContext extends React.Component<Mul
         max: Date;
         navigation: boolean;
         defaultActiveView: ActiveView;
-        defaultValue: any;
+        defaultValue: null;
         topView: ActiveView;
         tabIndex: number;
         bottomView: ActiveView;