@progress/kendo-react-dateinputs 5.5.1-dev.202207141327 → 5.6.0-dev.202208040930

package/dist/npm/datepicker/DatePicker.js

@@ -382,7 +382,6 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
             value: value,
             label: undefined,
             placeholder: !this.state.focused ? this.props.placeholder : null,
-            ariaHasPopup: true,
             ariaExpanded: this.show,
             size: null,
             fillMode: null,
@@ -409,7 +408,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         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: (0, kendo_react_common_1.classNames)('k-input', 'k-datepicker', (_b = {},
+            return (React.createElement("span", { 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,
@@ -417,8 +416,8 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                     _b['k-required'] = _this.required,
                     _b['k-disabled'] = _this.props.disabled,
                     _b), className), onKeyDown: _this.handleKeyDown, style: { width: width }, onFocus: onFocus, onBlur: onBlur },
-                React.createElement(_this.dateInputComp, __assign({ _ref: _this._dateInput }, dateInputProps)),
-                React.createElement(_this.toggleButtonComp, { tabIndex: -1, type: "button", icon: "calendar", title: toggleButtonTitle, className: "k-input-button", rounded: null, onClick: _this.handleIconClick, "aria-label": toggleButtonTitle, onMouseDown: _this.handleIconMouseDown }),
+                React.createElement(_this.dateInputComp, __assign({ _ref: _this._dateInput, ariaRole: 'combobox', ariaExpanded: _this.show, ariaHasPopup: true, ariaControls: _this._popupId }, dateInputProps)),
+                React.createElement(_this.toggleButtonComp, { type: "button", icon: "calendar", title: toggleButtonTitle, className: "k-input-button", rounded: null, onClick: _this.handleIconClick, "aria-label": toggleButtonTitle, onMouseDown: _this.handleIconMouseDown }),
                 React.createElement(_this.popupComp, __assign({}, popupProps),
                     React.createElement(_this.calendarComp, __assign({ _ref: _this.setCalendarRef }, calendarProps)))));
         }));

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

@@ -119,6 +119,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
             ariaLabelledBy: PropTypes.Requireable<string>;
             ariaDescribedBy: PropTypes.Requireable<string>;
             ariaLabel: PropTypes.Requireable<string>;
+            ariaRole: PropTypes.Requireable<string>;
             ariaExpanded: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             validationMessage: PropTypes.Requireable<string>;
@@ -126,10 +127,10 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
             validate: PropTypes.Requireable<boolean>;
             valid: PropTypes.Requireable<boolean>;
             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>; /**
-             * Gets the wrapping element of the DateRangePicker.
+            rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>; /**
+             * Gets the start DateInput component inside the DatePicker component.
              */
+            fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
         }>>;
         focusedDate: PropTypes.Requireable<Date>;
         format: PropTypes.Requireable<string | PropTypes.InferProps<{

package/dist/npm/daterangepicker/DateRangePicker.js

@@ -362,7 +362,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
             }, className: rootClassName, style: this.props.style, id: this.props.id, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, tabIndex: this.props.tabIndex, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown },
             this.props.startDateInput
                 ? React.createElement(this.props.startDateInput, __assign({}, startDateInputProps))
-                : React.createElement(DateInput_1.DateInput, __assign({}, startDateInputProps, { ref: this._startDateInput })),
+                : React.createElement(DateInput_1.DateInput, __assign({}, startDateInputProps, { ref: this._startDateInput, ariaRole: "combobox", ariaControls: this._popupId })),
             (this.props.allowReverse
                 || (this.props.calendarSettings && this.props.calendarSettings.allowReverse))
                 && this.props.swapButton
@@ -370,7 +370,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
                 : (separatorMessage),
             this.props.endDateInput
                 ? React.createElement(this.props.endDateInput, __assign({}, endDateInputProps))
-                : React.createElement(DateInput_1.DateInput, __assign({}, endDateInputProps, { ref: this._endDateInput })),
+                : React.createElement(DateInput_1.DateInput, __assign({}, endDateInputProps, { ref: this._endDateInput, ariaRole: "combobox", ariaControls: this._popupId })),
             this.props.popup
                 ? React.createElement(this.props.popup, __assign({}, popupProps), calendar)
                 : React.createElement(kendo_react_popup_1.Popup, __assign({}, popupProps), calendar)));

package/dist/npm/datetimepicker/DateTimePicker.js

@@ -343,10 +343,9 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                     _b['k-required'] = _this.required,
                     _b['k-disabled'] = _this.props.disabled,
                     _b), className), onKeyDown: _this.handleKeyDown, style: { width: width }, onFocus: onFocus, onBlur: onBlur },
-                React.createElement(_this.dateInputComp, __assign({ _ref: _this._dateInput }, dataInputProps)),
+                React.createElement(_this.dateInputComp, __assign({ _ref: _this._dateInput, ariaRole: "combobox", ariaControls: _this._popupId }, dataInputProps)),
                 React.createElement(kendo_react_buttons_1.Button, __assign({ tabIndex: -1, type: "button", icon: 'calendar', onMouseDown: _this.handleIconMouseDown, onClick: _this.handleDateIconClick, title: (0, kendo_react_intl_1.provideLocalizationService)(_this)
                         .toLanguageString(messages_1.toggleDateTimeSelector, messages_1.messages[messages_1.toggleDateTimeSelector]), className: "k-input-button", rounded: null }, {
-                    'aria-controls': _this._popupId,
                     'aria-label': (0, kendo_react_intl_1.provideLocalizationService)(_this)
                         .toLanguageString(messages_1.toggleDateTimeSelector, messages_1.messages[messages_1.toggleDateTimeSelector])
                 })),

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1657804219,
+    publishDate: 1659604067,
     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/TimePicker.js

@@ -383,9 +383,8 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
                     _b['k-required'] = _this.required,
                     _b['k-disabled'] = _this.props.disabled,
                     _b), className), onKeyDown: _this.handleKeyDown, style: { width: width }, onFocus: onFocus, onBlur: onBlur },
-                React.createElement(_this.dateInputComp, __assign({ _ref: _this._dateInput }, dateInputProps)),
+                React.createElement(_this.dateInputComp, __assign({ _ref: _this._dateInput, ariaRole: "combobox", ariaControls: _this._popupId }, dateInputProps)),
                 React.createElement(kendo_react_buttons_1.Button, __assign({ tabIndex: -1, type: "button", icon: 'clock', onMouseDown: _this.handleIconMouseDown, onClick: _this.handleIconClick, title: toggleTimeMessage, className: "k-input-button", rounded: null }, {
-                    'aria-controls': _this._popupId,
                     'aria-label': toggleClockMessage
                 })),
                 _this.props.popup