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

package/dist/npm/daterangepicker/DateRangePicker.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.DateRangePicker = exports.DateRangePickerPropsContext = exports.DateRangePickerWithoutContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_popup_1 = require("@progress/kendo-react-popup");
@@ -48,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;
         /**
@@ -128,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);
@@ -193,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
@@ -211,7 +214,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "startDateInput", {
@@ -221,7 +224,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._startDateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "endDateInput", {
@@ -231,7 +234,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._endDateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "calendar", {
@@ -241,7 +244,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._calendar;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "value", {
@@ -256,7 +259,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
                     : this.state.value;
             return value || models_1.EMPTY_SELECTIONRANGE;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "show", {
@@ -270,7 +273,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
                     ? this.props.show
                     : this.state.show;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "min", {
@@ -279,7 +282,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.min
                 : DateRangePickerWithoutContext.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "max", {
@@ -288,7 +291,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.max
                 : DateRangePickerWithoutContext.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -327,30 +330,30 @@ 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]);
-        var startDateInputProps = __assign({ label: startMessage, format: this.props.format, min: this.min, max: this.max, id: this._startInputId, disabled: this.props.disabled, valid: this.props.valid, ariaHasPopup: true, ariaExpanded: this.show }, this.props.startDateInputSettings, { value: value.start, onChange: this.handleStartChange });
-        var endDateInputProps = __assign({ label: endMessage, format: this.props.format, min: this.min, max: this.max, id: this._endInputId, disabled: this.props.disabled, valid: this.props.valid, ariaHasPopup: true, ariaExpanded: this.show }, this.props.endDateInputSettings, { value: value.end, onChange: this.handleEndChange });
-        var popupProps = __assign({ animate: this._element !== null, anchor: this._element, id: this._popupId, anchorAlign: {
+        var startDateInputProps = __assign(__assign({ label: startMessage, format: this.props.format, min: this.min, max: this.max, id: this._startInputId, disabled: this.props.disabled, valid: this.props.valid, ariaHasPopup: true, ariaExpanded: this.show }, this.props.startDateInputSettings), { value: value.start, onChange: this.handleStartChange });
+        var endDateInputProps = __assign(__assign({ label: endMessage, format: this.props.format, min: this.min, max: this.max, id: this._endInputId, disabled: this.props.disabled, valid: this.props.valid, ariaHasPopup: true, ariaExpanded: this.show }, this.props.endDateInputSettings), { value: value.end, onChange: this.handleEndChange });
+        var popupProps = __assign(__assign({ animate: this._element !== null, anchor: this._element, id: this._popupId, anchorAlign: {
                 horizontal: 'left',
                 vertical: 'bottom'
             }, popupAlign: {
                 horizontal: 'left',
                 vertical: 'top'
-            } }, this.props.popupSettings, { show: this.show });
-        var calendarProps = __assign({ min: this.min, max: this.max, allowReverse: this.props.allowReverse, mode: 'range', focusedDate: this.props.focusedDate, disabled: this.props.disabled }, this.props.calendarSettings, { value: value, onChange: this.handleCalendarChange });
+            } }, this.props.popupSettings), { show: this.show });
+        var calendarProps = __assign(__assign({ min: this.min, max: this.max, allowReverse: this.props.allowReverse, mode: 'range', focusedDate: this.props.focusedDate, disabled: this.props.disabled }, this.props.calendarSettings), { value: value, onChange: this.handleCalendarChange });
         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" })));
@@ -411,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),
@@ -452,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)
         })
     };
     /**
@@ -478,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.
@@ -486,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

@@ -115,7 +115,7 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
             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 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" | "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;
@@ -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" | "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
@@ -187,41 +187,41 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
     /**
      * Gets the wrapping element of the DateTimePicker.
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * Gets the DateInput component inside the DateTimePicker component.
      */
-    readonly dateInput: DateInput | null;
+    get dateInput(): DateInput | null;
     /**
      * Gets the value of the DateTimePicker.
      */
-    readonly value: Date | null;
+    get value(): Date | null;
     /**
      * Gets the popup state of the DateTimePicker.
      */
-    readonly show: boolean;
+    get show(): boolean;
     /**
      * Gets the `name` property of the DateTimePicker.
      */
-    readonly name: string | undefined;
-    protected readonly min: Date;
-    protected readonly max: Date;
+    get name(): string | undefined;
+    protected get min(): Date;
+    protected get max(): Date;
     /**
      * Represents the validity state into which the DateTimePicker is set.
      */
-    readonly validity: FormComponentValidity;
+    get validity(): FormComponentValidity;
     /**
      * @hidden
      */
-    protected readonly validityStyles: boolean;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */
-    protected readonly required: boolean;
+    protected get required(): boolean;
     /**
      * @hidden
      */
