@progress/kendo-react-dateinputs 5.10.0-dev.202211241147 → 5.10.0-dev.202212021149

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/cdn/js/kendo-react-dateinputs.js +1 -1
  2. package/dist/es/calendar/components/ViewList.js +2 -2
  3. package/dist/es/dateinput/DateInput.d.ts +4 -2
  4. package/dist/es/dateinput/DateInput.js +6 -1
  5. package/dist/es/datepicker/DatePicker.js +1 -1
  6. package/dist/es/daterangepicker/DateRangePicker.d.ts +5 -4
  7. package/dist/es/daterangepicker/DateRangePicker.js +2 -2
  8. package/dist/es/datetimepicker/DateTimePicker.js +0 -1
  9. package/dist/es/package-metadata.js +1 -1
  10. package/dist/npm/calendar/components/ViewList.js +2 -2
  11. package/dist/npm/dateinput/DateInput.d.ts +4 -2
  12. package/dist/npm/dateinput/DateInput.js +6 -1
  13. package/dist/npm/datepicker/DatePicker.js +1 -1
  14. package/dist/npm/daterangepicker/DateRangePicker.d.ts +5 -4
  15. package/dist/npm/daterangepicker/DateRangePicker.js +2 -2
  16. package/dist/npm/datetimepicker/DateTimePicker.js +0 -1
  17. package/dist/npm/package-metadata.js +1 -1
  18. package/dist/systemjs/kendo-react-dateinputs.js +1 -1
  19. package/package.json +12 -12
package/dist/es/calendar/components/ViewList.js CHANGED
@@ -77,14 +77,14 @@ var ViewList = /** @class */ (function (_super) {
77
77
  }
78
78
  };
