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

package/dist/es/datepicker/DatePicker.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -27,8 +29,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -56,6 +60,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         _this._dateInput = React.createRef();
         _this._calendar = null;
         _this.shouldFocusDateInput = false;
+        _this.prevShow = false;
         /**
          * @hidden
          */
@@ -151,7 +156,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "dateInput", {
@@ -161,7 +166,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._dateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "calendar", {
@@ -171,7 +176,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._calendar;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "value", {
@@ -186,7 +191,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                     : this.state.value;
             return (value !== null) ? cloneDate(value) : null;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "show", {
@@ -200,7 +205,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                     ? this.props.show
                     : this.state.show;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "name", {
@@ -210,7 +215,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "min", {
@@ -219,7 +224,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.min
                 : DatePickerWithoutContext.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "max", {
@@ -228,42 +233,42 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.max
                 : DatePickerWithoutContext.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "dateInputComp", {
         get: function () {
             return this.props.dateInput || DatePickerWithoutContext.defaultProps.dateInput;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "toggleButtonComp", {
         get: function () {
             return this.props.toggleButton || DatePickerWithoutContext.defaultProps.toggleButton;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "calendarComp", {
         get: function () {
             return this.props.calendar || DatePickerWithoutContext.defaultProps.calendar;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "popupComp", {
         get: function () {
             return this.props.popup || DatePickerWithoutContext.defaultProps.popup;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "pickerWrapComp", {
         get: function () {
             return this.props.pickerWrap || DatePickerWithoutContext.defaultProps.pickerWrap;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "validity", {
@@ -283,7 +288,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "validityStyles", {
@@ -295,7 +300,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : DatePickerWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "required", {
@@ -307,7 +312,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : DatePickerWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -399,12 +404,12 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         var toggleButtonTitle = provideLocalizationService(this)
             .toLanguageString(toggleCalendar, messages[toggleCalendar]);
         var datepicker = (React.createElement(AsyncFocusBlur, { onFocus: this.handleFocus, onBlur: this.handleBlur, onSyncBlur: this.props.onBlur, onSyncFocus: this.props.onFocus }, function (_a) {
-            var onFocus = _a.onFocus, onBlur = _a.onBlur;
             var _b;
+            var onFocus = _a.onFocus, onBlur = _a.onBlur;
             return (React.createElement("span", { role: "group", "aria-expanded": _this.show, ref: function (span) { _this._element = span; }, className: classNames('k-input', 'k-datepicker', (_b = {},
-                    _b["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
-                    _b["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
-                    _b["k-input-" + fillMode] = fillMode,
+                    _b["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
+                    _b["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+                    _b["k-input-".concat(fillMode)] = fillMode,
                     _b['k-invalid'] = !isValid,
                     _b['k-required'] = _this.required,
                     _b['k-disabled'] = _this.props.disabled,

package/dist/es/datepicker/models/DatePickerSettings.js

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

package/dist/es/datepicker/models/index.js

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

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

@@ -89,7 +89,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
                 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>;
@@ -125,9 +125,9 @@ 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" | "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>;
         }>>;
         focusedDate: PropTypes.Requireable<Date>;
         format: PropTypes.Requireable<string | PropTypes.InferProps<{
@@ -192,29 +192,29 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
     /**
      * Gets the wrapping element of the DateRangePicker.
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * Gets the start DateInput component inside the DatePicker component.
      */
-    readonly startDateInput: DateInput | null;
+    get startDateInput(): DateInput | null;
     /**
      * Gets the end DateInput component inside the DatePicker component.
      */
-    readonly endDateInput: DateInput | null;
+    get endDateInput(): DateInput | null;
     /**
      * Gets the MultiVieCalendar inside the DateRangePicker.
      */
-    readonly calendar: MultiViewCalendar | null;
+    get calendar(): MultiViewCalendar | null;
     /**
      * Gets the value of the DateRangePicker.
      */
-    readonly value: SelectionRange;
+    get value(): SelectionRange;
     /**
      * Gets the popup state of the DateRangePicker.
      */
-    readonly show: boolean;
-    protected readonly min: Date;
-    protected readonly max: Date;
+    get show(): boolean;
+    protected get min(): Date;
+    protected get max(): Date;
     /**
      * @hidden
      */

package/dist/es/daterangepicker/DateRangePicker.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -209,7 +211,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "startDateInput", {
@@ -219,7 +221,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._startDateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "endDateInput", {
@@ -229,7 +231,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._endDateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "calendar", {
@@ -239,7 +241,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._calendar;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "value", {
@@ -254,7 +256,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
                     : this.state.value;
             return value || EMPTY_SELECTIONRANGE;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "show", {
@@ -268,7 +270,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
                     ? this.props.show
                     : this.state.show;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "min", {
@@ -277,7 +279,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.min
                 : DateRangePickerWithoutContext.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "max", {
@@ -286,7 +288,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.max
                 : DateRangePickerWithoutContext.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -332,16 +334,16 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         var startMessage = localizationService.toLanguageString(start, messages[start]);
         var endMessage = localizationService.toLanguageString(end, messages[end]);
         var separatorMessage = localizationService.toLanguageString(separator, messages[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, __assign({}, calendarProps, { ref: this.setCalendarRef }));

package/dist/es/daterangepicker/models/DateRangePickerCalendarSettings.js

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

package/dist/es/daterangepicker/models/DateRangePickerDateInputSettings.js

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

package/dist/es/daterangepicker/models/DateRangePickerPopupSettings.js

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

package/dist/es/daterangepicker/models/DateRangePickerSettings.js

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

package/dist/es/daterangepicker/models/index.js

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

package/dist/es/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/es/datetimepicker/DateTimePicker.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -133,7 +135,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "dateInput", {
@@ -143,7 +145,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._dateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "value", {
@@ -158,7 +160,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                     : this.state.value;
             return (value !== null) ? cloneDate(value) : null;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "show", {
@@ -172,7 +174,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                     ? this.props.show
                     : this.state.show;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "name", {
@@ -182,7 +184,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "min", {
@@ -191,7 +193,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.min
                 : DateTimePickerWithoutContext.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "max", {
@@ -200,7 +202,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.max
                 : DateTimePickerWithoutContext.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "validity", {
@@ -221,7 +223,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "validityStyles", {
@@ -233,7 +235,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : DateTimePickerWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "required", {
@@ -245,7 +247,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : DateTimePickerWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimePickerWithoutContext.prototype, "dateInputComp", {
@@ -255,7 +257,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.dateInput || DateTimePickerWithoutContext.defaultProps.dateInput;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -297,8 +299,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 ? 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,
@@ -313,14 +328,14 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
             rounded: null
         };
         var dateTimePicker = (React.createElement(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: classNames('k-input', 'k-datetimepicker', (_b = {},
-                    _b["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
-                    _b["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
-                    _b["k-input-" + fillMode] = fillMode,
+                    _b["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
+                    _b["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+                    _b["k-input-".concat(fillMode)] = fillMode,
                     _b['k-invalid'] = !isValid,
                     _b['k-required'] = _this.required,
                     _b['k-disabled'] = _this.props.disabled,

package/dist/es/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;