-    protected readonly dateInputComp: React.ComponentType<DateInputProps<any>>;
+    protected get dateInputComp(): React.ComponentType<DateInputProps<any>>;
     /**
      * @hidden
      */

package/dist/npm/datetimepicker/DateTimePicker.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.DateTimePicker = exports.DateTimePickerPropsContext = exports.DateTimePickerWithoutContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_popup_1 = require("@progress/kendo-react-popup");
@@ -45,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;
@@ -66,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;
@@ -120,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,
@@ -135,7 +138,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "dateInput", {
@@ -145,7 +148,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._dateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "value", {
@@ -158,9 +161,9 @@ 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: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "show", {
@@ -174,7 +177,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                     ? this.props.show
                     : this.state.show;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "name", {
@@ -184,7 +187,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "min", {
@@ -193,7 +196,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.min
                 : DateTimePickerWithoutContext.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "max", {
@@ -202,7 +205,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.max
                 : DateTimePickerWithoutContext.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "validity", {
@@ -210,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;
@@ -223,7 +226,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "validityStyles", {
@@ -235,7 +238,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : DateTimePickerWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "required", {
@@ -247,7 +250,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : DateTimePickerWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "dateInputComp", {
@@ -257,7 +260,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.dateInput || DateTimePickerWithoutContext.defaultProps.dateInput;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -299,8 +302,21 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         var _a = this.props, _b = _a.size, size = _b === void 0 ? DateTimePickerWithoutContext.defaultProps.size : _b, _c = _a.rounded, rounded = _c === void 0 ? DateTimePickerWithoutContext.defaultProps.rounded : _c, _d = _a.fillMode, fillMode = _d === void 0 ? DateTimePickerWithoutContext.defaultProps.fillMode : _d, disabled = _a.disabled, tabIndex = _a.tabIndex, title = _a.title, id = _a.id, format = _a.format, formatPlaceholder = _a.formatPlaceholder, min = _a.min, max = _a.max, weekNumber = _a.weekNumber, focusedDate = _a.focusedDate, className = _a.className, width = _a.width, name = _a.name, validationMessage = _a.validationMessage, required = _a.required, validityStyles = _a.validityStyles, cancelButton = _a.cancelButton, minTime = _a.minTime, maxTime = _a.maxTime, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy, _e = _a.popup, PopupComponent = _e === void 0 ? kendo_react_popup_1.Popup : _e, calendar = _a.calendar;
         var isValid = !this.validityStyles || this.validity.valid;
         var dataInputProps = {
-            id: id, ariaLabelledBy: ariaLabelledBy, ariaDescribedBy: ariaDescribedBy, format: format, formatPlaceholder: formatPlaceholder, disabled: disabled,
-            title: title, validityStyles: validityStyles, validationMessage: validationMessage, required: required, min: min, max: max, minTime: minTime, maxTime: maxTime, name: name,
+            id: id,
+            ariaLabelledBy: ariaLabelledBy,
+            ariaDescribedBy: ariaDescribedBy,
+            format: format,
+            formatPlaceholder: formatPlaceholder,
+            disabled: disabled,
+            title: title,
+            validityStyles: validityStyles,
+            validationMessage: validationMessage,
+            required: required,
+            min: min,
+            max: max,
+            minTime: minTime,
+            maxTime: maxTime,
+            name: name,
             tabIndex: !this.show ? tabIndex : -1,
             valid: this.validity.valid,
             value: this.value,
@@ -315,23 +331,23 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
             rounded: null
         };
         var dateTimePicker = (React.createElement(kendo_react_common_1.AsyncFocusBlur, { onFocus: this.handleFocus, onBlur: this.handleBlur, onSyncFocus: this.props.onFocus, onSyncBlur: this.props.onBlur }, function (_a) {
-            var onFocus = _a.onFocus, onBlur = _a.onBlur;
             var _b;
+            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: {
@@ -460,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.
@@ -468,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

@@ -60,21 +60,21 @@ export declare class DateTimeSelector extends React.Component<DateTimeSelectorPr
     private _acceptButton;
     private _calendarWrap;
     private shouldFocusPart;
-    readonly calendar: Calendar | null;
-    readonly timePart: TimePart | null;
-    protected readonly hasDateValue: boolean;
+    get calendar(): Calendar | null;
+    get timePart(): TimePart | null;
+    protected get hasDateValue(): boolean;
     constructor(props: DateTimeSelectorProps);
     componentDidUpdate(): void;
     render(): JSX.Element;
     focus: (args?: any) => void;
     private calendarElement;
-    protected readonly minTime: Date | null;
-    protected readonly maxTime: Date | null;
+    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;
+    protected move: (direction: 'left' | 'right') => void;
     private handleReject;
     private handleAccept;
     private handleNowClick;