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

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

@@ -12,14 +12,14 @@ var ROWS_LENGTH = 6;
 var SATURDAY = 6;
 var SUNDAY = 0;
 var ACTIONS = (_a = {},
-    _a[NavigationAction_1.Action.Left] = function (date) { return kendo_date_math_1.addDays(date, -1); },
-    _a[NavigationAction_1.Action.Up] = function (date) { return kendo_date_math_1.addWeeks(date, -1); },
-    _a[NavigationAction_1.Action.Right] = function (date) { return kendo_date_math_1.addDays(date, 1); },
-    _a[NavigationAction_1.Action.Down] = function (date) { return kendo_date_math_1.addWeeks(date, 1); },
-    _a[NavigationAction_1.Action.PrevView] = function (date) { return kendo_date_math_1.addMonths(date, -1); },
-    _a[NavigationAction_1.Action.NextView] = function (date) { return kendo_date_math_1.addMonths(date, 1); },
-    _a[NavigationAction_1.Action.FirstInView] = function (date) { return kendo_date_math_1.firstDayOfMonth(date); },
-    _a[NavigationAction_1.Action.LastInView] = function (date) { return kendo_date_math_1.lastDayOfMonth(date); },
+    _a[NavigationAction_1.Action.Left] = function (date) { return (0, kendo_date_math_1.addDays)(date, -1); },
+    _a[NavigationAction_1.Action.Up] = function (date) { return (0, kendo_date_math_1.addWeeks)(date, -1); },
+    _a[NavigationAction_1.Action.Right] = function (date) { return (0, kendo_date_math_1.addDays)(date, 1); },
+    _a[NavigationAction_1.Action.Down] = function (date) { return (0, kendo_date_math_1.addWeeks)(date, 1); },
+    _a[NavigationAction_1.Action.PrevView] = function (date) { return (0, kendo_date_math_1.addMonths)(date, -1); },
+    _a[NavigationAction_1.Action.NextView] = function (date) { return (0, kendo_date_math_1.addMonths)(date, 1); },
+    _a[NavigationAction_1.Action.FirstInView] = function (date) { return (0, kendo_date_math_1.firstDayOfMonth)(date); },
+    _a[NavigationAction_1.Action.LastInView] = function (date) { return (0, kendo_date_math_1.lastDayOfMonth)(date); },
     _a);
 /**
  * @hidden
@@ -29,10 +29,10 @@ var MonthViewService = /** @class */ (function () {
         this.intl = intl;
     }
     MonthViewService.prototype.addToDate = function (min, skip) {
-        return kendo_date_math_1.addMonths(min, skip);
+        return (0, kendo_date_math_1.addMonths)(min, skip);
     };
     MonthViewService.prototype.datesList = function (start, count) {
-        return utils_1.range(0, count).map(function (i) { return kendo_date_math_1.addMonths(start, i); });
+        return (0, utils_1.range)(0, count).map(function (i) { return (0, kendo_date_math_1.addMonths)(start, i); });
     };
     MonthViewService.prototype.data = function (options) {
         var _this = this;
@@ -40,16 +40,16 @@ var MonthViewService = /** @class */ (function () {
         if (!viewDate) {
             return EMPTY_DATA;
         }
-        var firstMonthDate = kendo_date_math_1.firstDayOfMonth(viewDate);
-        var lastMonthDate = kendo_date_math_1.lastDayOfMonth(viewDate);
+        var firstMonthDate = (0, kendo_date_math_1.firstDayOfMonth)(viewDate);
+        var lastMonthDate = (0, kendo_date_math_1.lastDayOfMonth)(viewDate);
         var backward = -1;
-        var date = kendo_date_math_1.dayOfWeek(firstMonthDate, this.intl.firstDay(), backward);
-        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.addDays(date, rowOffset * CELLS_LENGTH);
+        var date = (0, kendo_date_math_1.dayOfWeek)(firstMonthDate, this.intl.firstDay(), backward);
+        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.addDays)(date, rowOffset * CELLS_LENGTH);
             return cells.map(function (cellOffset) {
-                var cellDate = _this.normalize(kendo_date_math_1.addDays(baseDate, cellOffset), min, max);
+                var cellDate = _this.normalize((0, kendo_date_math_1.addDays)(baseDate, cellOffset), min, max);
                 var otherMonth = cellDate < firstMonthDate || cellDate > lastMonthDate;
                 if (otherMonth) {
                     return null;
@@ -57,16 +57,16 @@ var MonthViewService = /** @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));
                 var cell = {
                     formattedValue: _this.value(cellDate),
-                    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: _this.isWeekend(cellDate),
                     isRangeStart: isRangeStart,
                     isRangeMid: isRangeMid,
@@ -85,29 +85,29 @@ var MonthViewService = /** @class */ (function () {
         if (!candidate || !expected) {
             return false;
         }
-        return kendo_date_math_1.getDate(candidate).getTime() === kendo_date_math_1.getDate(expected).getTime();
+        return (0, kendo_date_math_1.getDate)(candidate).getTime() === (0, kendo_date_math_1.getDate)(expected).getTime();
     };
     MonthViewService.prototype.isSelectedFromArray = function (candidate, dates, min, max) {
         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;
             }
         });
         return result;
     };
     MonthViewService.prototype.isInArray = function (date, dates) {
-        return !!dates.length && kendo_date_math_1.firstDayOfMonth(dates[0]) <= date && date <= kendo_date_math_1.lastDayOfMonth(dates[dates.length - 1]);
+        return !!dates.length && (0, kendo_date_math_1.firstDayOfMonth)(dates[0]) <= date && date <= (0, kendo_date_math_1.lastDayOfMonth)(dates[dates.length - 1]);
     };
     MonthViewService.prototype.isInRange = function (candidate, min, max) {
-        var value = kendo_date_math_1.getDate(candidate);
-        var aboveMin = !min || kendo_date_math_1.getDate(min) <= value;
-        var belowMax = !max || value <= kendo_date_math_1.getDate(max);
+        var value = (0, kendo_date_math_1.getDate)(candidate);
+        var aboveMin = !min || (0, kendo_date_math_1.getDate)(min) <= value;
+        var belowMax = !max || value <= (0, kendo_date_math_1.getDate)(max);
         return aboveMin && belowMax;
     };
     MonthViewService.prototype.isInSameView = function (candidate, value) {
-        return kendo_date_math_1.durationInMonths(candidate, value) === 0;
+        return (0, kendo_date_math_1.durationInMonths)(candidate, value) === 0;
     };
     MonthViewService.prototype.isRangeStart = function (value) {
         return !value.getMonth();
@@ -129,24 +129,24 @@ var MonthViewService = /** @class */ (function () {
         return this.isRangeStart(value) ? value.getFullYear().toString() : this.abbrMonthNames()[value.getMonth()];
     };
     MonthViewService.prototype.title = function (current) {
-        return this.wideMonthNames()[current.getMonth()] + " " + current.getFullYear();
+        return "".concat(this.wideMonthNames()[current.getMonth()], " ").concat(current.getFullYear());
     };
     MonthViewService.prototype.rowLength = function (prependCell) {
         return CELLS_LENGTH + (prependCell ? 1 : 0);
     };
     MonthViewService.prototype.skip = function (value, min) {
-        return kendo_date_math_1.durationInMonths(min, value);
+        return (0, kendo_date_math_1.durationInMonths)(min, value);
     };
     MonthViewService.prototype.total = function (min, max) {
-        return kendo_date_math_1.durationInMonths(min, max) + 1;
+        return (0, kendo_date_math_1.durationInMonths)(min, max) + 1;
     };
     MonthViewService.prototype.value = function (current) {
         return current ? current.getDate().toString() : '';
     };
     MonthViewService.prototype.viewDate = function (date, max, border) {
         if (border === void 0) { border = 1; }
-        var renderTwoViews = kendo_date_math_1.durationInMonths(date, max) < border;
-        return renderTwoViews ? kendo_date_math_1.addMonths(date, -1) : date;
+        var renderTwoViews = (0, kendo_date_math_1.durationInMonths)(date, max) < border;
+        return renderTwoViews ? (0, kendo_date_math_1.addMonths)(date, -1) : date;
     };
     MonthViewService.prototype.isWeekend = function (date) {
         var day = date.getDay();
@@ -157,10 +157,10 @@ var MonthViewService = /** @class */ (function () {
     };
     MonthViewService.prototype.normalize = function (cellDate, min, max) {
         if (cellDate < min && this.isEqual(cellDate, min)) {
-            return kendo_date_math_1.getDate(min);
+            return (0, kendo_date_math_1.getDate)(min);
         }
         if (cellDate > max && this.isEqual(cellDate, max)) {
-            return kendo_date_math_1.getDate(max);
+            return (0, kendo_date_math_1.getDate)(max);
         }
         return cellDate;
     };

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

@@ -22,7 +22,7 @@ var NavigationService = /** @class */ (function () {
         this.bus = bus;
     }
     NavigationService.prototype.action = function (event) {
-        var action = "" + (event.ctrlKey || event.metaKey ? 'meta+' : '') + event.keyCode;
+        var action = "".concat(event.ctrlKey || event.metaKey ? 'meta+' : '').concat(event.keyCode);
         return KEY_TO_ACTION[action];
     };
     NavigationService.prototype.move = function (value, action, activeView, service, event) {

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

@@ -9,6 +9,10 @@ var powerByMagnitude = function (magnitude) { return function (x) { return x * m
 var ScrollSyncService = /** @class */ (function () {
     function ScrollSyncService(dom) {
         this.dom = dom;
+        this.divideByMagnitude = null;
+        this.powerByMagnitude = null;
+        this.navigator = null;
+        this.view = null;
         this.monthScrolled = false;
         this.navScrolled = false;
     }
@@ -50,7 +54,7 @@ var ScrollSyncService = /** @class */ (function () {
     };
     ScrollSyncService.prototype.calculateScroll = function (component, scrollTop) {
         var modifier = component === this.navigator ? this.divideByMagnitude : this.powerByMagnitude;
-        return modifier(scrollTop);
+        return modifier ? modifier(scrollTop) : 0;
     };
     return ScrollSyncService;
 }());

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

@@ -11,7 +11,7 @@ var WeekNamesService = /** @class */ (function () {
     }
     WeekNamesService.prototype.getWeekNames = function (includeWeekNumber) {
         if (includeWeekNumber === void 0) { includeWeekNumber = false; }
-        var weekNames = utils_1.shiftWeekNames(this.intl.dateFormatNames({ nameType: 'short', type: 'days' }), this.intl.firstDay());
+        var weekNames = (0, utils_1.shiftWeekNames)(this.intl.dateFormatNames({ nameType: 'short', type: 'days' }), this.intl.firstDay());
         return includeWeekNumber ? [''].concat(weekNames) : weekNames;
     };
     return WeekNamesService;

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/calendar/utils/ScrollSync.d.ts

@@ -4,9 +4,9 @@
 export default class ScrollSync {
     private scrollDetails;
     private scrollNavigation;
-    areDetailsSynced: any;
-    isNavigationSynced: any;
-    magnitude: any;
+    areDetailsSynced: boolean;
+    isNavigationSynced: boolean;
+    magnitude: number;
     constructor(detailsMonthHeight: number, navigationMonthHeight: number, scrollDetails: (scrollTo: number) => void, scrollNavigation: (scrollTo: number) => void);
     syncDetails(navigationScrollTop: number): void;
     syncNavigation(detailsScrollTop: number): void;

package/dist/npm/calendar/utils/ScrollSync.js

@@ -7,6 +7,8 @@ var ScrollSync = /** @class */ (function () {
     function ScrollSync(detailsMonthHeight, navigationMonthHeight, scrollDetails, scrollNavigation) {
         this.scrollDetails = scrollDetails;
         this.scrollNavigation = scrollNavigation;
+        this.areDetailsSynced = false;
+        this.isNavigationSynced = false;
         this.magnitude = Math.max(detailsMonthHeight / navigationMonthHeight, 1);
     }
     ScrollSync.prototype.syncDetails = function (navigationScrollTop) {

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);