79
79
  _this.buildMonthView = function (cols, weekNames) {
80
- return (React.createElement("table", { key: "calendar-view-list-weekdays", className: "k-calendar-table k-calendar-weekdays" },
80
+ return (React.createElement("table", { key: "calendar-view-list-weekdays", className: "k-calendar-table k-calendar-weekdays", role: "grid", tabIndex: _this.props.tabIndex },
81
81
  React.createElement("colgroup", null, cols.map(function (_, idx) { return (React.createElement("col", { key: idx })); })),
82
82
  React.createElement("thead", { className: "k-calendar-thead" },
83
83
  React.createElement("tr", { className: "k-calendar-tr" }, weekNames.map(function (name, idx) { return (React.createElement("th", { key: idx, className: "k-calendar-th" }, name)); })))));
84
84
  };
85
85
  _this.buildDates = function (cols, dates) {
86
86
  var cellUID = _this.props.cellUID;
87
- return (React.createElement("table", { className: "k-calendar-table", ref: function (table) { return _this.table = table; }, role: "grid", "aria-activedescendant": cellUID + _this.props.focusedDate.getTime() },
87
+ return (React.createElement("table", { className: "k-calendar-table", ref: function (table) { return _this.table = table; }, role: "grid", tabIndex: _this.props.tabIndex, "aria-activedescendant": cellUID + _this.props.focusedDate.getTime() },
88
88
  React.createElement("colgroup", null, cols.map(function (_, idx) { return (React.createElement("col", { key: idx })); })),
89
89
  dates.map(function (date) { return (React.createElement(View, { ref: function (el) { if (!_this.calendarView) {
90
90
  _this.calendarView = el;
package/dist/es/dateinput/DateInput.d.ts CHANGED
@@ -35,9 +35,9 @@ export interface DateInputProps<T extends DateInput = any> extends FormComponent
35
35
  */
36
36
  defaultValue?: Date | null;
37
37
  /**
38
- * Indicates the availability of interactive popup element that can be triggered by an element.
38
+ * Indicates the availability of interactive popup element that can be triggered by an element. By default the property is set to `grid`.
39
39
  */
40
- ariaHasPopup?: boolean;
40
+ ariaHasPopup?: boolean | 'grid';
41
41
  /**
42
42
  * Indicates whether the element is currently expanded or collapsed.
43
43
  */
@@ -153,6 +153,7 @@ export declare class DateInputWithoutContext extends React.Component<DateInputPr
153
153
  ariaDescribedBy: PropTypes.Requireable<string>;
154
154
  ariaLabel: PropTypes.Requireable<string>;
155
155
  ariaRole: PropTypes.Requireable<string>;
156
+ ariaHasPopup: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
156
157
  ariaExpanded: PropTypes.Requireable<NonNullable<boolean | null | undefined>>;
157
158
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
158
159
  validationMessage: PropTypes.Requireable<string>;
@@ -182,6 +183,7 @@ export declare class DateInputWithoutContext extends React.Component<DateInputPr
182
183
  validityStyles: boolean;
183
184
  validationMessage: string;
184
185
  placeholder: null;
186
+ ariaHasPopup: string;
185
187
  };
186
188
  private kendoDate;
187
189
  private currentFormat;
package/dist/es/dateinput/DateInput.js CHANGED
@@ -636,6 +636,10 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
636
636
  ariaDescribedBy: PropTypes.string,
637
637
  ariaLabel: PropTypes.string,
638
638
  ariaRole: PropTypes.string,
639
+ ariaHasPopup: PropTypes.oneOfType([
640
+ PropTypes.bool,
641
+ PropTypes.string
642
+ ]),
639
643
  ariaExpanded: PropTypes.oneOfType([
640
644
  PropTypes.bool
641
645
  ]),
@@ -667,8 +671,9 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
667
671
  required: false,
668
672
  validityStyles: true,
669
673
  validationMessage: VALIDATION_MESSAGE,
670
- placeholder: null
674
+ placeholder: null,
671
675
  // the rest of the properties are undefined by default
676
+ ariaHasPopup: 'grid'
672
677
  };
673
678
  return DateInputWithoutContext;
674
679
  }(React.Component));
package/dist/es/datepicker/DatePicker.js CHANGED
@@ -413,7 +413,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
413
413
  _b['k-required'] = _this.required,
414
414
  _b['k-disabled'] = _this.props.disabled,
415
415
  _b), className), onKeyDown: _this.handleKeyDown, style: { width: width }, onFocus: onFocus, onBlur: onBlur },
416
- React.createElement(_this.dateInputComp, __assign({ _ref: _this._dateInput, ariaRole: 'combobox', ariaExpanded: _this.show, ariaHasPopup: true, ariaControls: _this._popupId }, dateInputProps)),
416
+ React.createElement(_this.dateInputComp, __assign({ _ref: _this._dateInput, ariaRole: 'combobox', ariaExpanded: _this.show, ariaControls: _this._popupId }, dateInputProps)),
417
417
  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 }),
418
418
  React.createElement(_this.popupComp, __assign({}, popupProps),
419
419
  React.createElement(_this.calendarComp, __assign({ _ref: _this.setCalendarRef }, calendarProps)))));
package/dist/es/daterangepicker/DateRangePicker.d.ts CHANGED
@@ -88,7 +88,9 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
88
88
  minute: PropTypes.Requireable<string>;
89
89
  second: PropTypes.Requireable<string>;
90
90
  timeZoneName: PropTypes.Requireable<string>;
91
- }> | null | undefined>>;
91
+ }> | null | undefined>>; /**
92
+ * @hidden
93
+ */
92
94
  formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
93
95
  year: PropTypes.Requireable<string>;
94
96
  month: PropTypes.Requireable<string>;
@@ -120,6 +122,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
120
122
  ariaDescribedBy: PropTypes.Requireable<string>;
121
123
  ariaLabel: PropTypes.Requireable<string>;
122
124
  ariaRole: PropTypes.Requireable<string>;
125
+ ariaHasPopup: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
123
126
  ariaExpanded: PropTypes.Requireable<NonNullable<boolean | null | undefined>>;
124
127
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
125
128
  validationMessage: PropTypes.Requireable<string>;
@@ -127,9 +130,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
127
130
  validate: PropTypes.Requireable<boolean>;
128
131
  valid: PropTypes.Requireable<boolean>;
129
132
  size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
130
- rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>; /**
131
- * Gets the start DateInput component inside the DatePicker component.
132
- */
133
+ rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
133
134
  fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
134
135
  }>>;
