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

package/dist/npm/timepicker/TimePart.js

@@ -3,10 +3,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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimePart = exports.Direction = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_date_math_1 = require("@progress/kendo-date-math");
@@ -35,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
  */
@@ -51,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 () {
@@ -92,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;
@@ -126,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
         };
@@ -140,42 +146,42 @@ var TimePart = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "value", {
         get: function () {
-            return 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: true,
+        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: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "min", {
         get: function () {
             return this.snapTime(this.props.min || TimePart.defaultProps.min);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "max", {
         get: function () {
             return this.snapTime(this.props.max || TimePart.defaultProps.max);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "steps", {
         get: function () {
             return this.props.steps || TimePart.defaultProps.steps;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "boundRange", {
@@ -184,7 +190,7 @@ var TimePart = /** @class */ (function (_super) {
                 ? this.props.boundRange
                 : TimePart.defaultProps.boundRange;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -205,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" },
@@ -224,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)),
@@ -298,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

@@ -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/npm/timepicker/TimePicker.js

@@ -3,10 +3,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 __());
@@ -28,11 +30,14 @@ 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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimePicker = exports.TimePickerPropsContext = exports.TimePickerWithoutContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_popup_1 = require("@progress/kendo-react-popup");
@@ -53,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
          */
@@ -81,11 +87,11 @@ 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({
-                value: kendo_date_math_1.cloneDate(event.value),
+                value: (0, kendo_date_math_1.cloneDate)(event.value),
                 show: false
             });
             _this.valueDuringOnChange = event.value;
@@ -138,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,
@@ -156,7 +162,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "dateInput", {
@@ -166,7 +172,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._dateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "timeSelector", {
@@ -176,7 +182,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._timeSelector;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "value", {
@@ -189,9 +195,9 @@ 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: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "show", {
@@ -205,7 +211,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
                     ? this.props.show
                     : this.state.show;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "name", {
@@ -215,7 +221,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "validity", {
@@ -226,19 +232,19 @@ 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
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "validityStyles", {
@@ -250,7 +256,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : TimePickerWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePickerWithoutContext.prototype, "required", {
@@ -262,35 +268,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
     });
     /**
@@ -326,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,
@@ -362,23 +368,23 @@ 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 onFocus = _a.onFocus, onBlur = _a.onBlur;
             var _b;
-            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,
+            var onFocus = _a.onFocus, onBlur = _a.onBlur;
+            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,
                     _b), className), onKeyDown: _this.handleKeyDown, style: { width: width }, onFocus: onFocus, onBlur: onBlur },
                 React.createElement(_this.dateInputComp, __assign({ _ref: _this._dateInput }, dateInputProps)),
-                React.createElement(kendo_react_buttons_1.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(kendo_react_buttons_1.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
                 })),
@@ -391,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) {
@@ -400,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
@@ -506,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.
@@ -514,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;
@@ -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;