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

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

@@ -111,7 +111,7 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }>>;
-        formatPlaceholder: PropTypes.Requireable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -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" | "large" | "full">;
-        fillMode: PropTypes.Requireable<"solid" | "flat" | "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" | "large" | "full";
-        fillMode: "solid" | "flat" | "outline";
+        size: "small" | "medium" | "large" | null | undefined;
+        rounded: "small" | "medium" | "full" | "large" | null | undefined;
+        fillMode: "flat" | "outline" | "solid" | null | undefined;
     };
     /**
      * @hidden
@@ -185,43 +185,43 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
     /**
      * Gets the wrapping element of the TimePicker.
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * Gets the DateInput component inside the TimePicker component.
      */
-    readonly dateInput: DateInput | null;
+    get dateInput(): DateInput | null;
     /**
      * Gets the TimeSelector component inside the TimePicker component.
      */
-    readonly timeSelector: TimeSelector | null;
+    get timeSelector(): TimeSelector | null;
     /**
      * Gets the value of the TimePicker.
      */
-    readonly value: Date | null;
+    get value(): Date | null;
     /**
      * Gets the popup state of the TimeSelector.
      */
-    readonly show: boolean;
+    get show(): boolean;
     /**
      * Gets the `name` property of the TimePicker.
      */
-    readonly name: string | undefined;
+    get name(): string | undefined;
     /**
      * Represents the validity state into which the TimePicker is set.
      */
-    readonly validity: FormComponentValidity;
+    get validity(): FormComponentValidity;
     /**
      * @hidden
      */
-    protected readonly validityStyles: boolean;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */
-    protected readonly required: boolean;
-    private readonly popupSettings;
-    private readonly min;
-    private readonly max;
-    protected readonly dateInputComp: React.ComponentType<DateInputProps<any>>;
+    protected get required(): boolean;
+    private get popupSettings();
+    private get min();
+    private get max();
+    protected get dateInputComp(): React.ComponentType<DateInputProps<any>>;
     /**
      * @hidden
      */
@@ -238,8 +238,8 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
      * @hidden
      */
     render(): JSX.Element;
-    protected setTimeSelectorRef: (timeSelector: any) => void;
-    protected nextValue: (nextProps: TimePickerProps, nextState: TimePickerState) => Date;
+    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;
     protected setShow(show: boolean): void;

package/dist/es/timepicker/TimePicker.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 __());
@@ -27,8 +29,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -56,6 +60,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         _this._dateInput = React.createRef();
         _this._timeSelector = null;
         _this.shouldFocusDateInput = false;
+        _this.prevShow = false;
         /**
          * @hidden
          */
