@progress/kendo-react-dateinputs 5.6.0-dev.202208291418 → 5.6.0-dev.202209021051

package/dist/es/calendar/components/HorizontalViewList.js

@@ -127,7 +127,7 @@ var HorizontalViewList = /** @class */ (function (_super) {
             'k-calendar-decadeview': this.props.activeView === CalendarViewEnum.decade,
             'k-calendar-centuryview': this.props.activeView === CalendarViewEnum.century
         });
-        return (React.createElement("div", { ref: function (el) { _this._element = el; }, className: rootClassNames }, this.props.dates.map(function (date) { return (React.createElement("table", { className: "k-calendar-table k-calendar-content k-content", key: date.getTime(), role: "grid" },
+        return (React.createElement("div", { ref: function (el) { _this._element = el; }, className: rootClassNames }, this.props.dates.map(function (date) { return (React.createElement("table", { className: "k-calendar-table k-content", key: date.getTime(), role: "grid" },
             React.createElement(View, { bus: _this.props.bus, service: _this.props.service, key: date.getTime(), direction: "horizontal", activeView: _this.props.activeView, cellUID: _this.props.cellUID, viewDate: date, min: _this.min, max: _this.max, focusedDate: _this.props.focusedDate, selectionRange: selectionRange, selectedDate: _this.props.value, showWeekNumbers: _this.weekNumber, onChange: _this.handleDateChange, onCellEnter: _this.props.onCellEnter, cell: _this.props.cell, weekCell: _this.props.weekCell }))); })));
     };
     HorizontalViewList.defaultProps = {

package/dist/es/calendar/components/MultiViewCalendar.js

@@ -462,9 +462,9 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
         var activeDate = cloneDate(this.dates && this.dates[0] ? this.dates[0] : getToday());
         return (React.createElement("div", { ref: function (el) { _this._element = el; }, className: wrapperClassName, id: this.props.id || this.wrapperID, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, tabIndex: !this.props.disabled ? this.props.tabIndex : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "aria-disabled": this.props.disabled },
             React.createElement(Header, { key: ".kendo.calendar.header.".concat(activeDate.getTime()), activeView: activeView, currentDate: activeDate, min: this.min, max: this.max, rangeLength: this.props.views, bus: this.bus, service: this.service, headerTitle: this.props.headerTitle, commands: (React.createElement(React.Fragment, null,
-                    React.createElement(Button, __assign({ type: "button", className: "k-nav-prev", icon: "arrow-chevron-left", fillMode: "flat", title: prevViewTitle, disabled: isPrevDisabled, onClick: this.handlePrevButtonClick }, prevBtnAria)),
+                    React.createElement(Button, __assign({ type: "button", className: "k-calendar-nav-prev", icon: "chevron-left", fillMode: "flat", title: prevViewTitle, disabled: isPrevDisabled, onClick: this.handlePrevButtonClick }, prevBtnAria)),
                     React.createElement(TodayCommand, { min: this.min, max: this.max, onClick: this.handleTodayClick, disabled: !this.todayIsInRange }),
-                    React.createElement(Button, __assign({ type: "button", className: "k-nav-next", icon: "arrow-chevron-right", fillMode: "flat", title: nextViewTittle, disabled: isNextDisabled, onClick: this.handleNextButtonClick }, nextBtnAria)))) }),
+                    React.createElement(Button, __assign({ type: "button", className: "k-calendar-nav-next", icon: "chevron-right", fillMode: "flat", title: nextViewTittle, disabled: isNextDisabled, onClick: this.handleNextButtonClick }, nextBtnAria)))) }),
             React.createElement(HorizontalViewList, { ref: function (el) { _this.calendarViewList = el; }, dates: this.dates, activeView: activeView, focusedDate: this.focusedDate, min: this.min, max: this.max, bus: this.bus, service: this.service, selectionRange: visualizedRange, value: this.selectedMultiple || this.selectedDate, cellUID: this.cellUID, views: this.props.views, onChange: this.handleDateChange, showWeekNumbers: this.props.weekNumber, onCellEnter: this.handleCellEnter, cell: this.props.cell, weekCell: this.props.weekCell, headerTitle: this.props.headerTitle })));
     };
     /**

package/dist/es/calendar/components/TodayCommand.js

@@ -71,7 +71,7 @@ var TodayCommand = /** @class */ (function (_super) {
     TodayCommand.prototype.render = function () {
         this.localization = provideLocalizationService(this);
         var todayMessage = this.localization.toLanguageString(today, messages[today]);
-        var todayClassNames = classNames('k-nav-today', {
+        var todayClassNames = classNames('k-calendar-nav-today', {
             'k-disabled': this.props.disabled
         });
         return (React.createElement("span", { className: todayClassNames, onClick: this.handleClick, tabIndex: this.props.tabIndex }, todayMessage));

package/dist/es/calendar/components/View.js

@@ -183,7 +183,7 @@ var View = /** @class */ (function (_super) {
                 React.createElement("tr", { role: "row", className: "k-calendar-tr" }, weekNames.map(function (name, idx) { return (React.createElement("th", { key: idx, className: "k-calendar-th" }, name)); })))),
             React.createElement("tbody", { role: "rowgroup", className: "k-calendar-tbody" },
                 !this.isHorizontal && (React.createElement("tr", { role: "presentation", className: "k-calendar-tr" },
-                    React.createElement("th", { scope: "col", colSpan: colSpan, className: "k-calendar-th" }, title))),
+                    React.createElement("th", { scope: "col", colSpan: colSpan, className: "k-calendar-caption" }, title))),
                 data.map(function (row, idx) {
                     return (React.createElement("tr", { role: "row", className: "k-calendar-tr", key: idx },
                         _this.weekNumber && _this.buildWeekNumber(row, idx),

package/dist/es/calendar/services/DOMService.js

@@ -46,7 +46,7 @@ var DOMService = /** @class */ (function () {
         var tbody = containerFactory('tbody');
         var thead = containerFactory('thead');
         var table = containerFactory('table');
-        var monthHeader = function () { return (div("\n            <span class=\"k-button k-button-md k-button-rectangle k-button-solid k-button-solid-base k-button-flat k-calendar-title\">\n                <span className=\"k-button-text\">March 2017</span>\n            </span>\n            <span class=\"k-spacer\"></span>\n            <span class=\"k-calendar-nav k-hstack\"><span class=\"k-nav-today\">TODAY</span></span>\n        ", 'k-calendar-header k-hstack')); };
+        var monthHeader = function () { return (div("\n            <span class=\"k-button k-button-md k-button-rectangle k-button-solid k-button-solid-base k-button-flat k-calendar-title\">\n                <span className=\"k-button-text\">March 2017</span>\n            </span>\n            <span class=\"k-spacer\"></span>\n            <span class=\"k-calendar-nav k-hstack\"><span class=\"k-calendar-nav-today\">TODAY</span></span>\n        ", 'k-calendar-header k-hstack')); };
         var monthWeekHeader = function () { return (table([
             thead([
                 tr([th('MO', 'k-calendar-th')], 'k-calendar-tr')

package/dist/es/dateinput/DateInput.js

@@ -280,8 +280,8 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
                 React.createElement("input", { role: _this.props.ariaRole || 'textbox', tabIndex: _this.props.tabIndex, disabled: _this.props.disabled, title: _this.props.title !== undefined ? _this.props.title : currentText, type: "text", spellCheck: false, autoComplete: "off", autoCorrect: "off", className: "k-input-inner", id: inputId, "aria-label": _this.props.ariaLabel, "aria-labelledby": _this.props.ariaLabelledBy, "aria-describedby": _this.props.ariaDescribedBy, "aria-haspopup": _this.props.ariaHasPopup, "aria-disabled": _this.props.disabled, "aria-expanded": _this.props.ariaExpanded, "aria-controls": _this.props.ariaControls, onWheel: _this.wheel, onClick: _this.elementClick, onInput: _this.elementChange, onPaste: _this.handlePaste, onKeyDown: _this.elementKeyDown, onChange: noop, value: text, placeholder: placeholder, name: name, ref: function (input) { return _this._element = input; } }),
                 _this.props.children,
                 _this.props.spinners && (React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: _this.spinnersMouseDown },
-                    React.createElement(Button, { tabIndex: -1, type: "button", className: "k-spinner-increase", icon: 'arrow-n', "aria-label": localizationService.toLanguageString(increaseValue, messages[increaseValue]), title: localizationService.toLanguageString(increaseValue, messages[increaseValue]), onClick: _this.increasePart }),
-                    React.createElement(Button, { tabIndex: -1, type: "button", className: "k-spinner-decrease", icon: 'arrow-s', "aria-label": localizationService.toLanguageString(decreaseValue, messages[decreaseValue]), title: localizationService.toLanguageString(decreaseValue, messages[decreaseValue]), onClick: _this.decreasePart })))));
+                    React.createElement(Button, { tabIndex: -1, type: "button", rounded: null, className: "k-spinner-increase", icon: 'caret-alt-up', "aria-label": localizationService.toLanguageString(increaseValue, messages[increaseValue]), title: localizationService.toLanguageString(increaseValue, messages[increaseValue]), onClick: _this.increasePart }),
+                    React.createElement(Button, { tabIndex: -1, type: "button", rounded: null, className: "k-spinner-decrease", icon: 'caret-alt-down', "aria-label": localizationService.toLanguageString(decreaseValue, messages[decreaseValue]), title: localizationService.toLanguageString(decreaseValue, messages[decreaseValue]), onClick: _this.decreasePart })))));
         }));
         return label
             ? (React.createElement(FloatingLabel, { label: label, editorId: inputId, editorValue: currentText, editorValid: isValid, editorDisabled: this.props.disabled, children: dateinput, style: { width: this.props.width } }))

package/dist/es/daterangepicker/DateRangePicker.js

@@ -99,12 +99,6 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
             if (!_this.shouldFocusDateInput) {
                 _this.setShow(true);
             }
-            if (_this.startDateInput && _this.startDateInput.element) {
-                _this.startDateInput.element.classList.add('k-focus');
-            }
-            if (_this.endDateInput && _this.endDateInput.element) {
-                _this.endDateInput.element.classList.add('k-focus');
-            }
             var onFocus = _this.props.onFocus;
             if (onFocus) {
                 onFocus.call(undefined, event);
@@ -112,12 +106,6 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         };
         _this.handleBlur = function (event) {
             _this.nextTick(function () {
-                if (_this.startDateInput && _this.startDateInput.element) {
-                    _this.startDateInput.element.classList.remove('k-focus');
-                }
-                if (_this.endDateInput && _this.endDateInput.element) {
-                    _this.endDateInput.element.classList.remove('k-focus');
-                }
                 _this.setShow(false);
             });
             var onBlur = _this.props.onBlur;

package/dist/es/datetimepicker/DateTimePicker.js

@@ -346,7 +346,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                     'aria-label': provideLocalizationService(_this)
                         .toLanguageString(toggleDateTimeSelector, messages[toggleDateTimeSelector])
                 })),
-                React.createElement(PopupComponent, { show: _this.show, animate: _this.element !== null, anchor: _this.element, className: "k-datetime-container k-group k-reset", id: _this._popupId, anchorAlign: {
+                React.createElement(PopupComponent, { show: _this.show, animate: _this.element !== null, anchor: _this.element, popupClass: "k-datetime-container k-reset", id: _this._popupId, anchorAlign: {
                         horizontal: 'left',
                         vertical: 'bottom'
                     }, popupAlign: {

package/dist/es/datetimepicker/DateTimeSelector.js

@@ -214,7 +214,7 @@ var DateTimeSelector = /** @class */ (function (_super) {
                     React.createElement(this.props.calendar, __assign({}, calendarProps)) :
                     React.createElement(Calendar, __assign({ ref: function (calendar) { _this._calendar = calendar; } }, calendarProps))),
                 React.createElement("div", { className: "k-datetime-time-wrap" }, React.createElement(TimePart, { key: 1, onNowClick: this.handleNowClick, disabled: disabled || this.state.tab !== 'time', ref: function (timePart) { _this._timePart = timePart; }, min: this.minTime || MIN_TIME, max: this.maxTime || MAX_TIME, steps: this.props.steps, value: this.state.timeValue, format: format, onChange: this.handleTimeListContainerChange, onMount: this.handleTimePartMount }))),
-            React.createElement("div", { className: "k-datetime-footer k-actions k-hstack k-justify-content-stretch" },
+            React.createElement("div", { className: "k-datetime-footer k-actions k-actions-stretched " },
                 cancelButton && React.createElement(Button, __assign({ type: "button", ref: function (btn) { _this._cancelButton = btn; }, className: "k-time-cancel", onClick: this.handleReject, title: cancelMessage }, { 'aria-label': cancelMessage }), cancelMessage),
                 React.createElement(Button, __assign({ type: "button", themeColor: "primary", ref: function (btn) { _this._acceptButton = btn; }, className: "k-time-accept", disabled: !this.hasDateValue, onClick: this.handleAccept, title: setMessage }, { 'aria-label': setMessage }), setMessage))));
     };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1661781307,
+    publishDate: 1662114661,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/timepicker/TimeSelector.js

@@ -178,11 +178,11 @@ var TimeSelector = /** @class */ (function (_super) {
         var localizationService = provideLocalizationService(this);
         var cancelMessage = localizationService.toLanguageString(timePickerCancel, messages[timePickerCancel]);
         var setMessage = localizationService.toLanguageString(timePickerSet, messages[timePickerSet]);
-        return (React.createElement("div", { ref: function (el) { _this._element = el; }, tabIndex: !disabled ? tabIndex || 0 : undefined, className: classNames('k-timeselector k-reset', className, {
+        return (React.createElement("div", { ref: function (el) { _this._element = el; }, tabIndex: !disabled ? tabIndex || 0 : undefined, className: classNames('k-timeselector', className, {
                 'k-disabled': disabled
             }), onKeyDown: this.handleKeyDown },
             React.createElement(TimePart, { ref: function (el) { _this.timePart = el; }, value: this.current, onChange: this.handleChange, onNowClick: this.handleNowClick, format: format, smoothScroll: smoothScroll, min: min, max: max, boundRange: boundRange, disabled: disabled, nowButton: nowButton, steps: steps, show: this.props.show }),
-            React.createElement("div", { className: "k-time-footer k-actions k-hstack k-justify-content-stretch" },
+            React.createElement("div", { className: "k-time-footer k-actions k-actions-stretched" },
                 cancelButton &&
                     React.createElement(Button, __assign({ type: "button", ref: function (btn) { _this._cancelButton = btn; }, className: "k-time-cancel", onClick: this.handleReject, title: cancelMessage }, { 'aria-label': cancelMessage }), cancelMessage),
                 React.createElement(Button, __assign({ type: "button", ref: function (btn) { _this._acceptButton = btn; }, className: "k-time-accept", themeColor: 'primary', onClick: this.handleAccept, title: setMessage }, { 'aria-label': setMessage }), setMessage))));

package/dist/npm/calendar/components/HorizontalViewList.js

@@ -130,7 +130,7 @@ var HorizontalViewList = /** @class */ (function (_super) {
             'k-calendar-decadeview': this.props.activeView === models_1.CalendarViewEnum.decade,
             'k-calendar-centuryview': this.props.activeView === models_1.CalendarViewEnum.century
         });
-        return (React.createElement("div", { ref: function (el) { _this._element = el; }, className: rootClassNames }, this.props.dates.map(function (date) { return (React.createElement("table", { className: "k-calendar-table k-calendar-content k-content", key: date.getTime(), role: "grid" },
+        return (React.createElement("div", { ref: function (el) { _this._element = el; }, className: rootClassNames }, this.props.dates.map(function (date) { return (React.createElement("table", { className: "k-calendar-table k-content", key: date.getTime(), role: "grid" },
             React.createElement(View_1.View, { bus: _this.props.bus, service: _this.props.service, key: date.getTime(), direction: "horizontal", activeView: _this.props.activeView, cellUID: _this.props.cellUID, viewDate: date, min: _this.min, max: _this.max, focusedDate: _this.props.focusedDate, selectionRange: selectionRange, selectedDate: _this.props.value, showWeekNumbers: _this.weekNumber, onChange: _this.handleDateChange, onCellEnter: _this.props.onCellEnter, cell: _this.props.cell, weekCell: _this.props.weekCell }))); })));
     };
     HorizontalViewList.defaultProps = {

package/dist/npm/calendar/components/MultiViewCalendar.js

@@ -465,9 +465,9 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
         var activeDate = (0, kendo_date_math_1.cloneDate)(this.dates && this.dates[0] ? this.dates[0] : (0, utils_1.getToday)());
         return (React.createElement("div", { ref: function (el) { _this._element = el; }, className: wrapperClassName, id: this.props.id || this.wrapperID, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, tabIndex: !this.props.disabled ? this.props.tabIndex : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "aria-disabled": this.props.disabled },
             React.createElement(Header_1.Header, { key: ".kendo.calendar.header.".concat(activeDate.getTime()), activeView: activeView, currentDate: activeDate, min: this.min, max: this.max, rangeLength: this.props.views, bus: this.bus, service: this.service, headerTitle: this.props.headerTitle, commands: (React.createElement(React.Fragment, null,
-                    React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", className: "k-nav-prev", icon: "arrow-chevron-left", fillMode: "flat", title: prevViewTitle, disabled: isPrevDisabled, onClick: this.handlePrevButtonClick }, prevBtnAria)),
+                    React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", className: "k-calendar-nav-prev", icon: "chevron-left", fillMode: "flat", title: prevViewTitle, disabled: isPrevDisabled, onClick: this.handlePrevButtonClick }, prevBtnAria)),
                     React.createElement(TodayCommand_1.TodayCommand, { min: this.min, max: this.max, onClick: this.handleTodayClick, disabled: !this.todayIsInRange }),
-                    React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", className: "k-nav-next", icon: "arrow-chevron-right", fillMode: "flat", title: nextViewTittle, disabled: isNextDisabled, onClick: this.handleNextButtonClick }, nextBtnAria)))) }),
+                    React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", className: "k-calendar-nav-next", icon: "chevron-right", fillMode: "flat", title: nextViewTittle, disabled: isNextDisabled, onClick: this.handleNextButtonClick }, nextBtnAria)))) }),
             React.createElement(HorizontalViewList_1.HorizontalViewList, { ref: function (el) { _this.calendarViewList = el; }, dates: this.dates, activeView: activeView, focusedDate: this.focusedDate, min: this.min, max: this.max, bus: this.bus, service: this.service, selectionRange: visualizedRange, value: this.selectedMultiple || this.selectedDate, cellUID: this.cellUID, views: this.props.views, onChange: this.handleDateChange, showWeekNumbers: this.props.weekNumber, onCellEnter: this.handleCellEnter, cell: this.props.cell, weekCell: this.props.weekCell, headerTitle: this.props.headerTitle })));
     };
     /**

package/dist/npm/calendar/components/TodayCommand.js

@@ -74,7 +74,7 @@ var TodayCommand = /** @class */ (function (_super) {
     TodayCommand.prototype.render = function () {
         this.localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var todayMessage = this.localization.toLanguageString(messages_1.today, messages_1.messages[messages_1.today]);
-        var todayClassNames = (0, kendo_react_common_1.classNames)('k-nav-today', {
+        var todayClassNames = (0, kendo_react_common_1.classNames)('k-calendar-nav-today', {
             'k-disabled': this.props.disabled
         });
         return (React.createElement("span", { className: todayClassNames, onClick: this.handleClick, tabIndex: this.props.tabIndex }, todayMessage));

package/dist/npm/calendar/components/View.js

@@ -186,7 +186,7 @@ var View = /** @class */ (function (_super) {
                 React.createElement("tr", { role: "row", className: "k-calendar-tr" }, weekNames.map(function (name, idx) { return (React.createElement("th", { key: idx, className: "k-calendar-th" }, name)); })))),
             React.createElement("tbody", { role: "rowgroup", className: "k-calendar-tbody" },
                 !this.isHorizontal && (React.createElement("tr", { role: "presentation", className: "k-calendar-tr" },
-                    React.createElement("th", { scope: "col", colSpan: colSpan, className: "k-calendar-th" }, title))),
+                    React.createElement("th", { scope: "col", colSpan: colSpan, className: "k-calendar-caption" }, title))),
                 data.map(function (row, idx) {
                     return (React.createElement("tr", { role: "row", className: "k-calendar-tr", key: idx },
                         _this.weekNumber && _this.buildWeekNumber(row, idx),

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

@@ -49,7 +49,7 @@ var DOMService = /** @class */ (function () {
         var tbody = (0, utils_1.domContainerFactory)('tbody');
         var thead = (0, utils_1.domContainerFactory)('thead');
         var table = (0, utils_1.domContainerFactory)('table');
-        var monthHeader = function () { return (div("\n            <span class=\"k-button k-button-md k-button-rectangle k-button-solid k-button-solid-base k-button-flat k-calendar-title\">\n                <span className=\"k-button-text\">March 2017</span>\n            </span>\n            <span class=\"k-spacer\"></span>\n            <span class=\"k-calendar-nav k-hstack\"><span class=\"k-nav-today\">TODAY</span></span>\n        ", 'k-calendar-header k-hstack')); };
+        var monthHeader = function () { return (div("\n            <span class=\"k-button k-button-md k-button-rectangle k-button-solid k-button-solid-base k-button-flat k-calendar-title\">\n                <span className=\"k-button-text\">March 2017</span>\n            </span>\n            <span class=\"k-spacer\"></span>\n            <span class=\"k-calendar-nav k-hstack\"><span class=\"k-calendar-nav-today\">TODAY</span></span>\n        ", 'k-calendar-header k-hstack')); };
         var monthWeekHeader = function () { return (table([
             thead([
                 tr([th('MO', 'k-calendar-th')], 'k-calendar-tr')

package/dist/npm/dateinput/DateInput.js

@@ -283,8 +283,8 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
                 React.createElement("input", { role: _this.props.ariaRole || 'textbox', tabIndex: _this.props.tabIndex, disabled: _this.props.disabled, title: _this.props.title !== undefined ? _this.props.title : currentText, type: "text", spellCheck: false, autoComplete: "off", autoCorrect: "off", className: "k-input-inner", id: inputId, "aria-label": _this.props.ariaLabel, "aria-labelledby": _this.props.ariaLabelledBy, "aria-describedby": _this.props.ariaDescribedBy, "aria-haspopup": _this.props.ariaHasPopup, "aria-disabled": _this.props.disabled, "aria-expanded": _this.props.ariaExpanded, "aria-controls": _this.props.ariaControls, onWheel: _this.wheel, onClick: _this.elementClick, onInput: _this.elementChange, onPaste: _this.handlePaste, onKeyDown: _this.elementKeyDown, onChange: kendo_react_common_1.noop, value: text, placeholder: placeholder, name: name, ref: function (input) { return _this._element = input; } }),
                 _this.props.children,
                 _this.props.spinners && (React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: _this.spinnersMouseDown },
-                    React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", className: "k-spinner-increase", icon: 'arrow-n', "aria-label": localizationService.toLanguageString(messages_1.increaseValue, messages_1.messages[messages_1.increaseValue]), title: localizationService.toLanguageString(messages_1.increaseValue, messages_1.messages[messages_1.increaseValue]), onClick: _this.increasePart }),
-                    React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", className: "k-spinner-decrease", icon: 'arrow-s', "aria-label": localizationService.toLanguageString(messages_1.decreaseValue, messages_1.messages[messages_1.decreaseValue]), title: localizationService.toLanguageString(messages_1.decreaseValue, messages_1.messages[messages_1.decreaseValue]), onClick: _this.decreasePart })))));
+                    React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", rounded: null, className: "k-spinner-increase", icon: 'caret-alt-up', "aria-label": localizationService.toLanguageString(messages_1.increaseValue, messages_1.messages[messages_1.increaseValue]), title: localizationService.toLanguageString(messages_1.increaseValue, messages_1.messages[messages_1.increaseValue]), onClick: _this.increasePart }),
+                    React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", rounded: null, className: "k-spinner-decrease", icon: 'caret-alt-down', "aria-label": localizationService.toLanguageString(messages_1.decreaseValue, messages_1.messages[messages_1.decreaseValue]), title: localizationService.toLanguageString(messages_1.decreaseValue, messages_1.messages[messages_1.decreaseValue]), onClick: _this.decreasePart })))));
         }));
         return label
             ? (React.createElement(kendo_react_labels_1.FloatingLabel, { label: label, editorId: inputId, editorValue: currentText, editorValid: isValid, editorDisabled: this.props.disabled, children: dateinput, style: { width: this.props.width } }))

package/dist/npm/daterangepicker/DateRangePicker.js

@@ -102,12 +102,6 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
             if (!_this.shouldFocusDateInput) {
                 _this.setShow(true);
             }
-            if (_this.startDateInput && _this.startDateInput.element) {
-                _this.startDateInput.element.classList.add('k-focus');
-            }
-            if (_this.endDateInput && _this.endDateInput.element) {
-                _this.endDateInput.element.classList.add('k-focus');
-            }
             var onFocus = _this.props.onFocus;
             if (onFocus) {
                 onFocus.call(undefined, event);
@@ -115,12 +109,6 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         };
         _this.handleBlur = function (event) {
             _this.nextTick(function () {
-                if (_this.startDateInput && _this.startDateInput.element) {
-                    _this.startDateInput.element.classList.remove('k-focus');
-                }
-                if (_this.endDateInput && _this.endDateInput.element) {
-                    _this.endDateInput.element.classList.remove('k-focus');
-                }
                 _this.setShow(false);
             });
             var onBlur = _this.props.onBlur;

package/dist/npm/datetimepicker/DateTimePicker.js

@@ -349,7 +349,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                     'aria-label': (0, kendo_react_intl_1.provideLocalizationService)(_this)
                         .toLanguageString(messages_1.toggleDateTimeSelector, messages_1.messages[messages_1.toggleDateTimeSelector])
                 })),
-                React.createElement(PopupComponent, { show: _this.show, animate: _this.element !== null, anchor: _this.element, className: "k-datetime-container k-group k-reset", id: _this._popupId, anchorAlign: {
+                React.createElement(PopupComponent, { show: _this.show, animate: _this.element !== null, anchor: _this.element, popupClass: "k-datetime-container k-reset", id: _this._popupId, anchorAlign: {
                         horizontal: 'left',
                         vertical: 'bottom'
                     }, popupAlign: {

package/dist/npm/datetimepicker/DateTimeSelector.js

@@ -217,7 +217,7 @@ var DateTimeSelector = /** @class */ (function (_super) {
                     React.createElement(this.props.calendar, __assign({}, calendarProps)) :
                     React.createElement(Calendar_1.Calendar, __assign({ ref: function (calendar) { _this._calendar = calendar; } }, calendarProps))),
                 React.createElement("div", { className: "k-datetime-time-wrap" }, React.createElement(TimePart_1.TimePart, { key: 1, onNowClick: this.handleNowClick, disabled: disabled || this.state.tab !== 'time', ref: function (timePart) { _this._timePart = timePart; }, min: this.minTime || utils_1.MIN_TIME, max: this.maxTime || utils_1.MAX_TIME, steps: this.props.steps, value: this.state.timeValue, format: format, onChange: this.handleTimeListContainerChange, onMount: this.handleTimePartMount }))),
-            React.createElement("div", { className: "k-datetime-footer k-actions k-hstack k-justify-content-stretch" },
+            React.createElement("div", { className: "k-datetime-footer k-actions k-actions-stretched " },
                 cancelButton && React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", ref: function (btn) { _this._cancelButton = btn; }, className: "k-time-cancel", onClick: this.handleReject, title: cancelMessage }, { 'aria-label': cancelMessage }), cancelMessage),
                 React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", themeColor: "primary", ref: function (btn) { _this._acceptButton = btn; }, className: "k-time-accept", disabled: !this.hasDateValue, onClick: this.handleAccept, title: setMessage }, { 'aria-label': setMessage }), setMessage))));
     };

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1661781307,
+    publishDate: 1662114661,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/timepicker/TimeSelector.js

@@ -181,11 +181,11 @@ var TimeSelector = /** @class */ (function (_super) {
         var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var cancelMessage = localizationService.toLanguageString(messages_1.timePickerCancel, messages_1.messages[messages_1.timePickerCancel]);
         var setMessage = localizationService.toLanguageString(messages_1.timePickerSet, messages_1.messages[messages_1.timePickerSet]);
-        return (React.createElement("div", { ref: function (el) { _this._element = el; }, tabIndex: !disabled ? tabIndex || 0 : undefined, className: (0, kendo_react_common_1.classNames)('k-timeselector k-reset', className, {
+        return (React.createElement("div", { ref: function (el) { _this._element = el; }, tabIndex: !disabled ? tabIndex || 0 : undefined, className: (0, kendo_react_common_1.classNames)('k-timeselector', className, {
                 'k-disabled': disabled
             }), onKeyDown: this.handleKeyDown },
             React.createElement(TimePart_1.TimePart, { ref: function (el) { _this.timePart = el; }, value: this.current, onChange: this.handleChange, onNowClick: this.handleNowClick, format: format, smoothScroll: smoothScroll, min: min, max: max, boundRange: boundRange, disabled: disabled, nowButton: nowButton, steps: steps, show: this.props.show }),
-            React.createElement("div", { className: "k-time-footer k-actions k-hstack k-justify-content-stretch" },
+            React.createElement("div", { className: "k-time-footer k-actions k-actions-stretched" },
                 cancelButton &&
                     React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", ref: function (btn) { _this._cancelButton = btn; }, className: "k-time-cancel", onClick: this.handleReject, title: cancelMessage }, { 'aria-label': cancelMessage }), cancelMessage),
                 React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", ref: function (btn) { _this._acceptButton = btn; }, className: "k-time-accept", themeColor: 'primary', onClick: this.handleAccept, title: setMessage }, { 'aria-label': setMessage }), setMessage))));