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

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.KendoDate = void 0;
 var kendo_date_math_1 = require("@progress/kendo-date-math");
 var mask_1 = require("./mask");
 var utils_1 = require("./../utils");
@@ -29,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;
@@ -39,23 +40,23 @@ var KendoDate = /** @class */ (function () {
         get: function () {
             return this.intlProvider();
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(KendoDate.prototype, "value", {
         get: function () {
             return this._value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     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);
         }
     };
@@ -70,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));
@@ -128,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':
@@ -200,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));
                     }
                 }
             }

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

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Mask = void 0;
 /**
  * @hidden
  */
 var Mask = /** @class */ (function () {
     function Mask() {
         this.symbols = '';
+        this.partMap = [];
     }
     return Mask;
 }());

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

@@ -21,7 +21,7 @@ export declare const dateSymbolMap: (map: any, part: any) => Function;
 /**
  * @hidden
  */
-export declare const isInRange: (candidate: Date, min: Date, max: Date) => boolean;
+export declare const isInRange: (candidate: Date | null, min: Date, max: Date) => boolean;
 /**
  * @hidden
  */

package/dist/npm/dateinput/utils.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrapperClasses = exports.invalidClasses = exports.isInRange = exports.dateSymbolMap = exports.approximateStringMatching = exports.padZero = exports.defaultFormatPlaceholder = exports.defaultFormat = void 0;
 /**
  * @hidden
  */
@@ -11,11 +12,12 @@ exports.defaultFormatPlaceholder = 'wide';
 /**
  * @hidden
  */
-exports.padZero = function (length) { return new Array(Math.max(length, 0)).fill('0').join(''); };
+var padZero = function (length) { return new Array(Math.max(length, 0)).fill('0').join(''); };
+exports.padZero = padZero;
 /**
  * @hidden
  */
-exports.approximateStringMatching = function (oldTextOrigin, oldFormat, newTextOrigin, selectionStart) {
+var approximateStringMatching = function (oldTextOrigin, oldFormat, newTextOrigin, selectionStart) {
     /*
       Remove the right part of the cursor.
       oldFormat = oldFormat.substring(0, caret + oldText.length - newText.length);
@@ -69,14 +71,17 @@ exports.approximateStringMatching = function (oldTextOrigin, oldFormat, newTextO
     /* Handle typing over a correctly selected part. */
     return [[oldFormat[selectionStart - 1], newText[selectionStart - 1]]];
 };
+exports.approximateStringMatching = approximateStringMatching;
 /**
  * @hidden
  */
-exports.dateSymbolMap = function (map, part) { map[part.pattern[0]] = part.type; return map; };
+var dateSymbolMap = function (map, part) { map[part.pattern[0]] = part.type; return map; };
+exports.dateSymbolMap = dateSymbolMap;
 /**
  * @hidden
  */
-exports.isInRange = function (candidate, min, max) { return (candidate === null || !((min && min > candidate) || (max && max < candidate))); };
+var isInRange = function (candidate, min, max) { return (candidate === null || !((min && min > candidate) || (max && max < candidate))); };
+exports.isInRange = isInRange;
 /**
  * @hidden
  */

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

@@ -113,7 +113,7 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
             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>;
@@ -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" | "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;
         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" | "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
@@ -188,46 +188,46 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
     /**
      * Gets the wrapping element of the DatePickerWithoutContext.
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * Gets the DateInput component inside the DatePicker component.
      */
-    readonly dateInput: DateInput | null;
+    get dateInput(): DateInput | null;
     /**
      * Gets the Calendar component inside the DatePicker component.
      */
-    readonly calendar: Calendar | null;
+    get calendar(): Calendar | null;
     /**
      * Gets the value of the DatePickerWithoutContext.
      */
-    readonly value: Date | null;
+    get value(): Date | null;
     /**
      * Gets the popup state of the DatePickerWithoutContext.
      */
-    readonly show: boolean;
+    get show(): boolean;
     /**
      * Gets the `name` property of the DatePickerWithoutContext.
      */
-    readonly name: string | undefined;
-    protected readonly min: Date;
-    protected readonly max: Date;
-    protected readonly dateInputComp: React.ComponentType<DateInputProps<any>>;
-    protected readonly toggleButtonComp: React.ComponentType<ToggleButtonProps>;
-    protected readonly calendarComp: React.ComponentType<CalendarProps<any>>;
-    protected readonly popupComp: React.ComponentType<PopupProps>;
-    protected readonly pickerWrapComp: React.ComponentType<PickerWrapProps>;
+    get name(): string | undefined;
+    protected get min(): Date;
+    protected get max(): Date;
+    protected get dateInputComp(): React.ComponentType<DateInputProps<any>>;
+    protected get toggleButtonComp(): React.ComponentType<ToggleButtonProps>;
+    protected get calendarComp(): React.ComponentType<CalendarProps<any>>;
+    protected get popupComp(): React.ComponentType<PopupProps>;
+    protected get pickerWrapComp(): React.ComponentType<PickerWrapProps>;
     /**
      * Represents the validity state into which the DatePicker 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
      */
@@ -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

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -28,11 +30,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = exports.DatePickerPropsContext = exports.DatePickerWithoutContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_popup_1 = require("@progress/kendo-react-popup");
@@ -53,11 +58,12 @@ var 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
          */
@@ -88,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;
@@ -138,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,
@@ -153,7 +159,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "dateInput", {
@@ -163,7 +169,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._dateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "calendar", {
@@ -173,7 +179,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._calendar;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "value", {
@@ -186,9 +192,9 @@ 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: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "show", {
@@ -202,7 +208,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                     ? this.props.show
                     : this.state.show;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "name", {
@@ -212,7 +218,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "min", {
@@ -221,7 +227,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.min
                 : DatePickerWithoutContext.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "max", {
@@ -230,42 +236,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", {
@@ -273,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;
@@ -285,7 +291,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "validityStyles", {
@@ -297,7 +303,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : DatePickerWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "required", {
@@ -309,7 +315,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : DatePickerWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -352,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,
@@ -398,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 onFocus = _a.onFocus, onBlur = _a.onBlur;
             var _b;
-            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,
+            var onFocus = _a.onFocus, onBlur = _a.onBlur;
+            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,
@@ -427,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.
@@ -539,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.
@@ -547,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/datepicker/ToggleButton.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleButton = void 0;
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 /**
  * Represents the default `toggleButton` component rendered by the [KendoReact Scheduler DatePicker]({% slug overview_datepicker %}).

package/dist/npm/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
      */