135
136
  focusedDate: PropTypes.Requireable<Date>;
package/dist/es/daterangepicker/DateRangePicker.js CHANGED
@@ -322,8 +322,8 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
322
322
  var startMessage = localizationService.toLanguageString(start, messages[start]);
323
323
  var endMessage = localizationService.toLanguageString(end, messages[end]);
324
324
  var separatorMessage = localizationService.toLanguageString(separator, messages[separator]);
325
- var startDateInputProps = __assign(__assign({ label: startMessage, format: this.props.format, min: this.min, max: this.max, id: this._startInputId, disabled: this.props.disabled, valid: this.props.valid, ariaHasPopup: true, ariaExpanded: this.show }, this.props.startDateInputSettings), { value: value.start, onChange: this.handleStartChange });
326
- var endDateInputProps = __assign(__assign({ label: endMessage, format: this.props.format, min: this.min, max: this.max, id: this._endInputId, disabled: this.props.disabled, valid: this.props.valid, ariaHasPopup: true, ariaExpanded: this.show }, this.props.endDateInputSettings), { value: value.end, onChange: this.handleEndChange });
325
+ var startDateInputProps = __assign(__assign({ label: startMessage, format: this.props.format, min: this.min, max: this.max, id: this._startInputId, disabled: this.props.disabled, valid: this.props.valid, tabIndex: this.props.tabIndex, ariaExpanded: this.show }, this.props.startDateInputSettings), { value: value.start, onChange: this.handleStartChange });
326
+ var endDateInputProps = __assign(__assign({ label: endMessage, format: this.props.format, min: this.min, max: this.max, id: this._endInputId, disabled: this.props.disabled, valid: this.props.valid, tabIndex: this.props.tabIndex, ariaExpanded: this.show }, this.props.endDateInputSettings), { value: value.end, onChange: this.handleEndChange });
327
327
  var popupProps = __assign(__assign({ animate: this._element !== null, anchor: this._element, id: this._popupId, anchorAlign: {
328
328
  horizontal: 'left',
329
329
  vertical: 'bottom'
package/dist/es/datetimepicker/DateTimePicker.js CHANGED
@@ -321,7 +321,6 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
321
321
  steps: this.props.steps,
322
322
  label: undefined,
323
323
  placeholder: !this.state.focused ? this.props.placeholder : null,
324
- ariaHasPopup: true,
325
324
  ariaExpanded: this.show,
326
325
  size: null,
327
326
  fillMode: null,
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-dateinputs',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1669289284,
8
+ publishDate: 1669980591,
9
9
  version: '',
10
10
  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'
11
11
  };
package/dist/npm/calendar/components/ViewList.js CHANGED
@@ -80,14 +80,14 @@ var ViewList = /** @class */ (function (_super) {
80
80
  }
81
81
  };
82
82
  _this.buildMonthView = function (cols, weekNames) {
83
- return (React.createElement("table", { key: "calendar-view-list-weekdays", className: "k-calendar-table k-calendar-weekdays" },
83
+ return (React.createElement("table", { key: "calendar-view-list-weekdays", className: "k-calendar-table k-calendar-weekdays", role: "grid", tabIndex: _this.props.tabIndex },
84
84
  React.createElement("colgroup", null, cols.map(function (_, idx) { return (React.createElement("col", { key: idx })); })),
85
85
  React.createElement("thead", { className: "k-calendar-thead" },
86
86
  React.createElement("tr", { className: "k-calendar-tr" }, weekNames.map(function (name, idx) { return (React.createElement("th", { key: idx, className: "k-calendar-th" }, name)); })))));
87
87
  };
88
88
  _this.buildDates = function (cols, dates) {
89
89
  var cellUID = _this.props.cellUID;
90
- return (React.createElement("table", { className: "k-calendar-table", ref: function (table) { return _this.table = table; }, role: "grid", "aria-activedescendant": cellUID + _this.props.focusedDate.getTime() },
90
+ return (React.createElement("table", { className: "k-calendar-table", ref: function (table) { return _this.table = table; }, role: "grid", tabIndex: _this.props.tabIndex, "aria-activedescendant": cellUID + _this.props.focusedDate.getTime() },
91
91
  React.createElement("colgroup", null, cols.map(function (_, idx) { return (React.createElement("col", { key: idx })); })),
92
92
  dates.map(function (date) { return (React.createElement(View_1.View, { ref: function (el) { if (!_this.calendarView) {
93
93
  _this.calendarView = el;
package/dist/npm/dateinput/DateInput.d.ts CHANGED
@@ -35,9 +35,9 @@ export interface DateInputProps<T extends DateInput = any> extends FormComponent
35
35
  */
36
36
  defaultValue?: Date | null;
37
37
  /**
38
- * Indicates the availability of interactive popup element that can be triggered by an element.
38
+ * Indicates the availability of interactive popup element that can be triggered by an element. By default the property is set to `grid`.
39
39
  */
40
- ariaHasPopup?: boolean;
40
+ ariaHasPopup?: boolean | 'grid';
41
41
  /**
42
42
  * Indicates whether the element is currently expanded or collapsed.
43
43
  */
@@ -153,6 +153,7 @@ export declare class DateInputWithoutContext extends React.Component<DateInputPr
153
153
  ariaDescribedBy: PropTypes.Requireable<string>;
154
154
  ariaLabel: PropTypes.Requireable<string>;
155
155
  ariaRole: PropTypes.Requireable<string>;
156
+ ariaHasPopup: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
156
157
  ariaExpanded: PropTypes.Requireable<NonNullable<boolean | null | undefined>>;
157
158
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
158
159
  validationMessage: PropTypes.Requireable<string>;
@@ -182,6 +183,7 @@ export declare class DateInputWithoutContext extends React.Component<DateInputPr
182
183
  validityStyles: boolean;
183
184
  validationMessage: string;
184
185
  placeholder: null;
186
+ ariaHasPopup: string;
185
187
  };
186
188
  private kendoDate;
187
189
  private currentFormat;
package/dist/npm/dateinput/DateInput.js CHANGED
@@ -639,6 +639,10 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
639
639
  ariaDescribedBy: PropTypes.string,
640
640
  ariaLabel: PropTypes.string,
641
641
  ariaRole: PropTypes.string,
642
+ ariaHasPopup: PropTypes.oneOfType([
643
+ PropTypes.bool,
644
+ PropTypes.string
645
+ ]),
642
646
  ariaExpanded: PropTypes.oneOfType([
643
647
  PropTypes.bool
644
648
  ]),
@@ -670,8 +674,9 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
670
674
  required: false,
671
675
  validityStyles: true,
672
676
  validationMessage: VALIDATION_MESSAGE,
673
- placeholder: null
677
+ placeholder: null,
674
678
  // the rest of the properties are undefined by default
679
+ ariaHasPopup: 'grid'
675
680
  };
676
681
  return DateInputWithoutContext;
677
682
  }(React.Component));
package/dist/npm/datepicker/DatePicker.js CHANGED
@@ -416,7 +416,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
416
416
  _b['k-required'] = _this.required,
417
417
  _b['k-disabled'] = _this.props.disabled,
418
418
  _b), className), onKeyDown: _this.handleKeyDown, style: { width: width }, onFocus: onFocus, onBlur: onBlur },
419
- React.createElement(_this.dateInputComp, __assign({ _ref: _this._dateInput, ariaRole: 'combobox', ariaExpanded: _this.show, ariaHasPopup: true, ariaControls: _this._popupId }, dateInputProps)),
419
+ React.createElement(_this.dateInputComp, __assign({ _ref: _this._dateInput, ariaRole: 'combobox', ariaExpanded: _this.show, ariaControls: _this._popupId }, dateInputProps)),
420
420
  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 }),
421
421
  React.createElement(_this.popupComp, __assign({}, popupProps),
422
422
  React.createElement(_this.calendarComp, __assign({ _ref: _this.setCalendarRef }, calendarProps)))));
package/dist/npm/daterangepicker/DateRangePicker.d.ts CHANGED
@@ -88,7 +88,9 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
88
88
  minute: PropTypes.Requireable<string>;
89
89
  second: PropTypes.Requireable<string>;
90
90
  timeZoneName: PropTypes.Requireable<string>;
91
- }> | null | undefined>>;
91
+ }> | null | undefined>>; /**
92
+ * @hidden
93
+ */
92
94
  formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
93
95
  year: PropTypes.Requireable<string>;
94
96
  month: PropTypes.Requireable<string>;
@@ -120,6 +122,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
120
122
  ariaDescribedBy: PropTypes.Requireable<string>;
121
123
  ariaLabel: PropTypes.Requireable<string>;
122
124
  ariaRole: PropTypes.Requireable<string>;
125
+ ariaHasPopup: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
123
126
  ariaExpanded: PropTypes.Requireable<NonNullable<boolean | null | undefined>>;
124
127
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
125
128
  validationMessage: PropTypes.Requireable<string>;
@@ -127,9 +130,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
127
130
  validate: PropTypes.Requireable<boolean>;
128
131
  valid: PropTypes.Requireable<boolean>;
129
132
  size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
130
- rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>; /**
131
- * Gets the start DateInput component inside the DatePicker component.
132
- */
133
+ rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
133
134
  fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
134
135
  }>>;
135
136
  focusedDate: PropTypes.Requireable<Date>;
package/dist/npm/daterangepicker/DateRangePicker.js CHANGED
@@ -325,8 +325,8 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
325
325
  var startMessage = localizationService.toLanguageString(messages_1.start, messages_1.messages[messages_1.start]);
326
326
  var endMessage = localizationService.toLanguageString(messages_1.end, messages_1.messages[messages_1.end]);
327
327
  var separatorMessage = localizationService.toLanguageString(messages_1.separator, messages_1.messages[messages_1.separator]);
328
- var startDateInputProps = __assign(__assign({ label: startMessage, format: this.props.format, min: this.min, max: this.max, id: this._startInputId, disabled: this.props.disabled, valid: this.props.valid, ariaHasPopup: true, ariaExpanded: this.show }, this.props.startDateInputSettings), { value: value.start, onChange: this.handleStartChange });
329
- var endDateInputProps = __assign(__assign({ label: endMessage, format: this.props.format, min: this.min, max: this.max, id: this._endInputId, disabled: this.props.disabled, valid: this.props.valid, ariaHasPopup: true, ariaExpanded: this.show }, this.props.endDateInputSettings), { value: value.end, onChange: this.handleEndChange });
328
+ var startDateInputProps = __assign(__assign({ label: startMessage, format: this.props.format, min: this.min, max: this.max, id: this._startInputId, disabled: this.props.disabled, valid: this.props.valid, tabIndex: this.props.tabIndex, ariaExpanded: this.show }, this.props.startDateInputSettings), { value: value.start, onChange: this.handleStartChange });
329
+ var endDateInputProps = __assign(__assign({ label: endMessage, format: this.props.format, min: this.min, max: this.max, id: this._endInputId, disabled: this.props.disabled, valid: this.props.valid, tabIndex: this.props.tabIndex, ariaExpanded: this.show }, this.props.endDateInputSettings), { value: value.end, onChange: this.handleEndChange });
330
330
  var popupProps = __assign(__assign({ animate: this._element !== null, anchor: this._element, id: this._popupId, anchorAlign: {
331
331
  horizontal: 'left',
332
332
  vertical: 'bottom'
package/dist/npm/datetimepicker/DateTimePicker.js CHANGED
@@ -324,7 +324,6 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
324
324
  steps: this.props.steps,
325
325
  label: undefined,
326
326
  placeholder: !this.state.focused ? this.props.placeholder : null,
327
- ariaHasPopup: true,
328
327
  ariaExpanded: this.show,
329
328
  size: null,
330
329
  fillMode: null,
package/dist/npm/package-metadata.js CHANGED
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-react-dateinputs',
9
9
  productName: 'KendoReact',
10
10
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1669289284,
11
+ publishDate: 1669980591,
12
12
  version: '',
13
13
  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'
14
14
  };