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

package/dist/es/datetimepicker/DateTimePicker.js

@@ -2,10 +2,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 __());
@@ -133,7 +135,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "dateInput", {
@@ -143,7 +145,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._dateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "value", {
@@ -158,7 +160,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                     : this.state.value;
             return (value !== null) ? cloneDate(value) : null;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "show", {
@@ -172,7 +174,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                     ? this.props.show
                     : this.state.show;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "name", {
@@ -182,7 +184,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "min", {
@@ -191,7 +193,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.min
                 : DateTimePickerWithoutContext.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "max", {
@@ -200,7 +202,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.max
                 : DateTimePickerWithoutContext.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "validity", {
@@ -221,7 +223,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "validityStyles", {
@@ -233,7 +235,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : DateTimePickerWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "required", {
@@ -245,7 +247,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : DateTimePickerWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "dateInputComp", {
@@ -255,7 +257,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.dateInput || DateTimePickerWithoutContext.defaultProps.dateInput;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -297,8 +299,21 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         var _a = this.props, _b = _a.size, size = _b === void 0 ? DateTimePickerWithoutContext.defaultProps.size : _b, _c = _a.rounded, rounded = _c === void 0 ? DateTimePickerWithoutContext.defaultProps.rounded : _c, _d = _a.fillMode, fillMode = _d === void 0 ? DateTimePickerWithoutContext.defaultProps.fillMode : _d, disabled = _a.disabled, tabIndex = _a.tabIndex, title = _a.title, id = _a.id, format = _a.format, formatPlaceholder = _a.formatPlaceholder, min = _a.min, max = _a.max, weekNumber = _a.weekNumber, focusedDate = _a.focusedDate, className = _a.className, width = _a.width, name = _a.name, validationMessage = _a.validationMessage, required = _a.required, validityStyles = _a.validityStyles, cancelButton = _a.cancelButton, minTime = _a.minTime, maxTime = _a.maxTime, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy, _e = _a.popup, PopupComponent = _e === void 0 ? Popup : _e, calendar = _a.calendar;
         var isValid = !this.validityStyles || this.validity.valid;
         var dataInputProps = {
-            id: id, ariaLabelledBy: ariaLabelledBy, ariaDescribedBy: ariaDescribedBy, format: format, formatPlaceholder: formatPlaceholder, disabled: disabled,
-            title: title, validityStyles: validityStyles, validationMessage: validationMessage, required: required, min: min, max: max, minTime: minTime, maxTime: maxTime, name: name,
+            id: id,
+            ariaLabelledBy: ariaLabelledBy,
+            ariaDescribedBy: ariaDescribedBy,
+            format: format,
+            formatPlaceholder: formatPlaceholder,
+            disabled: disabled,
+            title: title,
+            validityStyles: validityStyles,
+            validationMessage: validationMessage,
+            required: required,
+            min: min,
+            max: max,
+            minTime: minTime,
+            maxTime: maxTime,
+            name: name,
             tabIndex: !this.show ? tabIndex : -1,
             valid: this.validity.valid,
             value: this.value,
@@ -313,14 +328,14 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
             rounded: null
         };
         var dateTimePicker = (React.createElement(AsyncFocusBlur, { onFocus: this.handleFocus, onBlur: this.handleBlur, onSyncFocus: this.props.onFocus, onSyncBlur: this.props.onBlur }, function (_a) {
-            var onFocus = _a.onFocus, onBlur = _a.onBlur;
             var _b;
+            var onFocus = _a.onFocus, onBlur = _a.onBlur;
             return (React.createElement("div", { ref: function (div) {
                     _this._element = div;
                 }, className: classNames('k-input', 'k-datetimepicker', (_b = {},
-                    _b["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
-                    _b["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
-                    _b["k-input-" + fillMode] = fillMode,
+                    _b["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
+                    _b["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+                    _b["k-input-".concat(fillMode)] = fillMode,
                     _b['k-invalid'] = !isValid,
                     _b['k-required'] = _this.required,
                     _b['k-disabled'] = _this.props.disabled,

package/dist/es/datetimepicker/DateTimeSelector.d.ts

@@ -60,21 +60,21 @@ export declare class DateTimeSelector extends React.Component<DateTimeSelectorPr
     private _acceptButton;
     private _calendarWrap;
     private shouldFocusPart;
-    readonly calendar: Calendar | null;
-    readonly timePart: TimePart | null;
-    protected readonly hasDateValue: boolean;
+    get calendar(): Calendar | null;
+    get timePart(): TimePart | null;
+    protected get hasDateValue(): boolean;
     constructor(props: DateTimeSelectorProps);
     componentDidUpdate(): void;
     render(): JSX.Element;
     focus: (args?: any) => void;
     private calendarElement;
-    protected readonly minTime: Date | null;
-    protected readonly maxTime: Date | null;
+    protected get minTime(): Date | null;
+    protected get maxTime(): Date | null;
     protected normalizeRange(candidate: Date, value: Date | null): Date | null;
-    protected hasActiveButton(): boolean;
+    protected hasActiveButton(): boolean | null;
     protected mergeTime(current: Date | null, candidate: Date | null): Date | null;
     protected mergeDate(candidate: Date | null, value: Date): Date | null;
-    protected move: (direction: "left" | "right") => void;
+    protected move: (direction: 'left' | 'right') => void;
     private handleReject;
     private handleAccept;
     private handleNowClick;

package/dist/es/datetimepicker/DateTimeSelector.js

@@ -2,10 +2,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 __());
@@ -40,7 +42,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 () {
@@ -151,21 +158,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 () {
@@ -188,7 +195,10 @@ var DateTimeSelector = /** @class */ (function (_super) {
         var cancelMessage = localizationService.toLanguageString(cancel, messages[cancel]);
         var setMessage = localizationService.toLanguageString(set, messages[set]);
         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,
@@ -214,7 +224,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", {
@@ -223,7 +233,7 @@ 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) {

package/dist/es/datetimepicker/models/DateTimePickerSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/datetimepicker/models/index.js

@@ -0,0 +1 @@
+export {};

package/dist/es/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/es/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/es/package-metadata.js

@@ -5,7 +5,7 @@ export var 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/es/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/es/timepicker/TimeList.js

@@ -2,10 +2,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 __());
@@ -43,6 +45,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 () {
@@ -53,7 +65,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);
@@ -80,8 +92,10 @@ 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 = {
@@ -98,7 +112,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) {
@@ -129,6 +143,9 @@ var TimeList = /** @class */ (function (_super) {
             }
         };
         _this.handleKeyDown = function (event) {
+            if (!_this.service) {
+                return;
+            }
             var keyCode = event.keyCode;
             if (keyCode === Keys.down
                 || keyCode === Keys.up
@@ -143,6 +160,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;
@@ -162,28 +182,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", {
@@ -192,7 +212,7 @@ var TimeList = /** @class */ (function (_super) {
                 ? Math.floor(this.props.step)
                 : TimeList.defaultProps.step;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -213,7 +233,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);
@@ -250,14 +270,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;
         },

package/dist/es/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;

package/dist/es/timepicker/TimePart.js

@@ -2,10 +2,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 __());
@@ -33,7 +35,7 @@ import { MIDNIGHT_DATE, MIN_TIME, MAX_TIME } from '../utils';
 import { TIME_PART } from './models/TimePart';
 import { generateSnappers, getNow, isInTimeRange, snapTime, timeInRange } from './utils';
 import { Button } from '@progress/kendo-react-buttons';
-var formatRegExp = new RegExp(TIME_PART.hour + "|" + TIME_PART.minute + "|" + TIME_PART.second + "|" + TIME_PART.dayperiod + "|literal");
+var formatRegExp = new RegExp("".concat(TIME_PART.hour, "|").concat(TIME_PART.minute, "|").concat(TIME_PART.second, "|").concat(TIME_PART.dayperiod, "|literal"));
 /**
  * @hidden
  */
@@ -49,6 +51,9 @@ var TimePart = /** @class */ (function (_super) {
     __extends(TimePart, _super);
     function TimePart(props) {
         var _this = _super.call(this, props) || this;
+        _this._element = null;
+        _this._nowButton = null;
+        _this.dateFormatParts = [];
         _this.timeLists = [];
         _this.focus = function (args) {
             Promise.resolve().then(function () {
@@ -138,42 +143,42 @@ var TimePart = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "value", {
         get: function () {
             return timeInRange(this.snapTime(cloneDate(this.props.value || MIDNIGHT_DATE)), this.min, this.max);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "intl", {
         get: function () {
             return provideIntlService(this);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "min", {
         get: function () {
             return this.snapTime(this.props.min || TimePart.defaultProps.min);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "max", {
         get: function () {
             return this.snapTime(this.props.max || TimePart.defaultProps.max);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "steps", {
         get: function () {
             return this.props.steps || TimePart.defaultProps.steps;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "boundRange", {
@@ -182,7 +187,7 @@ var TimePart = /** @class */ (function (_super) {
                 ? this.props.boundRange
                 : TimePart.defaultProps.boundRange;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**