@progress/kendo-react-dateinputs 5.1.0-dev.202202230642 → 5.1.0-dev.202202230917

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.
@@ -139,6 +139,7 @@ export declare class DateInputWithoutContext extends React.Component<DateInputPr
139
139
  id: PropTypes.Requireable<string>;
140
140
  ariaLabelledBy: PropTypes.Requireable<string>;
141
141
  ariaDescribedBy: PropTypes.Requireable<string>;
142
+ ariaLabel: PropTypes.Requireable<string>;
142
143
  ariaExpanded: PropTypes.Requireable<boolean>;
143
144
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
144
145
  validationMessage: PropTypes.Requireable<string>;
@@ -271,7 +271,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
271
271
  _b['k-required'] = _this.required,
272
272
  _b['k-disabled'] = _this.props.disabled,
273
273
  _b), _this.props.className), onFocus: onFocus, onBlur: onBlur },
274
- React.createElement("input", __assign({ role: "spinbutton", 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-labelledby": _this.props.ariaLabelledBy, "aria-describedby": _this.props.ariaDescribedBy, "aria-expanded": _this.props.ariaExpanded, "aria-haspopup": _this.props.ariaHasPopup, onWheel: _this.wheel, onClick: _this.elementClick, onInput: _this.elementChange, onPaste: _this.handlePaste, onKeyDown: _this.elementKeyDown, onChange: noop, value: text, placeholder: placeholder, name: name }, ariaProps, { ref: function (input) { return _this._element = input; } })),
274
+ React.createElement("input", __assign({ role: "spinbutton", 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-expanded": _this.props.ariaExpanded, "aria-haspopup": _this.props.ariaHasPopup, onWheel: _this.wheel, onClick: _this.elementClick, onInput: _this.elementChange, onPaste: _this.handlePaste, onKeyDown: _this.elementKeyDown, onChange: noop, value: text, placeholder: placeholder, name: name }, ariaProps, { ref: function (input) { return _this._element = input; } })),
275
275
  _this.props.children,
276
276
  _this.props.spinners && (React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: _this.spinnersMouseDown },
277
277
  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 }),
@@ -627,6 +627,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
627
627
  id: PropTypes.string,
628
628
  ariaLabelledBy: PropTypes.string,
629
629
  ariaDescribedBy: PropTypes.string,
630
+ ariaLabel: PropTypes.string,
630
631
  ariaExpanded: PropTypes.oneOfType([
631
632
  PropTypes.bool
632
633
  ]),
@@ -86,6 +86,10 @@ export interface DateInputSettings {
86
86
  * Identifies the element(s) which will label the component.
87
87
  */
88
88
  ariaLabelledBy?: string;
89
+ /**
90
+ * The accessible label of the component.
91
+ */
92
+ ariaLabel?: string;
89
93
  /**
90
94
  * Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
91
95
  * For more information, refer to the article on
@@ -124,6 +124,7 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
124
124
  id: PropTypes.Requireable<string>;
125
125
  ariaLabelledBy: PropTypes.Requireable<string>;
126
126
  ariaDescribedBy: PropTypes.Requireable<string>;
127
+ ariaLabel: PropTypes.Requireable<string>;
127
128
  min: PropTypes.Requireable<Date>;
128
129
  max: PropTypes.Requireable<Date>;
129
130
  name: PropTypes.Requireable<string>;
@@ -346,7 +346,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
346
346
  */
347
347
  DatePickerWithoutContext.prototype.render = function () {
348
348
  var _this = this;
349
- var _a = this.props, _b = _a.size, size = _b === void 0 ? DatePickerWithoutContext.defaultProps.size : _b, _c = _a.rounded, rounded = _c === void 0 ? DatePickerWithoutContext.defaultProps.rounded : _c, _d = _a.fillMode, fillMode = _d === void 0 ? DatePickerWithoutContext.defaultProps.fillMode : _d, disabled = _a.disabled, tabIndex = _a.tabIndex, title = _a.title, id = _a.id, format = _a.format, formatPlaceholder = _a.formatPlaceholder, min = _a.min, max = _a.max, weekNumber = _a.weekNumber, focusedDate = _a.focusedDate, className = _a.className, width = _a.width, name = _a.name, validationMessage = _a.validationMessage, required = _a.required, validityStyles = _a.validityStyles, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy;
349
+ var _a = this.props, _b = _a.size, size = _b === void 0 ? DatePickerWithoutContext.defaultProps.size : _b, _c = _a.rounded, rounded = _c === void 0 ? DatePickerWithoutContext.defaultProps.rounded : _c, _d = _a.fillMode, fillMode = _d === void 0 ? DatePickerWithoutContext.defaultProps.fillMode : _d, disabled = _a.disabled, tabIndex = _a.tabIndex, title = _a.title, id = _a.id, format = _a.format, formatPlaceholder = _a.formatPlaceholder, min = _a.min, max = _a.max, weekNumber = _a.weekNumber, focusedDate = _a.focusedDate, className = _a.className, width = _a.width, name = _a.name, validationMessage = _a.validationMessage, required = _a.required, validityStyles = _a.validityStyles, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy, ariaLabel = _a.ariaLabel;
350
350
  var _e = this.props.popupSettings, popupClass = _e.popupClass, otherPopupSettings = __rest(_e, ["popupClass"]);
351
351
  var show = this.show;
352
352
  var value = this.value;
@@ -360,6 +360,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
360
360
  id: id,
361
361
  ariaLabelledBy: ariaLabelledBy,
362
362
  ariaDescribedBy: ariaDescribedBy,
363
+ ariaLabel: ariaLabel,
363
364
  max: max,
364
365
  min: min,
365
366
  name: name,
@@ -481,6 +482,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
481
482
  id: PropTypes.string,
482
483
  ariaLabelledBy: PropTypes.string,
483
484
  ariaDescribedBy: PropTypes.string,
485
+ ariaLabel: PropTypes.string,
484
486
  min: PropTypes.instanceOf(Date),
485
487
  max: PropTypes.instanceOf(Date),
486
488
  name: PropTypes.string,
@@ -72,6 +72,10 @@ export interface DatePickerSettings {
72
72
  * Identifies the element(s) which will label the component.
73
73
  */
74
74
  ariaLabelledBy?: string;
75
+ /**
76
+ * The accessible label of the component.
77
+ */
78
+ ariaLabel?: string;
75
79
  /**
76
80
  * Specifies the greatest valid date ([see example]({% slug dateranges_datepicker %})).
77
81
  */
@@ -120,6 +120,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
120
120
  id: PropTypes.Requireable<string>;
121
121
  ariaLabelledBy: PropTypes.Requireable<string>;
122
122
  ariaDescribedBy: PropTypes.Requireable<string>;
123
+ ariaLabel: PropTypes.Requireable<string>;
123
124
  ariaExpanded: PropTypes.Requireable<boolean>;
124
125
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
125
126
  validationMessage: PropTypes.Requireable<string>;
@@ -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: 1645597490,
8
+ publishDate: 1645606787,
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
  };
@@ -139,6 +139,7 @@ export declare class DateInputWithoutContext extends React.Component<DateInputPr
139
139
  id: PropTypes.Requireable<string>;
140
140
  ariaLabelledBy: PropTypes.Requireable<string>;
141
141
  ariaDescribedBy: PropTypes.Requireable<string>;
142
+ ariaLabel: PropTypes.Requireable<string>;
142
143
  ariaExpanded: PropTypes.Requireable<boolean>;
143
144
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
144
145
  validationMessage: PropTypes.Requireable<string>;
@@ -273,7 +273,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
273
273
  _b['k-required'] = _this.required,
274
274
  _b['k-disabled'] = _this.props.disabled,
275
275
  _b), _this.props.className), onFocus: onFocus, onBlur: onBlur },
276
- React.createElement("input", __assign({ role: "spinbutton", 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-labelledby": _this.props.ariaLabelledBy, "aria-describedby": _this.props.ariaDescribedBy, "aria-expanded": _this.props.ariaExpanded, "aria-haspopup": _this.props.ariaHasPopup, 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 }, ariaProps, { ref: function (input) { return _this._element = input; } })),
276
+ React.createElement("input", __assign({ role: "spinbutton", 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-expanded": _this.props.ariaExpanded, "aria-haspopup": _this.props.ariaHasPopup, 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 }, ariaProps, { ref: function (input) { return _this._element = input; } })),
277
277
  _this.props.children,
278
278
  _this.props.spinners && (React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: _this.spinnersMouseDown },
279
279
  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 }),
@@ -629,6 +629,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
629
629
  id: PropTypes.string,
630
630
  ariaLabelledBy: PropTypes.string,
631
631
  ariaDescribedBy: PropTypes.string,
632
+ ariaLabel: PropTypes.string,
632
633
  ariaExpanded: PropTypes.oneOfType([
633
634
  PropTypes.bool
634
635
  ]),
@@ -86,6 +86,10 @@ export interface DateInputSettings {
86
86
  * Identifies the element(s) which will label the component.
87
87
  */
88
88
  ariaLabelledBy?: string;
89
+ /**
90
+ * The accessible label of the component.
91
+ */
92
+ ariaLabel?: string;
89
93
  /**
90
94
  * Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
91
95
  * For more information, refer to the article on
@@ -124,6 +124,7 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
124
124
  id: PropTypes.Requireable<string>;
125
125
  ariaLabelledBy: PropTypes.Requireable<string>;
126
126
  ariaDescribedBy: PropTypes.Requireable<string>;
127
+ ariaLabel: PropTypes.Requireable<string>;
127
128
  min: PropTypes.Requireable<Date>;
128
129
  max: PropTypes.Requireable<Date>;
129
130
  name: PropTypes.Requireable<string>;
@@ -348,7 +348,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
348
348
  */
349
349
  DatePickerWithoutContext.prototype.render = function () {
350
350
  var _this = this;
351
- var _a = this.props, _b = _a.size, size = _b === void 0 ? DatePickerWithoutContext.defaultProps.size : _b, _c = _a.rounded, rounded = _c === void 0 ? DatePickerWithoutContext.defaultProps.rounded : _c, _d = _a.fillMode, fillMode = _d === void 0 ? DatePickerWithoutContext.defaultProps.fillMode : _d, disabled = _a.disabled, tabIndex = _a.tabIndex, title = _a.title, id = _a.id, format = _a.format, formatPlaceholder = _a.formatPlaceholder, min = _a.min, max = _a.max, weekNumber = _a.weekNumber, focusedDate = _a.focusedDate, className = _a.className, width = _a.width, name = _a.name, validationMessage = _a.validationMessage, required = _a.required, validityStyles = _a.validityStyles, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy;
351
+ var _a = this.props, _b = _a.size, size = _b === void 0 ? DatePickerWithoutContext.defaultProps.size : _b, _c = _a.rounded, rounded = _c === void 0 ? DatePickerWithoutContext.defaultProps.rounded : _c, _d = _a.fillMode, fillMode = _d === void 0 ? DatePickerWithoutContext.defaultProps.fillMode : _d, disabled = _a.disabled, tabIndex = _a.tabIndex, title = _a.title, id = _a.id, format = _a.format, formatPlaceholder = _a.formatPlaceholder, min = _a.min, max = _a.max, weekNumber = _a.weekNumber, focusedDate = _a.focusedDate, className = _a.className, width = _a.width, name = _a.name, validationMessage = _a.validationMessage, required = _a.required, validityStyles = _a.validityStyles, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy, ariaLabel = _a.ariaLabel;
352
352
  var _e = this.props.popupSettings, popupClass = _e.popupClass, otherPopupSettings = __rest(_e, ["popupClass"]);
353
353
  var show = this.show;
354
354
  var value = this.value;
@@ -362,6 +362,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
362
362
  id: id,
363
363
  ariaLabelledBy: ariaLabelledBy,
364
364
  ariaDescribedBy: ariaDescribedBy,
365
+ ariaLabel: ariaLabel,
365
366
  max: max,
366
367
  min: min,
367
368
  name: name,
@@ -483,6 +484,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
483
484
  id: PropTypes.string,
484
485
  ariaLabelledBy: PropTypes.string,
485
486
  ariaDescribedBy: PropTypes.string,
487
+ ariaLabel: PropTypes.string,
486
488
  min: PropTypes.instanceOf(Date),
487
489
  max: PropTypes.instanceOf(Date),
488
490
  name: PropTypes.string,
@@ -72,6 +72,10 @@ export interface DatePickerSettings {
72
72
  * Identifies the element(s) which will label the component.
73
73
  */
74
74
  ariaLabelledBy?: string;
75
+ /**
76
+ * The accessible label of the component.
77
+ */
78
+ ariaLabel?: string;
75
79
  /**
76
80
  * Specifies the greatest valid date ([see example]({% slug dateranges_datepicker %})).
77
81
  */
@@ -120,6 +120,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
120
120
  id: PropTypes.Requireable<string>;
121
121
  ariaLabelledBy: PropTypes.Requireable<string>;
122
122
  ariaDescribedBy: PropTypes.Requireable<string>;
123
+ ariaLabel: PropTypes.Requireable<string>;
123
124
  ariaExpanded: PropTypes.Requireable<boolean>;
124
125
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
125
126
  validationMessage: PropTypes.Requireable<string>;
@@ -7,7 +7,7 @@ exports.packageMetadata = {
7
7
  name: '@progress/kendo-react-dateinputs',
8
8
  productName: 'KendoReact',
9
9
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
10
- publishDate: 1645597490,
10
+ publishDate: 1645606787,
11
11
  version: '',
12
12
  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'
13
13
  };