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

package/dist/npm/calendar/services/YearViewService.js

@@ -29,14 +29,14 @@ var downStep = function (month) {
     return 2;
 };
 var ACTIONS = (_a = {},
-    _a[NavigationAction_1.Action.Left] = function (date) { return kendo_date_math_1.addMonths(date, -1); },
-    _a[NavigationAction_1.Action.Up] = function (date) { return kendo_date_math_1.addMonths(date, upStep(date.getMonth())); },
-    _a[NavigationAction_1.Action.Right] = function (date) { return kendo_date_math_1.addMonths(date, 1); },
-    _a[NavigationAction_1.Action.Down] = function (date) { return kendo_date_math_1.addMonths(date, downStep(date.getMonth())); },
-    _a[NavigationAction_1.Action.PrevView] = function (date) { return kendo_date_math_1.addYears(date, -1); },
-    _a[NavigationAction_1.Action.NextView] = function (date) { return kendo_date_math_1.addYears(date, 1); },
-    _a[NavigationAction_1.Action.FirstInView] = function (date) { return kendo_date_math_1.firstMonthOfYear(date); },
-    _a[NavigationAction_1.Action.LastInView] = function (date) { return kendo_date_math_1.lastMonthOfYear(date); },
+    _a[NavigationAction_1.Action.Left] = function (date) { return (0, kendo_date_math_1.addMonths)(date, -1); },
+    _a[NavigationAction_1.Action.Up] = function (date) { return (0, kendo_date_math_1.addMonths)(date, upStep(date.getMonth())); },
+    _a[NavigationAction_1.Action.Right] = function (date) { return (0, kendo_date_math_1.addMonths)(date, 1); },
+    _a[NavigationAction_1.Action.Down] = function (date) { return (0, kendo_date_math_1.addMonths)(date, downStep(date.getMonth())); },
+    _a[NavigationAction_1.Action.PrevView] = function (date) { return (0, kendo_date_math_1.addYears)(date, -1); },
+    _a[NavigationAction_1.Action.NextView] = function (date) { return (0, kendo_date_math_1.addYears)(date, 1); },
+    _a[NavigationAction_1.Action.FirstInView] = function (date) { return (0, kendo_date_math_1.firstMonthOfYear)(date); },
+    _a[NavigationAction_1.Action.LastInView] = function (date) { return (0, kendo_date_math_1.lastMonthOfYear)(date); },
     _a);
 /**
  * @hidden
@@ -46,10 +46,10 @@ var YearViewService = /** @class */ (function () {
         this._intl = intl;
     }
     YearViewService.prototype.addToDate = function (min, skip) {
-        return kendo_date_math_1.addYears(min, skip);
+        return (0, kendo_date_math_1.addYears)(min, skip);
     };
     YearViewService.prototype.datesList = function (start, count) {
-        return utils_1.range(0, count).map(function (i) { return kendo_date_math_1.addYears(start, i); });
+        return (0, utils_1.range)(0, count).map(function (i) { return (0, kendo_date_math_1.addYears)(start, i); });
     };
     YearViewService.prototype.data = function (options) {
         var _this = this;
@@ -58,15 +58,15 @@ var YearViewService = /** @class */ (function () {
             return EMPTY_DATA;
         }
         var months = this.abbrMonthNames();
-        var firstDate = kendo_date_math_1.firstMonthOfYear(viewDate);
-        var lastDate = kendo_date_math_1.lastMonthOfYear(viewDate);
+        var firstDate = (0, kendo_date_math_1.firstMonthOfYear)(viewDate);
+        var lastDate = (0, kendo_date_math_1.lastMonthOfYear)(viewDate);
         var currentYear = firstDate.getFullYear();
-        var cells = utils_1.range(0, CELLS_LENGTH);
-        var today = utils_1.getToday();
-        return utils_1.range(0, ROWS_LENGTH).map(function (rowOffset) {
-            var baseDate = kendo_date_math_1.addMonths(firstDate, rowOffset * CELLS_LENGTH);
+        var cells = (0, utils_1.range)(0, CELLS_LENGTH);
+        var today = (0, utils_1.getToday)();
+        return (0, utils_1.range)(0, ROWS_LENGTH).map(function (rowOffset) {
+            var baseDate = (0, kendo_date_math_1.addMonths)(firstDate, rowOffset * CELLS_LENGTH);
             return cells.map(function (cellOffset) {
-                var cellDate = _this.normalize(kendo_date_math_1.addMonths(baseDate, cellOffset), min, max);
+                var cellDate = _this.normalize((0, kendo_date_math_1.addMonths)(baseDate, cellOffset), min, max);
                 var changedYear = currentYear < cellDate.getFullYear();
                 if (changedYear) {
                     return null;
@@ -74,16 +74,16 @@ var YearViewService = /** @class */ (function () {
                 var isRangeStart = _this.isEqual(cellDate, selectionRange.start);
                 var isRangeEnd = _this.isEqual(cellDate, selectionRange.end);
                 var isInMiddle = !isRangeStart && !isRangeEnd;
-                var isRangeMid = isInMiddle && utils_1.isInSelectionRange(cellDate, selectionRange);
+                var isRangeMid = isInMiddle && (0, utils_1.isInSelectionRange)(cellDate, selectionRange);
                 var isSelected = isActiveView && (!Array.isArray(selectedDate)
-                    ? utils_1.isInRange(selectedDate, min, max) && _this.isEqual(cellDate, selectedDate)
+                    ? (0, utils_1.isInRange)(selectedDate, min, max) && _this.isEqual(cellDate, selectedDate)
                     : _this.isSelectedFromArray(cellDate, selectedDate, min, max));
                 return {
                     formattedValue: months[cellDate.getMonth()],
-                    id: "" + cellUID + cellDate.getTime(),
+                    id: "".concat(cellUID).concat(cellDate.getTime()),
                     isFocused: _this.isEqual(cellDate, focusedDate),
                     isSelected: isSelected,
-                    isInRange: utils_1.isInRange(cellDate, min, max),
+                    isInRange: (0, utils_1.isInRange)(cellDate, min, max),
                     isWeekend: false,
                     isRangeStart: isRangeStart,
                     isRangeMid: isRangeMid,
@@ -101,7 +101,7 @@ var YearViewService = /** @class */ (function () {
         var _this = this;
         var result = false;
         dates.forEach(function (date) {
-            if (utils_1.isInRange(candidate, min, max) && _this.isEqual(candidate, date)) {
+            if ((0, utils_1.isInRange)(candidate, min, max) && _this.isEqual(candidate, date)) {
                 result = true;
             }
         });
@@ -122,13 +122,13 @@ var YearViewService = /** @class */ (function () {
         return dates[0].getFullYear() <= year && year <= dates[dates.length - 1].getFullYear();
     };
     YearViewService.prototype.isInRange = function (candidate, min, max) {
-        var candidateValue = kendo_date_math_1.createDate(candidate.getFullYear(), candidate.getMonth(), 1);
-        var aboveMin = !min || kendo_date_math_1.createDate(min.getFullYear(), min.getMonth(), 1) <= candidateValue;
-        var belowMax = !max || candidateValue <= kendo_date_math_1.createDate(max.getFullYear(), max.getMonth(), 1);
+        var candidateValue = (0, kendo_date_math_1.createDate)(candidate.getFullYear(), candidate.getMonth(), 1);
+        var aboveMin = !min || (0, kendo_date_math_1.createDate)(min.getFullYear(), min.getMonth(), 1) <= candidateValue;
+        var belowMax = !max || candidateValue <= (0, kendo_date_math_1.createDate)(max.getFullYear(), max.getMonth(), 1);
         return aboveMin && belowMax;
     };
     YearViewService.prototype.isInSameView = function (candidate, value) {
-        return kendo_date_math_1.durationInYears(candidate, value) === 0;
+        return (0, kendo_date_math_1.durationInYears)(candidate, value) === 0;
     };
     YearViewService.prototype.isRangeStart = function (value) {
         return value.getFullYear() % 10 === 0;
@@ -141,7 +141,7 @@ var YearViewService = /** @class */ (function () {
         return modifier(value);
     };
     YearViewService.prototype.cellTitle = function (value) {
-        return value.getFullYear() + " " + this.value(value);
+        return "".concat(value.getFullYear(), " ").concat(this.value(value));
     };
     YearViewService.prototype.navigationTitle = function (value) {
         return this.title(value);
@@ -153,28 +153,28 @@ var YearViewService = /** @class */ (function () {
         return CELLS_LENGTH;
     };
     YearViewService.prototype.skip = function (value, min) {
-        return kendo_date_math_1.durationInYears(min, value);
+        return (0, kendo_date_math_1.durationInYears)(min, value);
     };
     YearViewService.prototype.total = function (min, max) {
-        return kendo_date_math_1.durationInYears(min, max) + 1;
+        return (0, kendo_date_math_1.durationInYears)(min, max) + 1;
     };
     YearViewService.prototype.value = function (current) {
         return current ? this.abbrMonthNames()[current.getMonth()] : '';
     };
     YearViewService.prototype.viewDate = function (date, max, border) {
         if (border === void 0) { border = 1; }
-        var renderTwoViews = kendo_date_math_1.durationInYears(date, max) < border;
-        return renderTwoViews ? kendo_date_math_1.addYears(date, -1) : date;
+        var renderTwoViews = (0, kendo_date_math_1.durationInYears)(date, max) < border;
+        return renderTwoViews ? (0, kendo_date_math_1.addYears)(date, -1) : date;
     };
     YearViewService.prototype.abbrMonthNames = function () {
         return this._intl.dateFormatNames({ nameType: 'abbreviated', type: 'months' });
     };
     YearViewService.prototype.normalize = function (cellDate, min, max) {
         if (cellDate < min && this.isEqual(cellDate, min)) {
-            return kendo_date_math_2.cloneDate(min);
+            return (0, kendo_date_math_2.cloneDate)(min);
         }
         if (cellDate > max && this.isEqual(cellDate, max)) {
-            return kendo_date_math_2.cloneDate(max);
+            return (0, kendo_date_math_2.cloneDate)(max);
         }
         return cellDate;
     };

package/dist/npm/common/PickerWrap.js

@@ -12,6 +12,6 @@ exports.PickerWrap = React.forwardRef(function (props, ref) {
     var element = React.useRef(null);
     React.useImperativeHandle(ref, function () { return element.current; });
     React.useImperativeHandle(_ref, function () { return element.current; });
-    var className = React.useMemo(function () { return kendo_react_common_1.classNames(props.className, 'k-picker-wrap'); }, [props.className]);
+    var className = React.useMemo(function () { return (0, kendo_react_common_1.classNames)(props.className, 'k-picker-wrap'); }, [props.className]);
     return (React.createElement("span", { ref: element, id: props.id, style: props.style, className: className, tabIndex: props.tabIndex }, props.children));
 });

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

@@ -18,6 +18,10 @@ export interface DateInputChangeEvent<T = DateInput> {
 export interface DateInputProps<T extends DateInput = any> extends FormComponentProps, DateInputSettings {
     /** @hidden */
     _ref?: React.MutableRefObject<DateInput | null>;
+    /**
+     * @hidden
+     */
+    children?: React.ReactNode;
     /**
      * Sets a class of the DateInput DOM element.
      */
@@ -146,18 +150,18 @@ export declare class DateInputWithoutContext extends React.Component<DateInputPr
         required: PropTypes.Requireable<boolean>;
         validate: PropTypes.Requireable<boolean>;
         valid: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large">;
-        fillMode: PropTypes.Requireable<"flat" | "solid" | "outline">;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+        fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
     };
     /**
      * @hidden
      */
     static defaultProps: {
         format: string;
-        size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "full" | "large";
-        fillMode: "flat" | "solid" | "outline";
+        size: "small" | "medium" | "large" | null | undefined;
+        rounded: "small" | "medium" | "full" | "large" | null | undefined;
+        fillMode: "flat" | "outline" | "solid" | null | undefined;
         formatPlaceholder: DateInputFormatPlaceholder;
         spinners: boolean;
         disabled: boolean;
@@ -168,7 +172,7 @@ export declare class DateInputWithoutContext extends React.Component<DateInputPr
         required: boolean;
         validityStyles: boolean;
         validationMessage: string;
-        placeholder: any;
+        placeholder: null;
     };
     private kendoDate;
     private currentFormat;

package/dist/npm/dateinput/DateInput.js

@@ -25,10 +25,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateInput = exports.DateInputPropsContext = exports.DateInputWithoutContext = void 0;
@@ -55,10 +59,12 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
     function DateInputWithoutContext(props) {
         var _this = _super.call(this, props) || this;
         _this.kendoDate = null;
+        _this.currentFormat = '';
         _this.paste = false;
         _this._element = null;
         _this._wrapper = null;
-        _this._inputId = kendo_react_common_1.guid();
+        _this._inputId = (0, kendo_react_common_1.guid)();
+        _this._lastSelectedSymbol = '';
         /**
          * @hidden
          */
@@ -81,7 +87,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
             if (!_this.element || !_this.kendoDate) {
                 return;
             }
-            var value = kendo_react_intl_1.provideIntlService(_this).parseDate(_this.element.value, _this.props.format) || _this.value;
+            var value = (0, kendo_react_intl_1.provideIntlService)(_this).parseDate(_this.element.value, _this.props.format) || _this.value;
             var oldValue = _this.value;
             _this.kendoDate.setValue(value);
             _this.triggerChange(event, oldValue);
@@ -110,7 +116,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
             var _a = _this.kendoDate.getTextAndFormat(), text = _a.text, currentFormat = _a.format;
             _this.currentFormat = currentFormat;
             var dateBeforeChange = _this.value;
-            var diff = utils_1.approximateStringMatching(text, _this.currentFormat, _this.element.value, _this.selection.start);
+            var diff = (0, utils_1.approximateStringMatching)(text, _this.currentFormat, _this.element.value, _this.selection.start);
             var navigationOnly = (diff.length === 1 && diff[0][1] === '_');
             if (!navigationOnly) {
                 for (var i = 0; i < diff.length; i++) {
@@ -203,7 +209,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
             }
             _this.setState({ focused: false });
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         _this.state = {
             focused: false
         };
@@ -247,7 +253,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
         if (this.props._ref) {
             this.props._ref.current = this;
         }
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var props = __assign(__assign({}, DateInputWithoutContext.defaultProps), this.props);
         var min = props.min, max = props.max, name = props.name, label = props.label, id = props.id;
         var currentText = this.text;
@@ -263,7 +269,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
         if (this.value !== null) {
             ariaProps['aria-valuenow'] = this.value.getTime();
         }
-        var wrapperClassesInstance = __spreadArray([], utils_1.wrapperClasses);
+        var wrapperClassesInstance = __spreadArray([], utils_1.wrapperClasses, true);
         if (this.props.className) {
             wrapperClassesInstance.push(this.props.className);
         }
@@ -272,10 +278,10 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
             var onFocus = _a.onFocus, onBlur = _a.onBlur;
             return (React.createElement("span", { ref: function (span) { _this._wrapper = span; }, style: !label
                     ? { width: _this.props.width }
-                    : undefined, dir: _this.props.dir, className: kendo_react_common_1.classNames('k-dateinput', 'k-input', (_b = {},
-                    _b["k-input-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
-                    _b["k-input-" + fillMode] = fillMode,
-                    _b["k-rounded-" + (kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+                    : undefined, dir: _this.props.dir, className: (0, kendo_react_common_1.classNames)('k-dateinput', 'k-input', (_b = {},
+                    _b["k-input-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
+                    _b["k-input-".concat(fillMode)] = fillMode,
+                    _b["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
                     _b['k-invalid'] = !isValid,
                     _b['k-required'] = _this.required,
                     _b['k-disabled'] = _this.props.disabled,
@@ -366,8 +372,8 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
          * Represents the validity state into which the DateInput is set.
          */
         get: function () {
-            var inRange = utils_1.isInRange(this.value, this.min, this.max)
-                && utils_3.isInTimeRange(this.value, this.props.minTime, this.props.maxTime);
+            var inRange = (0, utils_1.isInRange)(this.value, this.min, this.max)
+                && (0, utils_3.isInTimeRange)(this.value, this.props.minTime, this.props.maxTime);
             var customError = this.props.validationMessage !== undefined;
             var isValid = (!this.required || this.value !== null) && inRange;
             var valid = this.props.valid !== undefined ? this.props.valid : isValid;
@@ -458,7 +464,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
      * @hidden
      */
     DateInputWithoutContext.prototype.intl = function () {
-        return kendo_react_intl_1.provideIntlService(this);
+        return (0, kendo_react_intl_1.provideIntlService)(this);
     };
     Object.defineProperty(DateInputWithoutContext.prototype, "selection", {
         /*  end handlers */
@@ -485,7 +491,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
         this.valueDuringOnChange = this.value;
         this.forceUpdate();
         if (this.props.onChange
-            && !kendo_date_math_1.isEqual(oldValue, this.value)) {
+            && !(0, kendo_date_math_1.isEqual)(oldValue, this.value)) {
             // isEqual works with null
             this.props.onChange.call(undefined, {
                 syntheticEvent: event,
@@ -661,10 +667,10 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
         // defaultValue: null as Date | null,
         spinners: false,
         disabled: false,
-        max: kendo_date_math_1.cloneDate(utils_2.MAX_DATE),
-        min: kendo_date_math_1.cloneDate(utils_2.MIN_DATE),
-        minTime: kendo_date_math_1.cloneDate(defaults_1.MIN_TIME),
-        maxTime: kendo_date_math_1.cloneDate(defaults_1.MAX_TIME),
+        max: (0, kendo_date_math_1.cloneDate)(utils_2.MAX_DATE),
+        min: (0, kendo_date_math_1.cloneDate)(utils_2.MIN_DATE),
+        minTime: (0, kendo_date_math_1.cloneDate)(defaults_1.MIN_TIME),
+        maxTime: (0, kendo_date_math_1.cloneDate)(defaults_1.MAX_TIME),
         required: false,
         validityStyles: true,
         validationMessage: VALIDATION_MESSAGE,
@@ -680,7 +686,7 @@ exports.DateInputWithoutContext = DateInputWithoutContext;
  *
  * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
  */
-exports.DateInputPropsContext = kendo_react_common_1.createPropsContext();
+exports.DateInputPropsContext = (0, kendo_react_common_1.createPropsContext)();
 ;
 /* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
 /**
@@ -689,7 +695,7 @@ exports.DateInputPropsContext = kendo_react_common_1.createPropsContext();
  * Accepts properties of type [DateInputProps]({% slug api_dateinputs_dateinputprops %}).
  * Obtaining the `ref` returns an object of type [DateInputHandle]({% slug api_dateinputs_dateinputhandle %}).
  */
-exports.DateInput = kendo_react_common_1.withPropsContext(exports.DateInputPropsContext, DateInputWithoutContext);
+exports.DateInput = (0, kendo_react_common_1.withPropsContext)(exports.DateInputPropsContext, DateInputWithoutContext);
 exports.DateInput.displayName = 'KendoReactDateInput';
-kendo_react_intl_1.registerForIntl(DateInputWithoutContext);
-kendo_react_intl_1.registerForLocalization(DateInputWithoutContext);
+(0, kendo_react_intl_1.registerForIntl)(DateInputWithoutContext);
+(0, kendo_react_intl_1.registerForLocalization)(DateInputWithoutContext);

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

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

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

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

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

@@ -143,16 +143,16 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
         required: PropTypes.Requireable<boolean>;
         validate: PropTypes.Requireable<boolean>;
         valid: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large">;
-        fillMode: PropTypes.Requireable<"flat" | "solid" | "outline">;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+        fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
     };
     /**
      * @hidden
      */
     static defaultProps: {
         defaultShow: boolean;
-        defaultValue: any;
+        defaultValue: null;
         dateInput: React.ComponentType<DateInputProps<any>>;
         calendar: React.ComponentType<CalendarProps<any>>;
         toggleButton: React.ComponentType<ToggleButtonProps>;
@@ -167,9 +167,9 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
         weekNumber: boolean;
         required: boolean;
         validityStyles: boolean;
-        size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "full" | "large";
-        fillMode: "flat" | "solid" | "outline";
+        size: "small" | "medium" | "large" | null | undefined;
+        rounded: "small" | "medium" | "full" | "large" | null | undefined;
+        fillMode: "flat" | "outline" | "solid" | null | undefined;
     };
     /**
      * @hidden
@@ -249,7 +249,7 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
      */
     render(): JSX.Element;
     protected setCalendarRef: (calendar: any) => void;
-    protected nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => Date;
+    protected nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => Date | null;
     protected nextShow: (nextProps: DatePickerProps, nextState: DatePickerState) => boolean;
     protected setShow(show: boolean): void;
     protected mergeTime(value: Date | null): Date | null;

package/dist/npm/datepicker/DatePicker.js

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

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

@@ -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" | "full" | "large">;
-            fillMode: PropTypes.Requireable<"flat" | "solid" | "outline">;
+            size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+            rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+            fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
         }>>;
         focusedDate: PropTypes.Requireable<Date>;
         format: PropTypes.Requireable<string | PropTypes.InferProps<{