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

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());

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

@@ -10,8 +10,8 @@ var clamp = clampToRange(HOURS_IN_DAY);
 var stepper = function (start, step) { return function (idx) { return clamp(start + (idx * step)); }; };
 var distanceFromMin = function (value, min) { return clamp(HOURS_IN_DAY + value - min); };
 var limit = function (borderValue) { return function (barrier, value) {
-    var useBarrier = !value || kendo_date_math_1.getDate(barrier).getTime() === kendo_date_math_1.getDate(value).getTime();
-    return useBarrier ? barrier : utils_2.setHours(barrier, borderValue);
+    var useBarrier = !value || (0, kendo_date_math_1.getDate)(barrier).getTime() === (0, kendo_date_math_1.getDate)(value).getTime();
+    return useBarrier ? barrier : (0, utils_2.setHours)(barrier, borderValue);
 }; };
 var limitDown = limit(0);
 var limitUp = limit(HOURS_IN_DAY - 1);
@@ -23,9 +23,13 @@ var HoursService = /** @class */ (function () {
         this.intl = intl;
         this.boundRange = false;
         this.insertUndividedMax = false;
+        this.min = null;
+        this.max = null;
+        this.step = 0;
+        this.toListItem = null;
     }
     HoursService.prototype.apply = function (value, candidate) {
-        return utils_2.setHours(value, candidate.getHours());
+        return (0, utils_2.setHours)(value, candidate.getHours());
     };
     HoursService.prototype.configure = function (settings) {
         var _this = this;
@@ -33,7 +37,7 @@ var HoursService = /** @class */ (function () {
         this.boundRange = boundRange;
         this.insertUndividedMax = insertUndividedMax;
         this.toListItem = function (hour) {
-            var date = utils_2.setHours(utils_1.MIDNIGHT_DATE, hour);
+            var date = (0, utils_2.setHours)(utils_1.MIDNIGHT_DATE, hour);
             return {
                 text: _this.intl.formatDate(date, part.pattern),
                 value: date
@@ -47,8 +51,8 @@ var HoursService = /** @class */ (function () {
         var _this = this;
         var min = this.range(selectedValue)[0];
         var getHour = stepper(min, this.step);
-        var convertToItem = function (idx) { return (_this.toListItem(getHour(idx))); };
-        var data = utils_2.range(0, this.countFromMin(selectedValue)).map(convertToItem);
+        var convertToItem = function (idx) { return (_this.toListItem && _this.toListItem(getHour(idx))); };
+        var data = (0, utils_2.range)(0, this.countFromMin(selectedValue)).map(convertToItem);
         this.addLast(data);
         if (selectedValue) {
             this.addMissing(data, selectedValue);
@@ -56,7 +60,10 @@ var HoursService = /** @class */ (function () {
         return data;
     };
     HoursService.prototype.isRangeChanged = function (min, max) {
-        return !kendo_date_math_1.isEqual(this.min, min) || !kendo_date_math_1.isEqual(this.max, max);
+        if (!this.min || !this.max) {
+            return false;
+        }
+        return !(0, kendo_date_math_1.isEqual)(this.min, min) || !(0, kendo_date_math_1.isEqual)(this.max, max);
     };
     HoursService.prototype.limitRange = function (min, max, value) {
         return this.boundRange ? [limitDown(min, value), limitUp(max, value)] : [min, max];
@@ -77,7 +84,7 @@ var HoursService = /** @class */ (function () {
         return matchMax || !this.isMissing(value);
     };
     HoursService.prototype.addLast = function (data, value) {
-        if (this.insertUndividedMax && this.isLastMissing(value)) {
+        if (this.insertUndividedMax && this.isLastMissing(value) && this.toListItem) {
             data.push(this.toListItem(this.lastHour(value)));
         }
         return data;
@@ -86,8 +93,10 @@ var HoursService = /** @class */ (function () {
         if (this.valueInList(value)) {
             return data;
         }
-        var missingItem = this.toListItem(value.getHours());
-        data.splice(this.selectedIndex(value), 0, missingItem);
+        if (this.toListItem) {
+            var missingItem = this.toListItem(value.getHours());
+            data.splice(this.selectedIndex(value), 0, missingItem);
+        }
         return data;
     };
     HoursService.prototype.countFromMin = function (value) {
@@ -101,7 +110,7 @@ var HoursService = /** @class */ (function () {
         return this.selectedIndex(value) !== this.divideByStep(value);
     };
     HoursService.prototype.isLastMissing = function (value) {
-        return this.isMissing(utils_2.setHours(this.max, this.lastHour(value)));
+        return this.max !== null && this.isMissing((0, utils_2.setHours)(this.max, this.lastHour(value)));
     };
     HoursService.prototype.divideByStep = function (value) {
         return distanceFromMin(value.getHours(), this.min.getHours()) / this.step;

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

@@ -11,7 +11,7 @@ var stepper = function (start, step) { return function (idx) { return clamp(star
 var distanceFromMin = function (value, min) { return clamp(MINUTES_IN_HOUR + value - min); };
 var limit = function (borderValue) { return function (barrier, value) {
     var useBarrier = !value || barrier.getHours() === value.getHours();
-    return useBarrier ? barrier : utils_2.setMinutes(barrier, borderValue);
+    return useBarrier ? barrier : (0, utils_2.setMinutes)(barrier, borderValue);
 }; };
 var limitDown = limit(0);
 var limitUp = limit(MINUTES_IN_HOUR - 1);
@@ -21,17 +21,21 @@ var limitUp = limit(MINUTES_IN_HOUR - 1);
 var MinutesService = /** @class */ (function () {
     function MinutesService(intl) {
         this.intl = intl;
+        this.toListItem = null;
+        this.min = null;
+        this.max = null;
+        this.step = 0;
         this.insertUndividedMax = false;
     }
     MinutesService.prototype.apply = function (value, candidate) {
-        return utils_2.setMinutes(value, candidate.getMinutes());
+        return (0, utils_2.setMinutes)(value, candidate.getMinutes());
     };
     MinutesService.prototype.configure = function (settings) {
         var _this = this;
         var _a = settings.insertUndividedMax, insertUndividedMax = _a === void 0 ? this.insertUndividedMax : _a, _b = settings.min, min = _b === void 0 ? this.min : _b, _c = settings.max, max = _c === void 0 ? this.max : _c, part = settings.part, _d = settings.step, step = _d === void 0 ? this.step : _d;
         this.insertUndividedMax = insertUndividedMax;
         this.toListItem = function (minute) {
-            var date = utils_2.setMinutes(utils_1.MIDNIGHT_DATE, minute);
+            var date = (0, utils_2.setMinutes)(utils_1.MIDNIGHT_DATE, minute);
             return {
                 text: _this.intl.formatDate(date, part.pattern),
                 value: date
@@ -45,8 +49,8 @@ var MinutesService = /** @class */ (function () {
         var _this = this;
         var min = this.range(selectedValue)[0];
         var getMinute = stepper(min, this.step);
-        var convertToItem = function (idx) { return (_this.toListItem(getMinute(idx))); };
-        var data = utils_2.range(0, this.countFromMin(selectedValue)).map(convertToItem);
+        var convertToItem = function (idx) { return (_this.toListItem && _this.toListItem(getMinute(idx))); };
+        var data = (0, utils_2.range)(0, this.countFromMin(selectedValue)).map(convertToItem);
         this.addLast(data);
         if (selectedValue) {
             this.addMissing(data, selectedValue);
@@ -54,7 +58,7 @@ var MinutesService = /** @class */ (function () {
         return data;
     };
     MinutesService.prototype.isRangeChanged = function (min, max) {
-        return !kendo_date_math_1.isEqual(this.min, min) || !kendo_date_math_1.isEqual(this.max, max);
+        return (this.min !== null && this.max !== null) && (!(0, kendo_date_math_1.isEqual)(this.min, min) || !(0, kendo_date_math_1.isEqual)(this.max, max));
     };
     MinutesService.prototype.limitRange = function (min, max, value) {
         return [limitDown(min, value), limitUp(max, value)];
@@ -75,7 +79,7 @@ var MinutesService = /** @class */ (function () {
         return matchMax || !this.isMissing(value);
     };
     MinutesService.prototype.addLast = function (data, value) {
-        if (this.insertUndividedMax && this.isLastMissing(value)) {
+        if (this.insertUndividedMax && this.isLastMissing(value) && this.toListItem) {
             data.push(this.toListItem(this.lastMinute(value)));
         }
         return data;
@@ -84,8 +88,10 @@ var MinutesService = /** @class */ (function () {
         if (this.valueInList(value)) {
             return data;
         }
-        var missingItem = this.toListItem(value.getMinutes());
-        data.splice(this.selectedIndex(value), 0, missingItem);
+        if (this.toListItem) {
+            var missingItem = this.toListItem(value.getMinutes());
+            data.splice(this.selectedIndex(value), 0, missingItem);
+        }
         return data;
     };
     MinutesService.prototype.countFromMin = function (value) {
@@ -99,7 +105,7 @@ var MinutesService = /** @class */ (function () {
         return this.selectedIndex(value) !== this.divideByStep(value);
     };
     MinutesService.prototype.isLastMissing = function (value) {
-        return this.isMissing(utils_2.setMinutes(this.max, this.lastMinute(value)));
+        return this.max !== null && this.isMissing((0, utils_2.setMinutes)(this.max, this.lastMinute(value)));
     };
     MinutesService.prototype.divideByStep = function (value) {
         return distanceFromMin(value.getMinutes(), this.min.getMinutes()) / this.step;

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

@@ -12,7 +12,7 @@ var distanceFromMin = function (value, min) { return clamp(SECONDS_IN_HOUR + val
 var limit = function (borderValue) { return function (barrier, value) {
     var useBarrier = !value ||
         (barrier.getMinutes() === value.getMinutes() && barrier.getHours() === value.getHours());
-    return useBarrier ? barrier : utils_2.setSeconds(barrier, borderValue);
+    return useBarrier ? barrier : (0, utils_2.setSeconds)(barrier, borderValue);
 }; };
 var limitDown = limit(0);
 var limitUp = limit(SECONDS_IN_HOUR - 1);
@@ -22,17 +22,21 @@ var limitUp = limit(SECONDS_IN_HOUR - 1);
 var SecondsService = /** @class */ (function () {
     function SecondsService(intl) {
         this.intl = intl;
+        this.toListItem = null;
+        this.min = null;
+        this.max = null;
+        this.step = 0;
         this.insertUndividedMax = false;
     }
     SecondsService.prototype.apply = function (value, candidate) {
-        return utils_2.setSeconds(value, candidate.getSeconds());
+        return (0, utils_2.setSeconds)(value, candidate.getSeconds());
     };
     SecondsService.prototype.configure = function (settings) {
         var _this = this;
         var _a = settings.insertUndividedMax, insertUndividedMax = _a === void 0 ? this.insertUndividedMax : _a, _b = settings.min, min = _b === void 0 ? this.min : _b, _c = settings.max, max = _c === void 0 ? this.max : _c, part = settings.part, _d = settings.step, step = _d === void 0 ? this.step : _d;
         this.insertUndividedMax = insertUndividedMax;
         this.toListItem = function (minute) {
-            var date = utils_2.setSeconds(utils_1.MIDNIGHT_DATE, minute);
+            var date = (0, utils_2.setSeconds)(utils_1.MIDNIGHT_DATE, minute);
             return {
                 text: _this.intl.formatDate(date, part.pattern),
                 value: date
@@ -46,8 +50,8 @@ var SecondsService = /** @class */ (function () {
         var _this = this;
         var min = this.range(selectedValue)[0];
         var getSecond = stepper(min, this.step);
-        var convertToItem = function (idx) { return (_this.toListItem(getSecond(idx))); };
-        var data = utils_2.range(0, this.countFromMin(selectedValue)).map(convertToItem);
+        var convertToItem = function (idx) { return (_this.toListItem && _this.toListItem(getSecond(idx))); };
+        var data = (0, utils_2.range)(0, this.countFromMin(selectedValue)).map(convertToItem);
         this.addLast(data);
         if (selectedValue) {
             this.addMissing(data, selectedValue);
@@ -55,7 +59,7 @@ var SecondsService = /** @class */ (function () {
         return data;
     };
     SecondsService.prototype.isRangeChanged = function (min, max) {
-        return !kendo_date_math_1.isEqual(this.min, min) || !kendo_date_math_1.isEqual(this.max, max);
+        return this.min !== null && this.max !== null && (!(0, kendo_date_math_1.isEqual)(this.min, min) || !(0, kendo_date_math_1.isEqual)(this.max, max));
     };
     SecondsService.prototype.limitRange = function (min, max, value) {
         return [limitDown(min, value), limitUp(max, value)];
@@ -79,7 +83,7 @@ var SecondsService = /** @class */ (function () {
         return distanceFromMin(value.getSeconds(), this.min.getSeconds()) / this.step;
     };
     SecondsService.prototype.addLast = function (data, value) {
-        if (this.insertUndividedMax && this.isLastMissing(value)) {
+        if (this.insertUndividedMax && this.isLastMissing(value) && this.toListItem) {
             data.push(this.toListItem(this.lastSecond(value)));
         }
         return data;
@@ -88,8 +92,10 @@ var SecondsService = /** @class */ (function () {
         if (this.valueInList(value)) {
             return data;
         }
-        var missingItem = this.toListItem(value.getSeconds());
-        data.splice(this.selectedIndex(value), 0, missingItem);
+        if (this.toListItem) {
+            var missingItem = this.toListItem(value.getSeconds());
+            data.splice(this.selectedIndex(value), 0, missingItem);
+        }
         return data;
     };
     SecondsService.prototype.countFromMin = function (value) {
@@ -103,7 +109,7 @@ var SecondsService = /** @class */ (function () {
         return this.selectedIndex(value) !== this.divideByStep(value);
     };
     SecondsService.prototype.isLastMissing = function (value) {
-        return this.isMissing(utils_2.setSeconds(this.max, this.lastSecond(value)));
+        return this.max !== null && this.isMissing((0, utils_2.setSeconds)(this.max, this.lastSecond(value)));
     };
     SecondsService.prototype.lastSecond = function (value) {
         return this.range(value)[1];

package/dist/npm/timepicker/utils.js

@@ -5,7 +5,7 @@ var kendo_date_math_1 = require("@progress/kendo-date-math");
 var TimePart_1 = require("./models/TimePart");
 var utils_1 = require("../utils");
 var setter = function (method) { return function (date, value) {
-    var clone = kendo_date_math_1.cloneDate(date);
+    var clone = (0, kendo_date_math_1.cloneDate)(date);
     clone[method](value);
     return clone;
 }; };
@@ -57,7 +57,7 @@ exports.valueMerger = valueMerger;
  * @hidden
  */
 var snapTime = function (snappers) { return function (candidate) {
-    var date = kendo_date_math_1.cloneDate(candidate);
+    var date = (0, kendo_date_math_1.cloneDate)(candidate);
     date.setHours.apply(date, snappers.map(function (s) { return s(date); }));
     return date;
 }; };
@@ -92,9 +92,9 @@ var range = function (start, end, step) {
 };
 exports.range = range;
 var normalizeTimes = function (candidate, min, max) { return ({
-    candidateValue: utils_1.setTime(utils_1.MIDNIGHT_DATE, candidate),
-    maxValue: kendo_date_math_1.addDays(utils_1.setTime(utils_1.MIDNIGHT_DATE, max), min.getHours() < max.getHours() ? 0 : 1),
-    minValue: utils_1.setTime(utils_1.MIDNIGHT_DATE, min)
+    candidateValue: (0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, candidate),
+    maxValue: (0, kendo_date_math_1.addDays)((0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, max), min.getHours() < max.getHours() ? 0 : 1),
+    minValue: (0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, min)
 }); };
 /**
  * @hidden
@@ -105,10 +105,10 @@ var timeInRange = function (candidate, min, max) {
     }
     var _a = normalizeTimes(candidate, min, max), candidateValue = _a.candidateValue, minValue = _a.minValue, maxValue = _a.maxValue;
     if (candidateValue < minValue) {
-        return utils_1.setTime(candidate, min);
+        return (0, utils_1.setTime)(candidate, min);
     }
     if (candidateValue > maxValue) {
-        return utils_1.setTime(candidate, max);
+        return (0, utils_1.setTime)(candidate, max);
     }
     return candidate;
 };
@@ -142,8 +142,8 @@ var isSmallerThanMin = function (val, min) {
     if (val === null || min === null) {
         return false;
     }
-    var normalizedValue = utils_1.setTime(utils_1.MIDNIGHT_DATE, val);
-    var normalizedMin = utils_1.setTime(utils_1.MIDNIGHT_DATE, min);
+    var normalizedValue = (0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, val);
+    var normalizedMin = (0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, min);
     return normalizedValue.getTime() < normalizedMin.getHours();
 };
 exports.isSmallerThanMin = isSmallerThanMin;
@@ -154,8 +154,8 @@ var isBiggerThanMax = function (val, max) {
     if (val === null || max === null) {
         return false;
     }
-    var normalizedValue = utils_1.setTime(utils_1.MIDNIGHT_DATE, val);
-    var normalizedMax = utils_1.setTime(utils_1.MIDNIGHT_DATE, max);
+    var normalizedValue = (0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, val);
+    var normalizedMax = (0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, max);
     return normalizedMax.getTime() < normalizedValue.getHours();
 };
 exports.isBiggerThanMax = isBiggerThanMax;