@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.
- package/dist/cdn/js/kendo-react-dateinputs.js +1 -1
- package/dist/es/dateinput/DateInput.d.ts +1 -0
- package/dist/es/dateinput/DateInput.js +2 -1
- package/dist/es/dateinput/models/DateInputSettings.d.ts +4 -0
- package/dist/es/datepicker/DatePicker.d.ts +1 -0
- package/dist/es/datepicker/DatePicker.js +3 -1
- package/dist/es/datepicker/models/DatePickerSettings.d.ts +4 -0
- package/dist/es/daterangepicker/DateRangePicker.d.ts +1 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/dateinput/DateInput.d.ts +1 -0
- package/dist/npm/dateinput/DateInput.js +2 -1
- package/dist/npm/dateinput/models/DateInputSettings.d.ts +4 -0
- package/dist/npm/datepicker/DatePicker.d.ts +1 -0
- package/dist/npm/datepicker/DatePicker.js +3 -1
- package/dist/npm/datepicker/models/DatePickerSettings.d.ts +4 -0
- package/dist/npm/daterangepicker/DateRangePicker.d.ts +1 -0
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-dateinputs.js +1 -1
- package/package.json +12 -12
|
@@ -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:
|
|
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:
|
|
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
|
};
|