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

package/dist/npm/dateinput/models/kendo-date.js

@@ -30,7 +30,7 @@ var KendoDate = /** @class */ (function () {
             's': 's',
             'y': 'y'
         };
-        this._value = kendo_date_math_1.getDate(new Date());
+        this._value = (0, kendo_date_math_1.getDate)(new Date());
         this.intlProvider = intlProvider;
         this.formatPlaceholder = formatPlaceholder;
         this.format = format;
@@ -52,11 +52,11 @@ var KendoDate = /** @class */ (function () {
     });
     KendoDate.prototype.setValue = function (value) {
         if (!value) {
-            this._value = kendo_date_math_1.getDate(new Date());
+            this._value = (0, kendo_date_math_1.getDate)(new Date());
             this.modifyExisting(false);
         }
-        else if (!kendo_date_math_1.isEqual(value, this._value)) {
-            this._value = kendo_date_math_1.cloneDate(value);
+        else if (!(0, kendo_date_math_1.isEqual)(value, this._value)) {
+            this._value = (0, kendo_date_math_1.cloneDate)(value);
             this.modifyExisting(true);
         }
     };
@@ -71,7 +71,7 @@ var KendoDate = /** @class */ (function () {
                 return null;
             }
         }
-        return kendo_date_math_1.cloneDate(this.value);
+        return (0, kendo_date_math_1.cloneDate)(this.value);
     };
     KendoDate.prototype.getTextAndFormat = function () {
         return this.merge(this.intl.formatDate(this.value, this.format), this.dateFormatString(this.value, this.format));
@@ -129,13 +129,13 @@ var KendoDate = /** @class */ (function () {
         }
     };
     KendoDate.prototype.modifyPart = function (symbol, offset) {
-        var newValue = kendo_date_math_1.cloneDate(this.value);
+        var newValue = (0, kendo_date_math_1.cloneDate)(this.value);
         switch (symbol) {
             case 'y':
                 newValue.setFullYear(newValue.getFullYear() + offset);
                 break;
             case 'M':
-                newValue = kendo_date_math_1.addMonths(this.value, offset);
+                newValue = (0, kendo_date_math_1.addMonths)(this.value, offset);
                 break;
             case 'd':
             case 'E':
@@ -201,17 +201,17 @@ var KendoDate = /** @class */ (function () {
                 if (symbol === 'M' && !month) {
                     var monthNumber = middleNumber - 1;
                     if (monthNumber > -1 && monthNumber < 12) {
-                        parsedDate = kendo_date_math_1.cloneDate(this.value);
+                        parsedDate = (0, kendo_date_math_1.cloneDate)(this.value);
                         parsedDate.setMonth(monthNumber);
                         if (parsedDate.getMonth() !== monthNumber) {
-                            parsedDate = kendo_date_math_1.lastDayOfMonth(kendo_date_math_1.addMonths(parsedDate, -1));
+                            parsedDate = (0, kendo_date_math_1.lastDayOfMonth)((0, kendo_date_math_1.addMonths)(parsedDate, -1));
                         }
                     }
                 }
                 if (symbol === 'y') {
-                    parsedDate = kendo_date_math_1.createDate(parseInt(middle, 10), this.month ? this.value.getMonth() : 0, this.date ? this.value.getDate() : 1, this.hours ? this.value.getHours() : 0, this.minutes ? this.value.getMinutes() : 0, this.seconds ? this.value.getSeconds() : 0, this.milliseconds ? this.value.getMilliseconds() : 0);
+                    parsedDate = (0, kendo_date_math_1.createDate)(parseInt(middle, 10), this.month ? this.value.getMonth() : 0, this.date ? this.value.getDate() : 1, this.hours ? this.value.getHours() : 0, this.minutes ? this.value.getMinutes() : 0, this.seconds ? this.value.getSeconds() : 0, this.milliseconds ? this.value.getMilliseconds() : 0);
                     if (this.date && parsedDate.getDate() !== this.value.getDate()) {
-                        parsedDate = kendo_date_math_1.lastDayOfMonth(kendo_date_math_1.addMonths(parsedDate, -1));
+                        parsedDate = (0, kendo_date_math_1.lastDayOfMonth)((0, kendo_date_math_1.addMonths)(parsedDate, -1));
                     }
                 }
             }
@@ -327,7 +327,7 @@ var KendoDate = /** @class */ (function () {
         return { text: resultText, format: resultFormat };
     };
     KendoDate.prototype.dateFieldName = function (part) {
-        var formatPlaceholder = this.formatPlaceholder || 'wide';
+        var formatPlaceholder = (this.formatPlaceholder || 'wide');
         if (formatPlaceholder[part.type]) {
             return formatPlaceholder[part.type];
         }

package/dist/npm/dateinput/models/mask.js

@@ -7,6 +7,7 @@ exports.Mask = void 0;
 var Mask = /** @class */ (function () {
     function Mask() {
         this.symbols = '';
+        this.partMap = [];
     }
     return Mask;
 }());

package/dist/npm/dateinput/utils.d.ts

@@ -9,7 +9,7 @@ export declare const defaultFormatPlaceholder = "wide";
 /**
  * @hidden
  */
-export declare const padZero: (length: any) => string;
+export declare const padZero: (length: number) => string;
 /**
  * @hidden
  */

package/dist/npm/datepicker/DatePicker.d.ts

@@ -143,16 +143,16 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
         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;
         dateInput: React.ComponentType<DateInputProps<any>>;
         calendar: React.ComponentType<CalendarProps<any>>;
         toggleButton: React.ComponentType<ToggleButtonProps>;
@@ -167,9 +167,9 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
         weekNumber: boolean;
         required: boolean;
         validityStyles: boolean;
-        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
@@ -249,7 +249,7 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
      */
     render(): JSX.Element;
     protected setCalendarRef: (calendar: any) => void;
-    protected nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => Date;
+    protected nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => Date | null;
     protected nextShow: (nextProps: DatePickerProps, nextState: DatePickerState) => boolean;
     protected setShow(show: boolean): void;
     protected mergeTime(value: Date | null): Date | null;

package/dist/npm/datepicker/DatePicker.js

@@ -58,11 +58,12 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
     __extends(DatePickerWithoutContext, _super);
     function DatePickerWithoutContext(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._calendar = null;
         _this.shouldFocusDateInput = false;
+        _this.prevShow = false;
         /**
          * @hidden
          */
@@ -93,7 +94,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         };
         _this.handleValueChange = function (value, event) {
             _this.setState({
-                value: kendo_date_math_1.cloneDate(value || undefined),
+                value: (0, kendo_date_math_1.cloneDate)(value || undefined),
                 show: false
             });
             _this.valueDuringOnChange = value;
@@ -143,7 +144,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 _this.setShow(keyCode === kendo_react_common_1.Keys.down);
             }
         };
-        kendo_react_common_1.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
         _this.state = {
             value: _this.props.defaultValue || DatePickerWithoutContext.defaultProps.defaultValue,
             show: _this.props.defaultShow || DatePickerWithoutContext.defaultProps.defaultShow,
@@ -191,7 +192,7 @@ var DatePickerWithoutContext = /** @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
@@ -278,7 +279,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
          * Represents the validity state into which the DatePicker is set.
          */
         get: function () {
-            var inRange = utils_2.isInDateRange(this.value, this.min, this.max);
+            var inRange = (0, utils_2.isInDateRange)(this.value, this.min, this.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;
@@ -357,9 +358,9 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         var _e = this.props.popupSettings, popupClass = _e.popupClass, otherPopupSettings = __rest(_e, ["popupClass"]);
         var show = this.show;
         var value = this.value;
-        var sanitizedValue = value && kendo_date_math_1.getDate(value);
+        var sanitizedValue = value && (0, kendo_date_math_1.getDate)(value);
         var isValid = !this.validityStyles || this.validity.valid;
-        var popupClassNames = kendo_react_common_1.classNames('k-calendar-container k-group k-reset', popupClass);
+        var popupClassNames = (0, kendo_react_common_1.classNames)('k-calendar-container k-group k-reset', popupClass);
         var dateInputProps = {
             disabled: disabled,
             format: format,
@@ -403,15 +404,15 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
             focusedDate: focusedDate,
             onChange: this.handleCalendarValueChange
         };
-        var toggleButtonTitle = kendo_react_intl_1.provideLocalizationService(this)
+        var toggleButtonTitle = (0, kendo_react_intl_1.provideLocalizationService)(this)
             .toLanguageString(messages_1.toggleCalendar, messages_1.messages[messages_1.toggleCalendar]);
         var datepicker = (React.createElement(kendo_react_common_1.AsyncFocusBlur, { onFocus: this.handleFocus, onBlur: this.handleBlur, onSyncBlur: this.props.onBlur, onSyncFocus: this.props.onFocus }, function (_a) {
             var _b;
             var onFocus = _a.onFocus, onBlur = _a.onBlur;
-            return (React.createElement("span", { role: "group", "aria-expanded": _this.show, ref: function (span) { _this._element = span; }, className: kendo_react_common_1.classNames('k-input', 'k-datepicker', (_b = {},
-                    _b["k-input-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
-                    _b["k-rounded-" + (kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
-                    _b["k-input-" + fillMode] = fillMode,
+            return (React.createElement("span", { role: "group", "aria-expanded": _this.show, ref: function (span) { _this._element = span; }, className: (0, kendo_react_common_1.classNames)('k-input', 'k-datepicker', (_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,
@@ -432,7 +433,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         this.setState({ show: show });
     };
     DatePickerWithoutContext.prototype.mergeTime = function (value) {
-        return this.value && value ? utils_1.setTime(value, this.value) : value;
+        return this.value && value ? (0, utils_1.setTime)(value, this.value) : value;
     };
     DatePickerWithoutContext.prototype.nextTick = function (f) {
         // XXX: use window.setTimeout due to async focus/blur events in IE, and missing relatedTarget prop.
@@ -544,7 +545,7 @@ exports.DatePickerWithoutContext = DatePickerWithoutContext;
  *
  * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
  */
-exports.DatePickerPropsContext = kendo_react_common_1.createPropsContext();
+exports.DatePickerPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /* eslint-disable @typescript-eslint/no-redeclare */
 /**
  * Represents the KendoReact DatePicker Component.
@@ -552,6 +553,6 @@ exports.DatePickerPropsContext = kendo_react_common_1.createPropsContext();
  * Accepts properties of type [DatePickerProps]({% slug api_dateinputs_datepickerprops %}).
  * Obtaining the `ref` returns an object of type [DatePickerHandle]({% slug api_dateinputs_datepickerhandle %}).
  */
-exports.DatePicker = kendo_react_common_1.withPropsContext(exports.DatePickerPropsContext, DatePickerWithoutContext);
+exports.DatePicker = (0, kendo_react_common_1.withPropsContext)(exports.DatePickerPropsContext, DatePickerWithoutContext);
 exports.DatePicker.displayName = 'KendoReactDatePicker';
-kendo_react_intl_1.registerForLocalization(DatePickerWithoutContext);
+(0, kendo_react_intl_1.registerForLocalization)(DatePickerWithoutContext);

package/dist/npm/daterangepicker/DateRangePicker.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { DateInput } from '../dateinput/DateInput';
-import { MultiViewCalendar } from '../calendar/components/MultiViewCalendar';
+import { MultiViewCalendar, MultiViewCalendarHandle } from '../calendar/components/MultiViewCalendar';
 import { SelectionRange } from '../calendar/models';
 import { DateRangePickerSettings } from './models';
 /**
@@ -125,9 +125,11 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
             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>; /**
+             * Gets the wrapping element of the DateRangePicker.
+             */
         }>>;
         focusedDate: PropTypes.Requireable<Date>;
         format: PropTypes.Requireable<string | PropTypes.InferProps<{
@@ -235,7 +237,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
      * @hidden
      */
     render(): JSX.Element;
-    protected setCalendarRef: (calendar: any) => void;
+    protected setCalendarRef: (calendar: MultiViewCalendarHandle | null) => void;
     protected focusCalendarElement: () => void;
     protected focusDateInputElement(): void;
     protected calculateValue: (props: DateRangePickerProps, state: DateRangePickerState) => SelectionRange;

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: 1654761838,
     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;