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

package/dist/npm/daterangepicker/DateRangePicker.js

@@ -51,9 +51,9 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         _this._calendar = null;
         _this._startDateInput = React.createRef();
         _this._endDateInput = React.createRef();
-        _this._popupId = kendo_react_common_1.guid();
-        _this._startInputId = kendo_react_common_1.guid();
-        _this._endInputId = kendo_react_common_1.guid();
+        _this._popupId = (0, kendo_react_common_1.guid)();
+        _this._startInputId = (0, kendo_react_common_1.guid)();
+        _this._endInputId = (0, kendo_react_common_1.guid)();
         _this.shouldFocusDateInput = false;
         _this.shouldFocusCalendar = false;
         /**
@@ -131,13 +131,13 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         _this.handleEndChange = function (event) {
             var value = {
                 start: _this.value.start,
-                end: kendo_date_math_1.cloneDate(event.value || undefined)
+                end: (0, kendo_date_math_1.cloneDate)(event.value || undefined)
             };
             _this.handleChange(value, event);
         };
         _this.handleStartChange = function (event) {
             var value = {
-                start: kendo_date_math_1.cloneDate(event.value || undefined),
+                start: (0, kendo_date_math_1.cloneDate)(event.value || undefined),
                 end: _this.value.end
             };
             _this.handleChange(value, event);
@@ -196,7 +196,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
             }
             _this.valueDuringOnChange = undefined;
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         _this.state = {
             show: _this.props.show || _this.props.defaultShow || DateRangePickerWithoutContext.defaultProps.defaultShow,
             value: _this.props.value || _this.props.defaultValue || DateRangePickerWithoutContext.defaultProps.defaultValue
@@ -330,10 +330,10 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         var value = this.value || models_1.EMPTY_SELECTIONRANGE;
         var startDateInputId = (this.props.startDateInputSettings || {}).id || this._startInputId;
         var endDateInputId = (this.props.endDateInputSettings || {}).id || this._endInputId;
-        var rootClassName = kendo_react_common_1.classNames('k-daterangepicker', {
+        var rootClassName = (0, kendo_react_common_1.classNames)('k-daterangepicker', {
             'k-disabled': this.props.disabled
         }, this.props.className);
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var startMessage = localizationService.toLanguageString(messages_1.start, messages_1.messages[messages_1.start]);
         var endMessage = localizationService.toLanguageString(messages_1.end, messages_1.messages[messages_1.end]);
         var separatorMessage = localizationService.toLanguageString(messages_1.separator, messages_1.messages[messages_1.separator]);
@@ -350,10 +350,10 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         var calendar = this.props.calendar
             ? React.createElement(this.props.calendar, __assign({}, calendarProps))
             : React.createElement(MultiViewCalendar_1.MultiViewCalendar, __assign({}, calendarProps, { ref: this.setCalendarRef }));
-        var reverseButton = (React.createElement(kendo_react_buttons_1.Button, __assign({ className: "k-select", fillMode: "flat", title: kendo_react_intl_1.provideLocalizationService(this)
+        var reverseButton = (React.createElement(kendo_react_buttons_1.Button, __assign({ className: "k-select", fillMode: "flat", title: (0, kendo_react_intl_1.provideLocalizationService)(this)
                 .toLanguageString(messages_1.swapStartEnd, messages_1.messages[messages_1.swapStartEnd]), onMouseDown: this.handleReverseMouseDown, onClick: this.handleReverseClick }, {
             'aria-controls': startDateInputId + ' ' + endDateInputId,
-            'aria-label': kendo_react_intl_1.provideLocalizationService(this)
+            'aria-label': (0, kendo_react_intl_1.provideLocalizationService)(this)
                 .toLanguageString(messages_1.swapStartEnd, messages_1.messages[messages_1.swapStartEnd])
         }),
             React.createElement("span", { style: { transform: 'rotate(90deg)' }, className: "k-icon k-i-arrows-swap" })));
@@ -414,8 +414,8 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         className: PropTypes.string,
         defaultShow: PropTypes.bool,
         defaultValue: PropTypes.shape({
-            start: utils_1.nullable(PropTypes.instanceOf(Date).isRequired),
-            end: utils_1.nullable(PropTypes.instanceOf(Date).isRequired)
+            start: (0, utils_1.nullable)(PropTypes.instanceOf(Date).isRequired),
+            end: (0, utils_1.nullable)(PropTypes.instanceOf(Date).isRequired)
         }),
         disabled: PropTypes.bool,
         endDateInputSettings: PropTypes.shape(DateInput_1.DateInputWithoutContext.propTypes),
@@ -455,8 +455,8 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         swapButton: PropTypes.any,
         tabIndex: PropTypes.number,
         value: PropTypes.shape({
-            start: utils_1.nullable(PropTypes.instanceOf(Date).isRequired),
-            end: utils_1.nullable(PropTypes.instanceOf(Date).isRequired)
+            start: (0, utils_1.nullable)(PropTypes.instanceOf(Date).isRequired),
+            end: (0, utils_1.nullable)(PropTypes.instanceOf(Date).isRequired)
         })
     };
     /**
@@ -481,7 +481,7 @@ exports.DateRangePickerWithoutContext = DateRangePickerWithoutContext;
  *
  * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
  */