@@ -79,7 +84,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         };
         _this.handleInputValueChange = function (event) {
             var value = _this.mergeTime(event.value);
-            _this.handleValueChange(__assign({}, event, { value: value }));
+            _this.handleValueChange(__assign(__assign({}, event), { value: value }));
         };
         _this.handleValueChange = function (event) {
             _this.setState({
@@ -154,7 +159,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "dateInput", {
@@ -164,7 +169,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._dateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "timeSelector", {
@@ -174,7 +179,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._timeSelector;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "value", {
@@ -189,7 +194,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
                     : this.state.value;
             return (value !== null) ? cloneDate(value) : null;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "show", {
@@ -203,7 +208,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
                     ? this.props.show
                     : this.state.show;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "name", {
@@ -213,7 +218,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "validity", {
@@ -236,7 +241,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "validityStyles", {
@@ -248,7 +253,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : TimePickerWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "required", {
@@ -260,35 +265,35 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : TimePickerWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "popupSettings", {
         get: function () {
             return this.props.popupSettings || TimePickerWithoutContext.defaultProps.popupSettings;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "min", {
         get: function () {
             return this.props.min !== undefined ? this.props.min : TimePickerWithoutContext.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "max", {
         get: function () {
             return this.props.max !== undefined ? this.props.max : TimePickerWithoutContext.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "dateInputComp", {
         get: function () {
             return this.props.dateInput || TimePickerWithoutContext.defaultProps.dateInput;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -365,18 +370,18 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         var toggleTimeMessage = localizationService
             .toLanguageString(toggleTimeSelector, messages[toggleTimeSelector]);
         var timepicker = (React.createElement(AsyncFocusBlur, { onFocus: this.handleFocus, onBlur: this.handleBlur, onSyncBlur: this.props.onBlur, onSyncFocus: this.props.onFocus }, function (_a) {
-            var onFocus = _a.onFocus, onBlur = _a.onBlur;
             var _b;
+            var onFocus = _a.onFocus, onBlur = _a.onBlur;
             return (React.createElement("div", { ref: function (span) { _this._element = span; }, className: classNames('k-input', 'k-timepicker', (_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,
                     _b), className), onKeyDown: _this.handleKeyDown, style: { width: width }, onFocus: onFocus, onBlur: onBlur },
                 React.createElement(_this.dateInputComp, __assign({ _ref: _this._dateInput }, dateInputProps)),
-                React.createElement(Button, __assign({ tabIndex: -1, type: "button", icon: 'clock', onMouseDown: _this.handleIconMouseDown, onClick: _this.handleIconClick, title: toggleTimeMessage, "aria-label": toggleTimeMessage, className: "k-input-button", rounded: null }, {
+                React.createElement(Button, __assign({ tabIndex: -1, type: "button", icon: 'clock', onMouseDown: _this.handleIconMouseDown, onClick: _this.handleIconClick, title: toggleTimeMessage, className: "k-input-button", rounded: null }, {
                     'aria-controls': _this._popupId,
                     'aria-label': toggleClockMessage
                 })),

package/dist/es/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;
@@ -105,10 +105,10 @@ export declare class TimeSelector extends React.Component<TimeSelectorProps, Tim
     /**
      * @hidden
      */
-    readonly element: HTMLSpanElement | null;
-    readonly value: Date | null;
-    protected readonly intl: IntlService;
-    private readonly current;
+    get element(): HTMLSpanElement | null;
+    get value(): Date | null;
+    protected get intl(): IntlService;
+    private get current();
     /**
      * @hidden
      */
@@ -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/es/timepicker/TimeSelector.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 __());
@@ -47,6 +49,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;
@@ -124,7 +130,7 @@ var TimeSelector = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimeSelector.prototype, "value", {
@@ -138,14 +144,14 @@ var TimeSelector = /** @class */ (function (_super) {
                 ? cloneDate(value)
                 : null;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimeSelector.prototype, "intl", {
         get: function () {
             return provideIntlService(this);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimeSelector.prototype, "current", {
@@ -154,7 +160,7 @@ var TimeSelector = /** @class */ (function (_super) {
                 ? cloneDate(this.state.current)
                 : null;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**

package/dist/es/timepicker/models/IncrementalSteps.js

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

package/dist/es/timepicker/models/ListItem.js

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

package/dist/es/timepicker/models/ListService.js

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

package/dist/es/timepicker/models/ListServiceSettings.js

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

package/dist/es/timepicker/models/TimePickerSettings.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

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

@@ -5,6 +5,8 @@ import { canUseDOM } from '@progress/kendo-react-common';
  */
 var DOMService = /** @class */ (function () {
     function DOMService() {
+        this.itemHeight = 0;
+        this.timeListHeight = 0;
         this.didCalculate = false;
     }
     DOMService.prototype.ensureHeights = function () {

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

@@ -14,6 +14,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
@@ -42,8 +45,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 = [];
@@ -86,7 +89,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);
@@ -96,6 +99,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/es/timepicker/services/HoursService.js

@@ -20,6 +20,10 @@ 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 setHours(value, candidate.getHours());
@@ -44,7 +48,7 @@ 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 convertToItem = function (idx) { return (_this.toListItem && _this.toListItem(getHour(idx))); };
         var data = range(0, this.countFromMin(selectedValue)).map(convertToItem);
         this.addLast(data);
         if (selectedValue) {
@@ -53,6 +57,9 @@ var HoursService = /** @class */ (function () {
         return data;
     };
     HoursService.prototype.isRangeChanged = function (min, max) {
+        if (!this.min || !this.max) {
+            return false;
+        }
         return !isEqual(this.min, min) || !isEqual(this.max, max);
     };
     HoursService.prototype.limitRange = function (min, max, value) {
@@ -74,7 +81,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;
@@ -83,8 +90,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) {
@@ -98,7 +107,7 @@ var HoursService = /** @class */ (function () {
         return this.selectedIndex(value) !== this.divideByStep(value);
     };
     HoursService.prototype.isLastMissing = function (value) {
-        return this.isMissing(setHours(this.max, this.lastHour(value)));
+        return this.max !== null && this.isMissing(setHours(this.max, this.lastHour(value)));
     };
     HoursService.prototype.divideByStep = function (value) {
         return distanceFromMin(value.getHours(), this.min.getHours()) / this.step;

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

@@ -18,6 +18,10 @@ 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) {
@@ -42,7 +46,7 @@ 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 convertToItem = function (idx) { return (_this.toListItem && _this.toListItem(getMinute(idx))); };
         var data = range(0, this.countFromMin(selectedValue)).map(convertToItem);
         this.addLast(data);
         if (selectedValue) {
@@ -51,7 +55,7 @@ var MinutesService = /** @class */ (function () {
         return data;
     };
     MinutesService.prototype.isRangeChanged = function (min, max) {
-        return !isEqual(this.min, min) || !isEqual(this.max, max);
+        return (this.min !== null && this.max !== null) && (!isEqual(this.min, min) || !isEqual(this.max, max));
     };
     MinutesService.prototype.limitRange = function (min, max, value) {
         return [limitDown(min, value), limitUp(max, value)];
@@ -72,7 +76,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;
@@ -81,8 +85,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) {
@@ -96,7 +102,7 @@ var MinutesService = /** @class */ (function () {
         return this.selectedIndex(value) !== this.divideByStep(value);
     };
     MinutesService.prototype.isLastMissing = function (value) {
-        return this.isMissing(setMinutes(this.max, this.lastMinute(value)));
+        return this.max !== null && this.isMissing(setMinutes(this.max, this.lastMinute(value)));
     };
     MinutesService.prototype.divideByStep = function (value) {
         return distanceFromMin(value.getMinutes(), this.min.getMinutes()) / this.step;

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

@@ -19,6 +19,10 @@ 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) {
@@ -43,7 +47,7 @@ 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 convertToItem = function (idx) { return (_this.toListItem && _this.toListItem(getSecond(idx))); };
         var data = range(0, this.countFromMin(selectedValue)).map(convertToItem);
         this.addLast(data);
         if (selectedValue) {
@@ -52,7 +56,7 @@ var SecondsService = /** @class */ (function () {
         return data;
     };
     SecondsService.prototype.isRangeChanged = function (min, max) {
-        return !isEqual(this.min, min) || !isEqual(this.max, max);
+        return this.min !== null && this.max !== null && (!isEqual(this.min, min) || !isEqual(this.max, max));
     };
     SecondsService.prototype.limitRange = function (min, max, value) {
         return [limitDown(min, value), limitUp(max, value)];
@@ -76,7 +80,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;
@@ -85,8 +89,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) {
@@ -100,7 +106,7 @@ var SecondsService = /** @class */ (function () {
         return this.selectedIndex(value) !== this.divideByStep(value);
     };
     SecondsService.prototype.isLastMissing = function (value) {
-        return this.isMissing(setSeconds(this.max, this.lastSecond(value)));
+        return this.max !== null && this.isMissing(setSeconds(this.max, this.lastSecond(value)));
     };
     SecondsService.prototype.lastSecond = function (value) {
         return this.range(value)[1];

package/dist/es/timepicker/utils.d.ts

@@ -41,16 +41,16 @@ export declare const timeInRange: (candidate: Date, min: Date, max: Date) => Dat
 /**
  * @hidden
  */
-export declare const isInTimeRange: (candidate: Date, min?: Date, max?: Date) => boolean;
+export declare const isInTimeRange: (candidate: Date | null, min?: Date, max?: Date) => boolean;
 /**
  * @hidden
  */
-export declare const isInRange: (candidate: Date, min: Date, max: Date) => boolean;
+export declare const isInRange: (candidate: Date | null, min: Date, max: Date) => boolean;
 /**
  * @hidden
  */
-export declare const isSmallerThanMin: (val: Date, min: Date) => boolean;
+export declare const isSmallerThanMin: (val: Date | null, min: Date | null) => boolean;
 /**
  * @hidden
  */
-export declare const isBiggerThanMax: (val: Date, max: Date) => boolean;
+export declare const isBiggerThanMax: (val: Date | null, max: Date | null) => boolean;

package/dist/es/utils.d.ts

@@ -51,7 +51,7 @@ export declare const isInRange: (candidate: Date, min: Date, max: Date) => boole
 /**
  * @hidden
  */
-export declare const isInDateRange: (candidate: Date, min: Date, max: Date) => boolean;
+export declare const isInDateRange: (candidate: Date | null, min: Date, max: Date) => boolean;
 /**
  * @hidden
  */