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

package/dist/npm/datetimepicker/DateTimeSelector.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.DateTimeSelector = void 0;
 var React = require("react");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("../messages");
@@ -42,7 +45,12 @@ var DateTimeSelector = /** @class */ (function (_super) {
     __extends(DateTimeSelector, _super);
     function DateTimeSelector(props) {
         var _this = _super.call(this, props) || this;
+        _this._calendar = null;
+        _this._timePart = null;
+        _this._cancelButton = null;
+        _this._acceptButton = null;
         _this._calendarWrap = null;
+        _this.shouldFocusPart = false;
         _this.focus = function (args) {
             // Async to avoid stealing the focus from the DateInput on close
             Promise.resolve().then(function () {
@@ -96,8 +104,8 @@ var DateTimeSelector = /** @class */ (function (_super) {
             });
         };
         _this.handleNowClick = function (event) {
-            _this.setState({ timeValue: utils_2.getNow() });
-            _this.handleAccept(event, utils_2.getNow());
+            _this.setState({ timeValue: (0, utils_2.getNow)() });
+            _this.handleAccept(event, (0, utils_2.getNow)());
         };
         _this.handleCalendarValueChange = function (event) {
             event.syntheticEvent.stopPropagation();
@@ -153,21 +161,21 @@ var DateTimeSelector = /** @class */ (function (_super) {
         get: function () {
             return this._calendar;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimeSelector.prototype, "timePart", {
         get: function () {
             return this._timePart;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimeSelector.prototype, "hasDateValue", {
         get: function () {
             return this.state.dateValue !== null;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     DateTimeSelector.prototype.componentDidUpdate = function () {
@@ -179,18 +187,21 @@ var DateTimeSelector = /** @class */ (function (_super) {
     DateTimeSelector.prototype.render = function () {
         var _this = this;
         var _a = this.props, disabled = _a.disabled, cancelButton = _a.cancelButton, min = _a.min, max = _a.max, weekNumber = _a.weekNumber, focusedDate = _a.focusedDate, format = _a.format;
-        var rootClassName = kendo_react_common_1.classNames({
+        var rootClassName = (0, kendo_react_common_1.classNames)({
             'k-date-tab': this.state.tab === 'date',
             'k-time-tab': this.state.tab === 'time',
             'k-disabled': disabled
         }, 'k-datetime-wrap');
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var dateMessage = localizationService.toLanguageString(messages_1.date, messages_1.messages[messages_1.date]);
         var timeMessage = localizationService.toLanguageString(messages_1.time, messages_1.messages[messages_1.time]);
         var cancelMessage = localizationService.toLanguageString(messages_1.dateTimePickerCancel, messages_1.messages[messages_1.dateTimePickerCancel]);
         var setMessage = localizationService.toLanguageString(messages_1.dateTimePickerSet, messages_1.messages[messages_1.dateTimePickerSet]);
         var calendarProps = {
-            min: min, max: max, weekNumber: weekNumber, focusedDate: focusedDate,
+            min: min,
+            max: max,
+            weekNumber: weekNumber,
+            focusedDate: focusedDate,
             disabled: disabled || this.state.tab !== 'date',
             value: this.state.dateValue,
             onChange: this.handleCalendarValueChange,
@@ -216,7 +227,7 @@ var DateTimeSelector = /** @class */ (function (_super) {
                 ? this.props.minTime
                 : this.normalizeRange(this.props.min, this.state.dateValue);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimeSelector.prototype, "maxTime", {
@@ -225,11 +236,11 @@ var DateTimeSelector = /** @class */ (function (_super) {
                 ? this.props.maxTime
                 : this.normalizeRange(this.props.max, this.state.dateValue);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     DateTimeSelector.prototype.normalizeRange = function (candidate, value) {
-        return kendo_date_math_1.isEqualDate(candidate, value || utils_1.getToday())
+        return (0, kendo_date_math_1.isEqualDate)(candidate, value || (0, utils_1.getToday)())
             ? candidate
             : null;
     };
@@ -241,12 +252,12 @@ var DateTimeSelector = /** @class */ (function (_super) {
             || (this._cancelButton && document.activeElement === this._cancelButton.element);
     };
     DateTimeSelector.prototype.mergeTime = function (current, candidate) {
-        return current && candidate ? utils_1.setTime(candidate, current) : candidate;
+        return current && candidate ? (0, utils_1.setTime)(candidate, current) : candidate;
     };
     DateTimeSelector.prototype.mergeDate = function (candidate, value) {
-        return candidate ? utils_1.setTime(candidate || utils_1.getToday(), value) : value;
+        return candidate ? (0, utils_1.setTime)(candidate || (0, utils_1.getToday)(), value) : value;
     };
     return DateTimeSelector;
 }(React.Component));
 exports.DateTimeSelector = DateTimeSelector;
-kendo_react_intl_1.registerForLocalization(DateTimeSelector);
+(0, kendo_react_intl_1.registerForLocalization)(DateTimeSelector);

package/dist/npm/defaults.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MAX_TIME = exports.MIN_TIME = exports.MAX_DATE = exports.MIN_DATE = exports.MIDNIGHT_DATE = void 0;
 /**
  * @hidden
  */

package/dist/npm/hooks/usePickerFloatingLabel.d.ts

@@ -11,7 +11,7 @@ export declare type PickerFloatingLabelProps = FloatingLabelProps & {
 /**
  * @hidden
  */
-export declare const usePickerFloatingLabel: (dateInput: React.RefObject<import("../dateinput/DateInput").DateInputHandle>) => {
+export declare const usePickerFloatingLabel: (dateInput: React.RefObject<DateInput>) => {
     editorValue: boolean;
 };
 /**

package/dist/npm/hooks/usePickerFloatingLabel.js

@@ -11,12 +11,13 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PickerFloatingLabel = exports.usePickerFloatingLabel = void 0;
 var React = require("react");
 var kendo_react_labels_1 = require("@progress/kendo-react-labels");
 /**
  * @hidden
  */
-exports.usePickerFloatingLabel = function (dateInput) {
+var usePickerFloatingLabel = function (dateInput) {
     var _a = React.useState(false), show = _a[0], setShow = _a[1];
     var syncText = function () {
         if (dateInput.current) {
@@ -28,10 +29,12 @@ exports.usePickerFloatingLabel = function (dateInput) {
         editorValue: show
     };
 };
+exports.usePickerFloatingLabel = usePickerFloatingLabel;
 /**
  * @hidden
  */
-exports.PickerFloatingLabel = function (props) {
-    var floatingLabelProps = exports.usePickerFloatingLabel(props.dateInput);
+var PickerFloatingLabel = function (props) {
+    var floatingLabelProps = (0, exports.usePickerFloatingLabel)(props.dateInput);
     return (React.createElement(kendo_react_labels_1.FloatingLabel, __assign({}, props, floatingLabelProps)));
 };
+exports.PickerFloatingLabel = PickerFloatingLabel;

package/dist/npm/main.js

@@ -1,37 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateTimePickerPropsContext = exports.DateTimePicker = exports.DateRangePickerPropsContext = exports.DateRangePicker = exports.MultiViewCalendarPropsContext = exports.MultiViewCalendar = exports.TimePickerPropsContext = exports.TimePicker = exports.DatePickerPropsContext = exports.DatePicker = exports.DateInputPropsContext = exports.DateInput = exports.CalendarNavigationItem = exports.CalendarHeaderTitle = exports.CalendarWeekCell = exports.CalendarCell = exports.CalendarViewEnum = exports.CalendarPropsContext = exports.Calendar = exports.ToggleButton = exports.PickerWrap = void 0;
 var Calendar_1 = require("./calendar/components/Calendar");
-exports.Calendar = Calendar_1.Calendar;
-exports.CalendarPropsContext = Calendar_1.CalendarPropsContext;
+Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return Calendar_1.Calendar; } });
+Object.defineProperty(exports, "CalendarPropsContext", { enumerable: true, get: function () { return Calendar_1.CalendarPropsContext; } });
 var DateInput_1 = require("./dateinput/DateInput");
-exports.DateInput = DateInput_1.DateInput;
-exports.DateInputPropsContext = DateInput_1.DateInputPropsContext;
+Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return DateInput_1.DateInput; } });
+Object.defineProperty(exports, "DateInputPropsContext", { enumerable: true, get: function () { return DateInput_1.DateInputPropsContext; } });
 var DatePicker_1 = require("./datepicker/DatePicker");
-exports.DatePicker = DatePicker_1.DatePicker;
-exports.DatePickerPropsContext = DatePicker_1.DatePickerPropsContext;
+Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
+Object.defineProperty(exports, "DatePickerPropsContext", { enumerable: true, get: function () { return DatePicker_1.DatePickerPropsContext; } });
 var TimePicker_1 = require("./timepicker/TimePicker");
-exports.TimePicker = TimePicker_1.TimePicker;
-exports.TimePickerPropsContext = TimePicker_1.TimePickerPropsContext;
+Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return TimePicker_1.TimePicker; } });
+Object.defineProperty(exports, "TimePickerPropsContext", { enumerable: true, get: function () { return TimePicker_1.TimePickerPropsContext; } });
 var MultiViewCalendar_1 = require("./calendar/components/MultiViewCalendar");
-exports.MultiViewCalendar = MultiViewCalendar_1.MultiViewCalendar;
-exports.MultiViewCalendarPropsContext = MultiViewCalendar_1.MultiViewCalendarPropsContext;
+Object.defineProperty(exports, "MultiViewCalendar", { enumerable: true, get: function () { return MultiViewCalendar_1.MultiViewCalendar; } });
+Object.defineProperty(exports, "MultiViewCalendarPropsContext", { enumerable: true, get: function () { return MultiViewCalendar_1.MultiViewCalendarPropsContext; } });
 var DateRangePicker_1 = require("./daterangepicker/DateRangePicker");
-exports.DateRangePicker = DateRangePicker_1.DateRangePicker;
-exports.DateRangePickerPropsContext = DateRangePicker_1.DateRangePickerPropsContext;
+Object.defineProperty(exports, "DateRangePicker", { enumerable: true, get: function () { return DateRangePicker_1.DateRangePicker; } });
+Object.defineProperty(exports, "DateRangePickerPropsContext", { enumerable: true, get: function () { return DateRangePicker_1.DateRangePickerPropsContext; } });
 var CalendarCell_1 = require("./calendar/components/CalendarCell");
-exports.CalendarCell = CalendarCell_1.CalendarCell;
+Object.defineProperty(exports, "CalendarCell", { enumerable: true, get: function () { return CalendarCell_1.CalendarCell; } });
 var CalendarWeekCell_1 = require("./calendar/components/CalendarWeekCell");
-exports.CalendarWeekCell = CalendarWeekCell_1.CalendarWeekCell;
+Object.defineProperty(exports, "CalendarWeekCell", { enumerable: true, get: function () { return CalendarWeekCell_1.CalendarWeekCell; } });
 var CalendarHeaderTitle_1 = require("./calendar/components/CalendarHeaderTitle");
-exports.CalendarHeaderTitle = CalendarHeaderTitle_1.CalendarHeaderTitle;
+Object.defineProperty(exports, "CalendarHeaderTitle", { enumerable: true, get: function () { return CalendarHeaderTitle_1.CalendarHeaderTitle; } });
 var CalendarNavigationItem_1 = require("./calendar/components/CalendarNavigationItem");
-exports.CalendarNavigationItem = CalendarNavigationItem_1.CalendarNavigationItem;
+Object.defineProperty(exports, "CalendarNavigationItem", { enumerable: true, get: function () { return CalendarNavigationItem_1.CalendarNavigationItem; } });
 var models_1 = require("./calendar/models");
-exports.CalendarViewEnum = models_1.CalendarViewEnum;
+Object.defineProperty(exports, "CalendarViewEnum", { enumerable: true, get: function () { return models_1.CalendarViewEnum; } });
 var DateTimePicker_1 = require("./datetimepicker/DateTimePicker");
-exports.DateTimePicker = DateTimePicker_1.DateTimePicker;
-exports.DateTimePickerPropsContext = DateTimePicker_1.DateTimePickerPropsContext;
+Object.defineProperty(exports, "DateTimePicker", { enumerable: true, get: function () { return DateTimePicker_1.DateTimePicker; } });
+Object.defineProperty(exports, "DateTimePickerPropsContext", { enumerable: true, get: function () { return DateTimePicker_1.DateTimePickerPropsContext; } });
 var ToggleButton_1 = require("./datepicker/ToggleButton");
-exports.ToggleButton = ToggleButton_1.ToggleButton;
+Object.defineProperty(exports, "ToggleButton", { enumerable: true, get: function () { return ToggleButton_1.ToggleButton; } });
 var PickerWrap_1 = require("./common/PickerWrap");
-exports.PickerWrap = PickerWrap_1.PickerWrap;
+Object.defineProperty(exports, "PickerWrap", { enumerable: true, get: function () { return PickerWrap_1.PickerWrap; } });

package/dist/npm/messages/index.d.ts

@@ -86,25 +86,25 @@ export declare const dateTimePickerSet = "datetimepicker.set";
  * @hidden
  */
 export declare const messages: {
-    [today]: string;
-    [now]: string;
-    [timePickerSet]: string;
-    [timePickerCancel]: string;
-    [date]: string;
-    [time]: string;
-    [dateTimePickerCancel]: string;
-    [dateTimePickerSet]: string;
-    [start]: string;
-    [end]: string;
-    [separator]: string;
-    [selectNow]: string;
-    [toggleTimeSelector]: string;
-    [toggleClock]: string;
-    [increaseValue]: string;
-    [decreaseValue]: string;
-    [toggleCalendar]: string;
-    [prevView]: string;
-    [nextView]: string;
-    [swapStartEnd]: string;
-    [toggleDateTimeSelector]: string;
+    "calendar.today": string;
+    "timepicker.now": string;
+    "timepicker.set": string;
+    "timepicker.cancel": string;
+    "datetimepicker.date": string;
+    "datetimepicker.time": string;
+    "datetimepicker.cancel": string;
+    "datetimepicker.set": string;
+    "daterangepicker.start": string;
+    "daterangepicker.end": string;
+    "daterangepicker.separator": string;
+    "timepicker.selectNow": string;
+    "timepicker.toggleTimeSelector": string;
+    "timepicker.toggleClock": string;
+    "dateinput.increment": string;
+    "dateinput.decrement": string;
+    "datepicker.toggleCalendar": string;
+    "multiviewcalendar.prevView": string;
+    "multiviewcalendar.nextView": string;
+    "daterangepicker.swapStartEnd": string;
+    "datetimepicker.toggleDateTimeSelector": string;
 };

package/dist/npm/messages/index.js

@@ -1,6 +1,7 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messages = exports.dateTimePickerSet = exports.dateTimePickerCancel = exports.time = exports.date = exports.toggleClock = exports.toggleTimeSelector = exports.timePickerSet = exports.timePickerCancel = exports.selectNow = exports.now = exports.toggleDateTimeSelector = exports.separator = exports.end = exports.start = exports.swapStartEnd = exports.toggleCalendar = exports.today = exports.decreaseValue = exports.increaseValue = exports.nextView = exports.prevView = void 0;
 /**
  * @hidden
  */

package/dist/npm/package-metadata.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageMetadata = void 0;
 /**
  * @hidden
  */
@@ -7,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653456690,
+    publishDate: 1654690230,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/timepicker/TimeList.d.ts

@@ -29,8 +29,8 @@ export declare class TimeList extends React.Component<TimeListProps, {}> {
         id: PropTypes.Requireable<number>;
         max: PropTypes.Requireable<Date>;
         min: PropTypes.Requireable<Date>;
-        part: (props: TimeListProps, propName: string, componentName: string) => any;
-        step: (props: TimeListProps, propName: string, componentName: string) => any;
+        part: (props: TimeListProps, propName: string, componentName: string) => null;
+        step: (props: TimeListProps, propName: string, componentName: string) => null;
         value: PropTypes.Requireable<Date>;
         smoothScroll: PropTypes.Requireable<boolean>;
         show: PropTypes.Requireable<boolean>;
@@ -55,11 +55,11 @@ export declare class TimeList extends React.Component<TimeListProps, {}> {
     private bottomThreshold;
     private animateToIndex;
     constructor(props: TimeListProps);
-    readonly element: HTMLDivElement | null;
-    protected readonly animate: boolean;
-    private readonly min;
-    private readonly max;
-    private readonly step;
+    get element(): HTMLDivElement | null;
+    protected get animate(): boolean;
+    private get min();
+    private get max();
+    private get step();
     /**
      * @hidden
      */
@@ -71,7 +71,7 @@ export declare class TimeList extends React.Component<TimeListProps, {}> {
     /**
      * @hidden
      */
-    render(): JSX.Element;
+    render(): JSX.Element | undefined;
     focus: (args?: any) => void;
     protected itemOffset: (scrollTop: number) => number;
     protected calculateHeights: () => void;

package/dist/npm/timepicker/TimeList.js

@@ -3,17 +3,20 @@ 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 });
 var _a, _b;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimeList = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_date_math_1 = require("@progress/kendo-date-math");
@@ -45,6 +48,16 @@ var TimeList = /** @class */ (function (_super) {
     __extends(TimeList, _super);
     function TimeList(props) {
         var _this = _super.call(this, props) || this;
+        _this.intl = null;
+        _this._element = null;
+        _this.service = null;
+        _this.virtualization = null;
+        _this.topOffset = 0;
+        _this.bottomOffset = 0;
+        _this.itemHeight = 0;
+        _this.listHeight = 0;
+        _this.topThreshold = 0;
+        _this.bottomThreshold = 0;
         _this.animateToIndex = false;
         _this.focus = function (args) {
             Promise.resolve().then(function () {
@@ -55,7 +68,7 @@ var TimeList = /** @class */ (function (_super) {
             });
         };
         _this.itemOffset = function (scrollTop) {
-            if (!_this.virtualization) {
+            if (!_this.virtualization || !_this.service) {
                 return -1;
             }
             var valueIndex = _this.service.selectedIndex(_this.props.value);
@@ -82,15 +95,17 @@ var TimeList = /** @class */ (function (_super) {
         };
         _this.configureServices = function (_a) {
             var _b = _a === void 0 ? _this.props : _a, min = _b.min, max = _b.max, value = _b.value;
-            var _c = _this.service.limitRange(min || _this.min, max || _this.max, value || _this.props.value), newMin = _c[0], newMax = _c[1];
-            _this.service.configure(_this.serviceSettings({ min: newMin, max: newMax }));
+            if (_this.service) {
+                var _c = _this.service.limitRange(min || _this.min, max || _this.max, value || _this.props.value), newMin = _c[0], newMax = _c[1];
+                _this.service.configure(_this.serviceSettings({ min: newMin, max: newMax }));
+            }
         };
         _this.serviceSettings = function (settings) {
             var defaults = {
                 boundRange: _this.props.boundRange || TimeList.defaultProps.boundRange,
                 insertUndividedMax: false,
-                min: kendo_date_math_1.cloneDate(_this.min),
-                max: kendo_date_math_1.cloneDate(_this.max),
+                min: (0, kendo_date_math_1.cloneDate)(_this.min),
+                max: (0, kendo_date_math_1.cloneDate)(_this.max),
                 part: _this.props.part,
                 step: _this.step
             };
@@ -100,7 +115,7 @@ var TimeList = /** @class */ (function (_super) {
         };
         _this.handleScrollAction = function (_a) {
             var target = _a.target, animationInProgress = _a.animationInProgress;
-            if (!_this.virtualization) {
+            if (!_this.virtualization || !_this.service) {
                 return;
             }
             if (target && !animationInProgress) {
@@ -131,6 +146,9 @@ var TimeList = /** @class */ (function (_super) {
             }
         };
         _this.handleKeyDown = function (event) {
+            if (!_this.service) {
+                return;
+            }
             var keyCode = event.keyCode;
             if (keyCode === kendo_react_common_1.Keys.down
                 || keyCode === kendo_react_common_1.Keys.up
@@ -145,6 +163,9 @@ var TimeList = /** @class */ (function (_super) {
             }
         };
         _this.handleChange = function (dataItem) {
+            if (!_this.service) {
+                return;
+            }
             var candidate = _this.service.apply(_this.props.value, dataItem.value);
             if (_this.props.value.getTime() === candidate.getTime()) {
                 return;
@@ -164,28 +185,28 @@ var TimeList = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimeList.prototype, "animate", {
         get: function () {
             return Boolean(this.props.smoothScroll && this.animateToIndex);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimeList.prototype, "min", {
         get: function () {
             return this.props.min || TimeList.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimeList.prototype, "max", {
         get: function () {
             return this.props.max || TimeList.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimeList.prototype, "step", {
@@ -194,7 +215,7 @@ var TimeList = /** @class */ (function (_super) {
                 ? Math.floor(this.props.step)
                 : TimeList.defaultProps.step;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -215,7 +236,7 @@ var TimeList = /** @class */ (function (_super) {
      * @hidden
      */
     TimeList.prototype.componentDidUpdate = function () {
-        if (!this.virtualization) {
+        if (!this.virtualization || !this.service) {
             return;
         }
         var index = this.service.selectedIndex(this.props.value);
@@ -231,7 +252,7 @@ var TimeList = /** @class */ (function (_super) {
             return;
         }
         this.calculateHeights();
-        this.intl = kendo_react_intl_1.provideIntlService(this);
+        this.intl = (0, kendo_react_intl_1.provideIntlService)(this);
         this.service = new services[this.props.part.type](this.intl);
         this.configureServices();
         var data = this.service.data(this.props.value);
@@ -252,14 +273,14 @@ var TimeList = /** @class */ (function (_super) {
         part: function (props, propName, componentName) {
             var prop = props[propName];
             if (!prop || !services[prop.type]) {
-                throw new Error("\n                    Invalid prop '" + propName + "' supplied to " + componentName + ".\n                    Supported part types are hour|minute|second|dayperiod.\n                ");
+                throw new Error("\n                    Invalid prop '".concat(propName, "' supplied to ").concat(componentName, ".\n                    Supported part types are hour|minute|second|dayperiod.\n                "));
             }
             return null;
         },
         step: function (props, propName, componentName) {
             var prop = props[propName];
             if (prop !== undefined && prop <= 0) {
-                throw new Error("\n                    Invalid prop '" + propName + "' supplied to " + componentName + ".\n                    " + propName + " cannot be less than 1.\n                ");
+                throw new Error("\n                    Invalid prop '".concat(propName, "' supplied to ").concat(componentName, ".\n                    ").concat(propName, " cannot be less than 1.\n                "));
             }
             return null;
         },
@@ -277,4 +298,4 @@ var TimeList = /** @class */ (function (_super) {
     return TimeList;
 }(React.Component));
 exports.TimeList = TimeList;
-kendo_react_intl_1.registerForIntl(TimeList);
+(0, kendo_react_intl_1.registerForIntl)(TimeList);

package/dist/npm/timepicker/TimePart.d.ts

@@ -82,7 +82,7 @@ export declare class TimePart extends React.Component<TimePartProps, TimePartSta
         show: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
-        value: any;
+        value: null;
         disabled: boolean;
         nowButton: boolean;
         cancelButton: boolean;
@@ -103,13 +103,13 @@ export declare class TimePart extends React.Component<TimePartProps, TimePartSta
     /**
      * @hidden
      */
-    readonly element: HTMLSpanElement | null;
-    readonly value: Date;
-    protected readonly intl: IntlService;
-    private readonly min;
-    private readonly max;
-    private readonly steps;
-    protected readonly boundRange: boolean;
+    get element(): HTMLSpanElement | null;
+    get value(): Date;
+    protected get intl(): IntlService;
+    private get min();
+    private get max();
+    private get steps();
+    protected get boundRange(): boolean;
     /**
      * @hidden
      */
@@ -123,10 +123,10 @@ export declare class TimePart extends React.Component<TimePartProps, TimePartSta
     protected timeFormatReducer: (acc: string, current: DateFormatPart) => string;
     protected timeFormatFilter: (part: DateFormatPart, index: number, all: DateFormatPart[]) => boolean;
     protected nextTick(f: () => any): void;
-    protected hasActiveButton(): boolean;
+    protected hasActiveButton(): boolean | null;
     protected focusList: (dir: Direction) => void;
-    protected listReducer: (state: any, list: any, idx: any, all: any) => any;
-    protected showNowButton: () => boolean;
+    protected listReducer: (state: any, list: any, idx: number, all: any) => any;
+    protected showNowButton: () => boolean | undefined;
     protected hasSteps(): boolean;
     private handleKeyDown;
     private handleListBlur;