-exports.DateRangePickerPropsContext = kendo_react_common_1.createPropsContext();
+exports.DateRangePickerPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /* eslint-disable @typescript-eslint/no-redeclare */
 /**
  * Represents the KendoReact DateRangePicker Component.
@@ -489,6 +489,6 @@ exports.DateRangePickerPropsContext = kendo_react_common_1.createPropsContext();
  * Accepts properties of type [DateRangePickerProps]({% slug api_dateinputs_daterangepickerprops %}).
  * Obtaining the `ref` returns an object of type [DateRangePickerHandle]({% slug api_dateinputs_daterangepickerhandle %}).
  */
-exports.DateRangePicker = kendo_react_common_1.withPropsContext(exports.DateRangePickerPropsContext, DateRangePickerWithoutContext);
+exports.DateRangePicker = (0, kendo_react_common_1.withPropsContext)(exports.DateRangePickerPropsContext, DateRangePickerWithoutContext);
 exports.DateRangePicker.displayName = 'KendoReactDateRangePicker';
-kendo_react_intl_1.registerForLocalization(DateRangePickerWithoutContext);
+(0, kendo_react_intl_1.registerForLocalization)(DateRangePickerWithoutContext);

package/dist/npm/datetimepicker/DateTimePicker.d.ts

@@ -145,16 +145,16 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
         validate: PropTypes.Requireable<boolean>;
         valid: PropTypes.Requireable<boolean>;
         cancelButton: 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;
@@ -166,9 +166,9 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
         validityStyles: boolean;
         cancelButton: 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

package/dist/npm/datetimepicker/DateTimePicker.js

@@ -48,7 +48,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
     __extends(DateTimePickerWithoutContext, _super);
     function DateTimePickerWithoutContext(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._dateTimeSelector = null;
@@ -69,7 +69,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         };
         _this.handleValueChange = function (event) {
             _this.setState({
-                value: kendo_date_math_1.cloneDate(event.value || undefined),
+                value: (0, kendo_date_math_1.cloneDate)(event.value || undefined),
                 show: false
             });
             _this.valueDuringOnChange = event.value;
@@ -123,7 +123,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
             return (_this.dateInput && _this.dateInput.element) ||
                 (_this.element && _this.element.querySelector('.k-dateinput > input.k-input-inner'));
         };
-        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 || DateTimePickerWithoutContext.defaultProps.defaultValue,
             show: _this.props.defaultShow || DateTimePickerWithoutContext.defaultProps.defaultShow,
