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

package/dist/npm/calendar/components/Header.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.Header = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
@@ -47,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) {
@@ -63,7 +66,7 @@ var Header = /** @class */ (function (_super) {
                 ? this.props.min
                 : Header.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Header.prototype, "max", {
@@ -72,26 +75,26 @@ var Header = /** @class */ (function (_super) {
                 ? this.props.max
                 : Header.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Header.prototype, "rangeLength", {
         get: function () {
             return this.props.rangeLength !== undefined ? this.props.rangeLength : Header.defaultProps.rangeLength;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Header.prototype, "canMoveUp", {
         get: function () {
             return this.props.bus.canMoveUp(this.props.activeView);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     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,
@@ -123,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.d.ts

@@ -52,10 +52,10 @@ export declare class HorizontalViewList extends React.Component<HorizontalViewLi
     };
     private _element;
     private isActive;
-    readonly element: HTMLDivElement | null;
-    protected readonly weekNumber: boolean;
-    protected readonly min: Date;
-    protected readonly max: Date;
+    get element(): HTMLDivElement | null;
+    protected get weekNumber(): boolean;
+    protected get min(): Date;
+    protected get max(): Date;
     constructor(props: HorizontalViewListProps);
     focusActiveDate: () => void;
     blurActiveDate: () => void;

package/dist/npm/calendar/components/HorizontalViewList.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.HorizontalViewList = void 0;
 var React = require("react");
 var View_1 = require("./View");
 var models_1 = require("../models");
@@ -27,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) {
@@ -69,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
                 };
@@ -82,14 +86,14 @@ var HorizontalViewList = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(HorizontalViewList.prototype, "weekNumber", {
         get: function () {
             return Boolean(this.props.showWeekNumbers && this.props.activeView === models_1.CalendarViewEnum.month);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(HorizontalViewList.prototype, "min", {
@@ -98,7 +102,7 @@ var HorizontalViewList = /** @class */ (function (_super) {
                 ? this.props.min
                 : HorizontalViewList.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(HorizontalViewList.prototype, "max", {
@@ -107,7 +111,7 @@ var HorizontalViewList = /** @class */ (function (_super) {
                 ? this.props.max
                 : HorizontalViewList.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     HorizontalViewList.prototype.componentDidUpdate = function () {
@@ -120,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

@@ -49,7 +49,7 @@ export declare class MultiViewCalendarWithoutContext extends React.Component<Mul
      * @hidden
      */
     static propTypes: {
-        activeRangeEnd: PropTypes.Requireable<SelectionRangeEnd>;
+        activeRangeEnd: PropTypes.Requireable<"end" | "start">;
         allowReverse: PropTypes.Requireable<boolean>;
         bottomView: PropTypes.Requireable<ActiveView>;
         className: PropTypes.Requireable<string>;
@@ -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<import("../models").MultiViewCalendarMode>;
+        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;
@@ -111,21 +111,21 @@ export declare class MultiViewCalendarWithoutContext extends React.Component<Mul
     /**
      * Gets the wrapping element of the MultiViewCalendar component.
      */
-    readonly element: HTMLDivElement | null;
+    get element(): HTMLDivElement | null;
     /**
      * Gets the value of the MultiViewCalendar.
      */
-    readonly value: Date | Date[] | SelectionRange | null;
+    get value(): Date | Date[] | SelectionRange | null;
     /**
      * Gets the current focused date of the MultiViewCalendar.
      */
-    readonly focusedDate: Date;
-    protected readonly min: Date;
-    protected readonly max: Date;
-    protected readonly bottomView: CalendarViewEnum;
-    protected readonly topView: CalendarViewEnum;
-    protected readonly activeRange: SelectionRangeEnd;
-    protected readonly todayIsInRange: boolean;
+    get focusedDate(): Date;
+    protected get min(): Date;
+    protected get max(): Date;
+    protected get bottomView(): CalendarViewEnum;
+    protected get topView(): CalendarViewEnum;
+    protected get activeRange(): SelectionRangeEnd;
+    protected get todayIsInRange(): boolean;
     constructor(props: MultiViewCalendarProps);
     /**
      * @hidden

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,7 +58,7 @@ 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