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

package/dist/npm/timepicker/TimeList.js

@@ -48,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 () {
@@ -58,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);
@@ -85,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
             };
@@ -103,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) {
@@ -134,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
@@ -148,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;
@@ -218,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);
@@ -234,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);
@@ -255,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;
         },
@@ -280,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;
@@ -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/npm/timepicker/TimePart.js

@@ -38,7 +38,7 @@ var utils_1 = require("../utils");
 var TimePart_1 = require("./models/TimePart");
 var utils_2 = require("./utils");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-var formatRegExp = new RegExp(TimePart_1.TIME_PART.hour + "|" + TimePart_1.TIME_PART.minute + "|" + TimePart_1.TIME_PART.second + "|" + TimePart_1.TIME_PART.dayperiod + "|literal");
+var formatRegExp = new RegExp("".concat(TimePart_1.TIME_PART.hour, "|").concat(TimePart_1.TIME_PART.minute, "|").concat(TimePart_1.TIME_PART.second, "|").concat(TimePart_1.TIME_PART.dayperiod, "|literal"));
 /**
  * @hidden
  */
@@ -54,6 +54,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 () {
@@ -95,7 +98,7 @@ var TimePart = /** @class */ (function (_super) {
                 }];
         };
         _this.showNowButton = function () {
-            return !_this.hasSteps() && _this.props.nowButton && utils_2.isInTimeRange(utils_2.getNow(), _this.min, _this.max);
+            return !_this.hasSteps() && _this.props.nowButton && (0, utils_2.isInTimeRange)((0, utils_2.getNow)(), _this.min, _this.max);
         };
         _this.handleKeyDown = function (event) {
             var keyCode = event.keyCode;
@@ -129,7 +132,7 @@ var TimePart = /** @class */ (function (_super) {
                 onChange.call(undefined, candidate);
             }
         };
-        _this.snapTime = utils_2.snapTime(utils_2.generateSnappers(_this.props.steps, _this.props.min || TimePart.defaultProps.min));
+        _this.snapTime = (0, utils_2.snapTime)((0, utils_2.generateSnappers)(_this.props.steps, _this.props.min || TimePart.defaultProps.min));
         _this.state = {
             activeListIndex: -1
         };
@@ -148,14 +151,14 @@ var TimePart = /** @class */ (function (_super) {
     });
     Object.defineProperty(TimePart.prototype, "value", {
         get: function () {
-            return utils_2.timeInRange(this.snapTime(kendo_date_math_1.cloneDate(this.props.value || utils_1.MIDNIGHT_DATE)), this.min, this.max);
+            return (0, utils_2.timeInRange)(this.snapTime((0, kendo_date_math_1.cloneDate)(this.props.value || utils_1.MIDNIGHT_DATE)), this.min, this.max);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "intl", {
         get: function () {
-            return kendo_react_intl_1.provideIntlService(this);
+            return (0, kendo_react_intl_1.provideIntlService)(this);
         },
         enumerable: false,
         configurable: true
@@ -208,15 +211,15 @@ var TimePart = /** @class */ (function (_super) {
     TimePart.prototype.render = function () {
         var _this = this;
         var _a = this.props, format = _a.format, smoothScroll = _a.smoothScroll, onNowClick = _a.onNowClick, className = _a.className, disabled = _a.disabled;
-        this.snapTime = utils_2.snapTime(utils_2.generateSnappers(this.steps, this.min));
+        this.snapTime = (0, utils_2.snapTime)((0, utils_2.generateSnappers)(this.steps, this.min));
         this.dateFormatParts = this.intl
             .splitDateFormat(format || TimePart.defaultProps.format)
             .filter(this.timeFormatFilter);
-        var rootClassName = kendo_react_common_1.classNames({
+        var rootClassName = (0, kendo_react_common_1.classNames)({
             'k-disabled': disabled
         }, className, 'k-time-part');
         this.timeLists = [];
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var selectNowMessage = localizationService.toLanguageString(messages_1.selectNow, messages_1.messages[messages_1.selectNow]);
         return (React.createElement("div", { className: rootClassName },
             React.createElement("div", { className: "k-time-header" },
@@ -227,7 +230,7 @@ var TimePart = /** @class */ (function (_super) {
                 React.createElement("span", { className: "k-time-highlight" }),
                 this.dateFormatParts.map(function (part, idx) {
                     return (part.type !== 'literal'
-                        ? React.createElement("div", { key: idx, className: kendo_react_common_1.classNames('k-time-list-wrapper', {
+                        ? React.createElement("div", { key: idx, className: (0, kendo_react_common_1.classNames)('k-time-list-wrapper', {
                                 'k-focus': idx === _this.state.activeListIndex
                             }), role: "presentation", tabIndex: -1 },
                             React.createElement("span", { className: "k-title", onMouseDown: function (e) { e.preventDefault(); } }, _this.intl.dateFieldName(part)),
@@ -301,5 +304,5 @@ var TimePart = /** @class */ (function (_super) {
     return TimePart;
 }(React.Component));
 exports.TimePart = TimePart;
-kendo_react_intl_1.registerForIntl(TimePart);
-kendo_react_intl_1.registerForLocalization(TimePart);
+(0, kendo_react_intl_1.registerForIntl)(TimePart);
+(0, kendo_react_intl_1.registerForLocalization)(TimePart);

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

@@ -145,16 +145,16 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
         required: PropTypes.Requireable<boolean>;
         validate: PropTypes.Requireable<boolean>;
         valid: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large">;
-        fillMode: PropTypes.Requireable<"flat" | "solid" | "outline">;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+        fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
     };
     /**
      * @hidden
      */
     static defaultProps: {
         defaultShow: boolean;
-        defaultValue: any;
+        defaultValue: null;
         disabled: boolean;
         format: string;
         max: Date;
@@ -165,9 +165,9 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
         required: boolean;
         validityStyles: boolean;
         dateInput: React.ComponentType<DateInputProps<any>>;
-        size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "full" | "large";
-        fillMode: "flat" | "solid" | "outline";
+        size: "small" | "medium" | "large" | null | undefined;
+        rounded: "small" | "medium" | "full" | "large" | null | undefined;
+        fillMode: "flat" | "outline" | "solid" | null | undefined;
     };
     /**
      * @hidden
@@ -238,7 +238,7 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
      * @hidden
      */
     render(): JSX.Element;
-    protected setTimeSelectorRef: (timeSelector: any) => void;
+    protected setTimeSelectorRef: (timeSelector: TimeSelector | null) => void;
     protected nextValue: (nextProps: TimePickerProps, nextState: TimePickerState) => Date | null;
     protected nextShow: (nextProps: TimePickerProps, nextState: TimePickerState) => boolean;
     protected normalizeTime(date: Date): Date;

package/dist/npm/timepicker/TimePicker.js

@@ -58,11 +58,12 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
     __extends(TimePickerWithoutContext, _super);
     function TimePickerWithoutContext(props) {
         var _this = _super.call(this, props) || this;
-        _this._popupId = kendo_react_common_1.guid();
+        _this._popupId = (0, kendo_react_common_1.guid)();
         _this._element = null;
         _this._dateInput = React.createRef();
         _this._timeSelector = null;
         _this.shouldFocusDateInput = false;
+        _this.prevShow = false;
         /**
          * @hidden
          */
@@ -90,7 +91,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         };
         _this.handleValueChange = function (event) {
             _this.setState({
-                value: kendo_date_math_1.cloneDate(event.value),
+                value: (0, kendo_date_math_1.cloneDate)(event.value),
                 show: false
             });
             _this.valueDuringOnChange = event.value;
@@ -143,7 +144,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
                 _this.setShow(keyCode === kendo_react_common_1.Keys.down);
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         _this.state = {
             value: _this.props.defaultValue || TimePickerWithoutContext.defaultProps.defaultValue,
             show: _this.props.defaultShow || TimePickerWithoutContext.defaultProps.defaultShow,
@@ -194,7 +195,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
                 : this.props.value !== undefined
                     ? this.props.value
                     : this.state.value;
-            return (value !== null) ? kendo_date_math_1.cloneDate(value) : null;
+            return (value !== null) ? (0, kendo_date_math_1.cloneDate)(value) : null;
         },
         enumerable: false,
         configurable: true
@@ -231,14 +232,14 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
             var value = this.value && this.normalizeTime(this.value);
             var min = this.normalizeTime(this.min);
             var max = this.normalizeTime(this.max);
-            var inRange = utils_2.isInRange(value, min, max);
+            var inRange = (0, utils_2.isInRange)(value, min, max);
             var customError = this.props.validationMessage !== undefined;
             var isValid = (!this.required || this.value !== null) && inRange;
             var valid = this.props.valid !== undefined ? this.props.valid : isValid;
             return {
                 customError: customError,
-                rangeOverflow: utils_2.isBiggerThanMax(value, max),
-                rangeUnderflow: utils_2.isSmallerThanMin(value, min),
+                rangeOverflow: (0, utils_2.isBiggerThanMax)(value, max),
+                rangeUnderflow: (0, utils_2.isSmallerThanMin)(value, min),
                 valid: valid,
                 valueMissing: this.value === null
             };
@@ -331,7 +332,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         var _a = this.props, _b = _a.size, size = _b === void 0 ? TimePickerWithoutContext.defaultProps.size : _b, _c = _a.rounded, rounded = _c === void 0 ? TimePickerWithoutContext.defaultProps.rounded : _c, _d = _a.fillMode, fillMode = _d === void 0 ? TimePickerWithoutContext.defaultProps.fillMode : _d, disabled = _a.disabled, tabIndex = _a.tabIndex, title = _a.title, id = _a.id, className = _a.className, format = _a.format, formatPlaceholder = _a.formatPlaceholder, smoothScroll = _a.smoothScroll, width = _a.width, name = _a.name, steps = _a.steps, cancelButton = _a.cancelButton, nowButton = _a.nowButton, validationMessage = _a.validationMessage, required = _a.required, validityStyles = _a.validityStyles, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy;
         var _e = this.popupSettings, popupClass = _e.popupClass, otherPopupSettings = __rest(_e, ["popupClass"]);
         var isValid = !this.validityStyles || this.validity.valid;
-        var popupClassNames = kendo_react_common_1.classNames('k-group k-reset', popupClass);
+        var popupClassNames = (0, kendo_react_common_1.classNames)('k-group k-reset', popupClass);
         var dateInputProps = {
             disabled: disabled,
             format: format,
@@ -367,17 +368,17 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
                 vertical: 'top'
             } }, otherPopupSettings);
         var timeSelector = (React.createElement(TimeSelector_1.TimeSelector, { ref: this.setTimeSelectorRef, show: this.show, cancelButton: cancelButton, disabled: disabled, nowButton: nowButton, format: format, min: this.min, max: this.max, steps: steps, smoothScroll: smoothScroll, value: this.value, onChange: this.handleValueChange, onReject: this.handleValueReject }));
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var toggleClockMessage = localizationService.toLanguageString(messages_1.toggleClock, messages_1.messages[messages_1.toggleClock]);
         var toggleTimeMessage = localizationService
             .toLanguageString(messages_1.toggleTimeSelector, messages_1.messages[messages_1.toggleTimeSelector]);
         var timepicker = (React.createElement(kendo_react_common_1.AsyncFocusBlur, { onFocus: this.handleFocus, onBlur: this.handleBlur, onSyncBlur: this.props.onBlur, onSyncFocus: this.props.onFocus }, function (_a) {
             var _b;
             var onFocus = _a.onFocus, onBlur = _a.onBlur;
-            return (React.createElement("div", { ref: function (span) { _this._element = span; }, className: kendo_react_common_1.classNames('k-input', 'k-timepicker', (_b = {},
-                    _b["k-input-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
-                    _b["k-rounded-" + (kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
-                    _b["k-input-" + fillMode] = fillMode,
+            return (React.createElement("div", { ref: function (span) { _this._element = span; }, className: (0, kendo_react_common_1.classNames)('k-input', 'k-timepicker', (_b = {},
+                    _b["k-input-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
+                    _b["k-rounded-".concat(kendo_react_common_1.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,
@@ -396,7 +397,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
             : timepicker;
     };
     TimePickerWithoutContext.prototype.normalizeTime = function (date) {
-        return utils_1.setTime(utils_1.MIDNIGHT_DATE, date);
+        return (0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, date);
     };
     TimePickerWithoutContext.prototype.setShow = function (show) {
         if (this.show === show) {
@@ -405,7 +406,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         this.setState({ show: show });
     };
     TimePickerWithoutContext.prototype.mergeTime = function (value) {
-        return this.value && value ? utils_1.setTime(this.value, value) : value;
+        return this.value && value ? (0, utils_1.setTime)(this.value, value) : value;
     };
     /**
      * @hidden
@@ -511,7 +512,7 @@ exports.TimePickerWithoutContext = TimePickerWithoutContext;
  *
  * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
  */
-exports.TimePickerPropsContext = kendo_react_common_1.createPropsContext();
+exports.TimePickerPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /* eslint-disable @typescript-eslint/no-redeclare */
 /**
  * Represents the KendoReact TimePicker Component.
@@ -519,6 +520,6 @@ exports.TimePickerPropsContext = kendo_react_common_1.createPropsContext();
  * Accepts properties of type [TimePicker]({% slug api_dateinputs_timepickerprops %}).
  * Obtaining the `ref` returns an object of type [TimePickerHandle]({% slug api_dateinputs_timepickerhandle %}).
  */
-exports.TimePicker = kendo_react_common_1.withPropsContext(exports.TimePickerPropsContext, TimePickerWithoutContext);
+exports.TimePicker = (0, kendo_react_common_1.withPropsContext)(exports.TimePickerPropsContext, TimePickerWithoutContext);
 exports.TimePicker.displayName = 'KendoReactTimePicker';
-kendo_react_intl_1.registerForLocalization(TimePickerWithoutContext);
+(0, kendo_react_intl_1.registerForLocalization)(TimePickerWithoutContext);

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

@@ -84,7 +84,7 @@ export declare class TimeSelector extends React.Component<TimeSelectorProps, Tim
         show: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
-        value: any;
+        value: null;
         disabled: boolean;
         cancelButton: boolean;
         format: string;
@@ -119,7 +119,7 @@ export declare class TimeSelector extends React.Component<TimeSelectorProps, Tim
     render(): JSX.Element;
     focusActiveList: () => void;
     protected nextTick(f: () => any): void;
-    protected hasActiveButton(): boolean;
+    protected hasActiveButton(): boolean | null;
     private handleKeyDown;
     private handleAccept;
     private handleReject;

package/dist/npm/timepicker/TimeSelector.js

@@ -52,6 +52,10 @@ var TimeSelector = /** @class */ (function (_super) {
     __extends(TimeSelector, _super);
     function TimeSelector(props) {
         var _this = _super.call(this, props) || this;
+        _this._element = null;
+        _this._cancelButton = null;
+        _this._acceptButton = null;
+        _this.timePart = null;
         _this.focusActiveList = function () {
             if (!_this.timePart) {
                 return;
@@ -71,7 +75,7 @@ var TimeSelector = /** @class */ (function (_super) {
             }
         };
         _this.handleAccept = function (event) {
-            var value = _this.mergeValue(kendo_date_math_1.cloneDate(_this.value || utils_2.getNow()), _this.timePart ? _this.timePart.value : _this.current);
+            var value = _this.mergeValue((0, kendo_date_math_1.cloneDate)(_this.value || (0, utils_2.getNow)()), _this.timePart ? _this.timePart.value : _this.current);
             _this.setState({ value: value });
             _this.valueDuringOnChange = value;
             var onChange = _this.props.onChange;
@@ -93,7 +97,7 @@ var TimeSelector = /** @class */ (function (_super) {
             }
         };
         _this.handleNowClick = function (event) {
-            var now = _this.mergeValue(kendo_date_math_1.cloneDate(_this.value || utils_2.getNow()), utils_2.getNow());
+            var now = _this.mergeValue((0, kendo_date_math_1.cloneDate)(_this.value || (0, utils_2.getNow)()), (0, utils_2.getNow)());
             _this.setState({
                 current: now,
                 value: now
@@ -114,7 +118,7 @@ var TimeSelector = /** @class */ (function (_super) {
             _this.setState({ current: candidate });
         };
         _this.dateFormatParts = _this.intl.splitDateFormat(_this.props.format || TimeSelector.defaultProps.format);
-        _this.mergeValue = utils_2.valueMerger(utils_2.generateGetters(_this.dateFormatParts));
+        _this.mergeValue = (0, utils_2.valueMerger)((0, utils_2.generateGetters)(_this.dateFormatParts));
         _this.hasActiveButton = _this.hasActiveButton.bind(_this);
         _this.state = {
             current: _this.props.value || utils_1.MIDNIGHT_DATE,
@@ -140,7 +144,7 @@ var TimeSelector = /** @class */ (function (_super) {
                     ? this.props.value
                     : this.state.value;
             return (value !== null)
-                ? kendo_date_math_1.cloneDate(value)
+                ? (0, kendo_date_math_1.cloneDate)(value)
                 : null;
         },
         enumerable: false,
@@ -148,7 +152,7 @@ var TimeSelector = /** @class */ (function (_super) {
     });
     Object.defineProperty(TimeSelector.prototype, "intl", {
         get: function () {
-            return kendo_react_intl_1.provideIntlService(this);
+            return (0, kendo_react_intl_1.provideIntlService)(this);
         },
         enumerable: false,
         configurable: true
@@ -156,7 +160,7 @@ var TimeSelector = /** @class */ (function (_super) {
     Object.defineProperty(TimeSelector.prototype, "current", {
         get: function () {
             return this.state.current !== null
-                ? kendo_date_math_1.cloneDate(this.state.current)
+                ? (0, kendo_date_math_1.cloneDate)(this.state.current)
                 : null;
         },
         enumerable: false,
@@ -174,10 +178,10 @@ var TimeSelector = /** @class */ (function (_super) {
     TimeSelector.prototype.render = function () {
         var _this = this;
         var _a = this.props, format = _a.format, cancelButton = _a.cancelButton, disabled = _a.disabled, tabIndex = _a.tabIndex, className = _a.className, smoothScroll = _a.smoothScroll, min = _a.min, max = _a.max, boundRange = _a.boundRange, nowButton = _a.nowButton, steps = _a.steps;
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var cancelMessage = localizationService.toLanguageString(messages_1.timePickerCancel, messages_1.messages[messages_1.timePickerCancel]);
         var setMessage = localizationService.toLanguageString(messages_1.timePickerSet, messages_1.messages[messages_1.timePickerSet]);
-        return (React.createElement("div", { ref: function (el) { _this._element = el; }, tabIndex: !disabled ? tabIndex || 0 : undefined, className: kendo_react_common_1.classNames('k-timeselector k-reset', className, {
+        return (React.createElement("div", { ref: function (el) { _this._element = el; }, tabIndex: !disabled ? tabIndex || 0 : undefined, className: (0, kendo_react_common_1.classNames)('k-timeselector k-reset', className, {
                 'k-disabled': disabled
             }), onKeyDown: this.handleKeyDown },
             React.createElement(TimePart_1.TimePart, { ref: function (el) { _this.timePart = el; }, value: this.current, onChange: this.handleChange, onNowClick: this.handleNowClick, format: format, smoothScroll: smoothScroll, min: min, max: max, boundRange: boundRange, disabled: disabled, nowButton: nowButton, steps: steps, show: this.props.show }),
@@ -248,5 +252,5 @@ var TimeSelector = /** @class */ (function (_super) {
     return TimeSelector;
 }(React.Component));
 exports.TimeSelector = TimeSelector;
-kendo_react_intl_1.registerForIntl(TimeSelector);
-kendo_react_intl_1.registerForLocalization(TimeSelector);
+(0, kendo_react_intl_1.registerForIntl)(TimeSelector);
+(0, kendo_react_intl_1.registerForLocalization)(TimeSelector);

package/dist/npm/timepicker/services/DOMService.js

@@ -8,6 +8,8 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
  */
 var DOMService = /** @class */ (function () {
     function DOMService() {
+        this.itemHeight = 0;
+        this.timeListHeight = 0;
         this.didCalculate = false;
     }
     DOMService.prototype.ensureHeights = function () {
@@ -20,10 +22,10 @@ var DOMService = /** @class */ (function () {
         if (!kendo_react_common_1.canUseDOM) {
             return;
         }
-        var div = utils_1.domContainerFactory('div');
-        var span = utils_1.domContainerFactory('span');
-        var ul = utils_1.domContainerFactory('ul');
-        var li = utils_1.domContainerFactory('li');
+        var div = (0, utils_1.domContainerFactory)('div');
+        var span = (0, utils_1.domContainerFactory)('span');
+        var ul = (0, utils_1.domContainerFactory)('ul');
+        var li = (0, utils_1.domContainerFactory)('li');
         var listItem = function () { return li('<span>02</span>', 'k-item'); };
         var list = function () { return ul([listItem()], 'k-reset'); };
         var scrollable = function () { return (div([list()], 'k-content k-calendar-content k-scrollable k-time-container')); };

package/dist/npm/timepicker/services/DayPeriodService.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DayPeriodService = void 0;
 var kendo_date_math_1 = require("@progress/kendo-date-math");
 var setHours = function (date, hours) {
-    var clone = kendo_date_math_1.cloneDate(date);
+    var clone = (0, kendo_date_math_1.cloneDate)(date);
     clone.setHours(hours);
     return clone;
 };
@@ -17,6 +17,9 @@ var inReverseRange = function (value, min, max) { return ((!min && !max) || valu
 var DayPeriodService = /** @class */ (function () {
     function DayPeriodService(intl) {
         this.intl = intl;
+        this.min = null;
+        this.max = null;
+        this.part = null;
     }
     /**
      * @hidden
@@ -45,8 +48,8 @@ var DayPeriodService = /** @class */ (function () {
      * @hidden
      */
     DayPeriodService.prototype.data = function (_) {
-        var names = this.part.names;
-        if (!names) {
+        var names = this.part && this.part.names;
+        if (!names || !this.min) {
             return [];
         }
         var data = [];
@@ -89,7 +92,7 @@ var DayPeriodService = /** @class */ (function () {
      * @hidden
      */
     DayPeriodService.prototype.selectedIndex = function (value) {
-        if (!this.valueInList(value)) {
+        if (!this.valueInList(value) || !this.min) {
             return -1;
         }
         var index = Math.floor(value.getHours() / 12);
@@ -99,6 +102,9 @@ var DayPeriodService = /** @class */ (function () {
      * @hidden
      */
     DayPeriodService.prototype.valueInList = function (value) {
+        if (!this.min || !this.max) {
+            return false;
+        }
         var reverse = this.min.getHours() !== this.normalizedRange()[0];
         var isInRange = reverse ? inReverseRange : inRange;
         return isInRange(value.getHours(), this.min.getHours(), this.max.getHours());