@@ -161,7 +161,7 @@ var DateTimePickerWithoutContext = /** @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
@@ -213,8 +213,8 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
          * Represents the validity state into which the DateTimePicker is set.
          */
         get: function () {
-            var inRange = utils_1.isInDateRange(this.value, this.min, this.max)
-                && utils_2.isInTimeRange(this.value, this.props.minTime || defaults_1.MIN_TIME, this.props.maxTime || utils_1.MAX_TIME);
+            var inRange = (0, utils_1.isInDateRange)(this.value, this.min, this.max)
+                && (0, utils_2.isInTimeRange)(this.value, this.props.minTime || defaults_1.MIN_TIME, this.props.maxTime || utils_1.MAX_TIME);
             var customError = this.props.validationMessage !== undefined;
             var isValid = (!this.required || this.value !== null) && inRange;
             var valid = this.props.valid !== undefined ? this.props.valid : isValid;
@@ -335,19 +335,19 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
             var onFocus = _a.onFocus, onBlur = _a.onBlur;
             return (React.createElement("div", { ref: function (div) {
                     _this._element = div;
-                }, className: kendo_react_common_1.classNames('k-input', 'k-datetimepicker', (_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,
+                }, className: (0, kendo_react_common_1.classNames)('k-input', 'k-datetimepicker', (_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,
                     _b), className), onKeyDown: _this.handleKeyDown, style: { width: width }, onFocus: onFocus, onBlur: onBlur },
                 React.createElement(_this.dateInputComp, __assign({ _ref: _this._dateInput }, dataInputProps)),
-                React.createElement(kendo_react_buttons_1.Button, __assign({ tabIndex: -1, type: "button", icon: 'calendar', onMouseDown: _this.handleIconMouseDown, onClick: _this.handleDateIconClick, title: kendo_react_intl_1.provideLocalizationService(_this)
+                React.createElement(kendo_react_buttons_1.Button, __assign({ tabIndex: -1, type: "button", icon: 'calendar', onMouseDown: _this.handleIconMouseDown, onClick: _this.handleDateIconClick, title: (0, kendo_react_intl_1.provideLocalizationService)(_this)
                         .toLanguageString(messages_1.toggleDateTimeSelector, messages_1.messages[messages_1.toggleDateTimeSelector]), className: "k-input-button", rounded: null }, {
                     'aria-controls': _this._popupId,
-                    'aria-label': kendo_react_intl_1.provideLocalizationService(_this)
+                    'aria-label': (0, kendo_react_intl_1.provideLocalizationService)(_this)
                         .toLanguageString(messages_1.toggleDateTimeSelector, messages_1.messages[messages_1.toggleDateTimeSelector])
                 })),
                 React.createElement(PopupComponent, { show: _this.show, animate: _this.element !== null, anchor: _this.element, className: "k-datetime-container k-group k-reset", id: _this._popupId, anchorAlign: {
@@ -476,7 +476,7 @@ exports.DateTimePickerWithoutContext = DateTimePickerWithoutContext;
  *
  * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
  */
-exports.DateTimePickerPropsContext = kendo_react_common_1.createPropsContext();
+exports.DateTimePickerPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /* eslint-disable @typescript-eslint/no-redeclare */
 /**
  * Represents the KendoReact DateTimePicker Component.
@@ -484,6 +484,6 @@ exports.DateTimePickerPropsContext = kendo_react_common_1.createPropsContext();
  * Accepts properties of type [DateTimePickerProps]({% slug api_dateinputs_datetimepickerprops %}).
  * Obtaining the `ref` returns an object of type [DateTimePickerHandle]({% slug api_dateinputs_datetimepickerhandle %}).
  */
-exports.DateTimePicker = kendo_react_common_1.withPropsContext(exports.DateTimePickerPropsContext, DateTimePickerWithoutContext);
+exports.DateTimePicker = (0, kendo_react_common_1.withPropsContext)(exports.DateTimePickerPropsContext, DateTimePickerWithoutContext);
 exports.DateTimePicker.displayName = 'KendoReactDateTimePicker';
-kendo_react_intl_1.registerForLocalization(DateTimePickerWithoutContext);
+(0, kendo_react_intl_1.registerForLocalization)(DateTimePickerWithoutContext);

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

@@ -71,7 +71,7 @@ export declare class DateTimeSelector extends React.Component<DateTimeSelectorPr
     protected get minTime(): Date | null;
     protected get maxTime(): Date | null;
     protected normalizeRange(candidate: Date, value: Date | null): Date | null;
-    protected hasActiveButton(): boolean;
+    protected hasActiveButton(): boolean | null;
     protected mergeTime(current: Date | null, candidate: Date | null): Date | null;
     protected mergeDate(candidate: Date | null, value: Date): Date | null;
     protected move: (direction: 'left' | 'right') => void;

package/dist/npm/datetimepicker/DateTimeSelector.js

@@ -45,7 +45,12 @@ var DateTimeSelector = /** @class */ (function (_super) {
     __extends(DateTimeSelector, _super);
     function DateTimeSelector(props) {
         var _this = _super.call(this, props) || this;
+        _this._calendar = null;
+        _this._timePart = null;
+        _this._cancelButton = null;
+        _this._acceptButton = null;
         _this._calendarWrap = null;
+        _this.shouldFocusPart = false;
         _this.focus = function (args) {
             // Async to avoid stealing the focus from the DateInput on close
             Promise.resolve().then(function () {
@@ -99,8 +104,8 @@ var DateTimeSelector = /** @class */ (function (_super) {
             });
         };
         _this.handleNowClick = function (event) {
-            _this.setState({ timeValue: utils_2.getNow() });
-            _this.handleAccept(event, utils_2.getNow());
+            _this.setState({ timeValue: (0, utils_2.getNow)() });
+            _this.handleAccept(event, (0, utils_2.getNow)());
         };
         _this.handleCalendarValueChange = function (event) {
             event.syntheticEvent.stopPropagation();
@@ -182,12 +187,12 @@ var DateTimeSelector = /** @class */ (function (_super) {
     DateTimeSelector.prototype.render = function () {
         var _this = this;
         var _a = this.props, disabled = _a.disabled, cancelButton = _a.cancelButton, min = _a.min, max = _a.max, weekNumber = _a.weekNumber, focusedDate = _a.focusedDate, format = _a.format;
-        var rootClassName = kendo_react_common_1.classNames({
+        var rootClassName = (0, kendo_react_common_1.classNames)({
             'k-date-tab': this.state.tab === 'date',
             'k-time-tab': this.state.tab === 'time',
             'k-disabled': disabled
         }, 'k-datetime-wrap');
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var dateMessage = localizationService.toLanguageString(messages_1.date, messages_1.messages[messages_1.date]);
         var timeMessage = localizationService.toLanguageString(messages_1.time, messages_1.messages[messages_1.time]);
         var cancelMessage = localizationService.toLanguageString(messages_1.dateTimePickerCancel, messages_1.messages[messages_1.dateTimePickerCancel]);
@@ -235,7 +240,7 @@ var DateTimeSelector = /** @class */ (function (_super) {
         configurable: true
     });
     DateTimeSelector.prototype.normalizeRange = function (candidate, value) {
-        return kendo_date_math_1.isEqualDate(candidate, value || utils_1.getToday())
+        return (0, kendo_date_math_1.isEqualDate)(candidate, value || (0, utils_1.getToday)())
             ? candidate
             : null;
     };
@@ -247,12 +252,12 @@ var DateTimeSelector = /** @class */ (function (_super) {
             || (this._cancelButton && document.activeElement === this._cancelButton.element);
     };
     DateTimeSelector.prototype.mergeTime = function (current, candidate) {
-        return current && candidate ? utils_1.setTime(candidate, current) : candidate;
+        return current && candidate ? (0, utils_1.setTime)(candidate, current) : candidate;
     };
     DateTimeSelector.prototype.mergeDate = function (candidate, value) {
-        return candidate ? utils_1.setTime(candidate || utils_1.getToday(), value) : value;
+        return candidate ? (0, utils_1.setTime)(candidate || (0, utils_1.getToday)(), value) : value;
     };
     return DateTimeSelector;
 }(React.Component));
 exports.DateTimeSelector = DateTimeSelector;
-kendo_react_intl_1.registerForLocalization(DateTimeSelector);
+(0, kendo_react_intl_1.registerForLocalization)(DateTimeSelector);

package/dist/npm/hooks/usePickerFloatingLabel.js

@@ -34,7 +34,7 @@ exports.usePickerFloatingLabel = usePickerFloatingLabel;
  * @hidden
  */
 var PickerFloatingLabel = function (props) {
-    var floatingLabelProps = exports.usePickerFloatingLabel(props.dateInput);
+    var floatingLabelProps = (0, exports.usePickerFloatingLabel)(props.dateInput);
     return (React.createElement(kendo_react_labels_1.FloatingLabel, __assign({}, props, floatingLabelProps)));
 };
 exports.PickerFloatingLabel = PickerFloatingLabel;

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653648109,
+    publishDate: 1654509015,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

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

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

package/dist/npm/timepicker/TimeList.js

@@ -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 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