@progress/kendo-react-dateinputs 5.6.0-dev.202208291054 → 5.6.0-next.202208310638

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 (41) hide show
  1. package/dist/cdn/js/kendo-react-dateinputs.js +1 -1
  2. package/dist/es/calendar/components/HorizontalViewList.js +1 -1
  3. package/dist/es/calendar/components/MultiViewCalendar.js +2 -2
  4. package/dist/es/calendar/components/TodayCommand.js +1 -1
  5. package/dist/es/calendar/components/View.d.ts +1 -1
  6. package/dist/es/calendar/components/View.js +1 -1
  7. package/dist/es/calendar/services/DOMService.js +1 -1
  8. package/dist/es/dateinput/DateInput.d.ts +6 -6
  9. package/dist/es/dateinput/DateInput.js +2 -2
  10. package/dist/es/datepicker/DatePicker.d.ts +5 -5
  11. package/dist/es/daterangepicker/DateRangePicker.d.ts +8 -8
  12. package/dist/es/daterangepicker/DateRangePicker.js +0 -12
  13. package/dist/es/datetimepicker/DateTimePicker.d.ts +5 -5
  14. package/dist/es/datetimepicker/DateTimePicker.js +1 -1
  15. package/dist/es/datetimepicker/DateTimeSelector.js +1 -1
  16. package/dist/es/package-metadata.js +1 -1
  17. package/dist/es/timepicker/TimePart.d.ts +2 -2
  18. package/dist/es/timepicker/TimePicker.d.ts +5 -5
  19. package/dist/es/timepicker/TimeSelector.d.ts +2 -2
  20. package/dist/es/timepicker/TimeSelector.js +2 -2
  21. package/dist/npm/calendar/components/HorizontalViewList.js +1 -1
  22. package/dist/npm/calendar/components/MultiViewCalendar.js +2 -2
  23. package/dist/npm/calendar/components/TodayCommand.js +1 -1
  24. package/dist/npm/calendar/components/View.d.ts +1 -1
  25. package/dist/npm/calendar/components/View.js +1 -1
  26. package/dist/npm/calendar/services/DOMService.js +1 -1
  27. package/dist/npm/dateinput/DateInput.d.ts +6 -6
  28. package/dist/npm/dateinput/DateInput.js +2 -2
  29. package/dist/npm/datepicker/DatePicker.d.ts +5 -5
  30. package/dist/npm/daterangepicker/DateRangePicker.d.ts +8 -8
  31. package/dist/npm/daterangepicker/DateRangePicker.js +0 -12
  32. package/dist/npm/datetimepicker/DateTimePicker.d.ts +5 -5
  33. package/dist/npm/datetimepicker/DateTimePicker.js +1 -1
  34. package/dist/npm/datetimepicker/DateTimeSelector.js +1 -1
  35. package/dist/npm/package-metadata.js +1 -1
  36. package/dist/npm/timepicker/TimePart.d.ts +2 -2
  37. package/dist/npm/timepicker/TimePicker.d.ts +5 -5
  38. package/dist/npm/timepicker/TimeSelector.d.ts +2 -2
  39. package/dist/npm/timepicker/TimeSelector.js +2 -2
  40. package/dist/systemjs/kendo-react-dateinputs.js +1 -1
  41. package/package.json +12 -12
package/dist/es/calendar/components/HorizontalViewList.js CHANGED
@@ -127,7 +127,7 @@ var HorizontalViewList = /** @class */ (function (_super) {
127
127
  'k-calendar-decadeview': this.props.activeView === CalendarViewEnum.decade,
128
128
  'k-calendar-centuryview': this.props.activeView === CalendarViewEnum.century
129
129
  });
130
- 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" },
130
+ 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" },
131
131
  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 }))); })));
132
132
  };
133
133
  HorizontalViewList.defaultProps = {
package/dist/es/calendar/components/MultiViewCalendar.js CHANGED
@@ -462,9 +462,9 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
462
462
  var activeDate = cloneDate(this.dates && this.dates[0] ? this.dates[0] : getToday());
463
463
  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 },
464
464
  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,
465
- React.createElement(Button, __assign({ type: "button", className: "k-nav-prev", icon: "arrow-chevron-left", fillMode: "flat", title: prevViewTitle, disabled: isPrevDisabled, onClick: this.handlePrevButtonClick }, prevBtnAria)),
465
+ React.createElement(Button, __assign({ type: "button", className: "k-calendar-nav-prev", icon: "chevron-left", fillMode: "flat", title: prevViewTitle, disabled: isPrevDisabled, onClick: this.handlePrevButtonClick }, prevBtnAria)),
466
466
  React.createElement(TodayCommand, { min: this.min, max: this.max, onClick: this.handleTodayClick, disabled: !this.todayIsInRange }),
467
- React.createElement(Button, __assign({ type: "button", className: "k-nav-next", icon: "arrow-chevron-right", fillMode: "flat", title: nextViewTittle, disabled: isNextDisabled, onClick: this.handleNextButtonClick }, nextBtnAria)))) }),
467
+ React.createElement(Button, __assign({ type: "button", className: "k-calendar-nav-next", icon: "chevron-right", fillMode: "flat", title: nextViewTittle, disabled: isNextDisabled, onClick: this.handleNextButtonClick }, nextBtnAria)))) }),
468
468
  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 })));
469
469
  };
470
470
  /**
package/dist/es/calendar/components/TodayCommand.js CHANGED
@@ -71,7 +71,7 @@ var TodayCommand = /** @class */ (function (_super) {
71
71
  TodayCommand.prototype.render = function () {
72
72
  this.localization = provideLocalizationService(this);
73
73
  var todayMessage = this.localization.toLanguageString(today, messages[today]);
74
- var todayClassNames = classNames('k-nav-today', {
74
+ var todayClassNames = classNames('k-calendar-nav-today', {
75
75
  'k-disabled': this.props.disabled
76
76
  });
77
77
  return (React.createElement("span", { className: todayClassNames, onClick: this.handleClick, tabIndex: this.props.tabIndex }, todayMessage));
package/dist/es/calendar/components/View.d.ts CHANGED
@@ -56,7 +56,7 @@ export declare class View extends React.Component<ViewProps, {}> {
56
56
  max: PropTypes.Validator<Date>;
57
57
  min: PropTypes.Validator<Date>;
58
58
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
59
- selectedDate: PropTypes.Requireable<NonNullable<Date | (Date | null | undefined)[] | null | undefined>>;
59
+ selectedDate: PropTypes.Requireable<Date | (Date | null | undefined)[]>;
60
60
  showWeekNumbers: PropTypes.Requireable<boolean>;
61
61
  viewDate: PropTypes.Validator<Date>;
62
62
  };
package/dist/es/calendar/components/View.js CHANGED
@@ -183,7 +183,7 @@ var View = /** @class */ (function (_super) {
183
183
  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)); })))),
184
184
  React.createElement("tbody", { role: "rowgroup", className: "k-calendar-tbody" },
185
185
  !this.isHorizontal && (React.createElement("tr", { role: "presentation", className: "k-calendar-tr" },
186
- React.createElement("th", { scope: "col", colSpan: colSpan, className: "k-calendar-th" }, title))),
186
+ React.createElement("th", { scope: "col", colSpan: colSpan, className: "k-calendar-caption" }, title))),
187
187
  data.map(function (row, idx) {
188
188
  return (React.createElement("tr", { role: "row", className: "k-calendar-tr", key: idx },
189
189
  _this.weekNumber && _this.buildWeekNumber(row, idx),
package/dist/es/calendar/services/DOMService.js CHANGED
@@ -46,7 +46,7 @@ var DOMService = /** @class */ (function () {
46
46
  var tbody = containerFactory('tbody');
47
47
  var thead = containerFactory('thead');
48
48
  var table = containerFactory('table');
49
- 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')); };
49
+ 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')); };
50
50
  var monthWeekHeader = function () { return (table([
51
51
  thead([
52
52
  tr([th('MO', 'k-calendar-th')], 'k-calendar-tr')
package/dist/es/dateinput/DateInput.d.ts CHANGED
@@ -105,7 +105,7 @@ export declare class DateInputWithoutContext extends React.Component<DateInputPr
105
105
  */
106
106
  static propTypes: {
107
107
  value: PropTypes.Requireable<Date>;
108
- format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
108
+ format: PropTypes.Requireable<string | PropTypes.InferProps<{
109
109
  skeleton: PropTypes.Requireable<string>;
110
110
  pattern: PropTypes.Requireable<string>;
111
111
  date: PropTypes.Requireable<string>;
@@ -121,16 +121,16 @@ export declare class DateInputWithoutContext extends React.Component<DateInputPr
121
121
  minute: PropTypes.Requireable<string>;
122
122
  second: PropTypes.Requireable<string>;
123
123
  timeZoneName: PropTypes.Requireable<string>;
124
- }> | null | undefined>>;
125
- formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
124
+ }>>;
125
+ formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
126
126
  year: PropTypes.Requireable<string>;
127
127
  month: PropTypes.Requireable<string>;
128
128
  day: PropTypes.Requireable<string>;
129
129
  hour: PropTypes.Requireable<string>;
130
130
  minute: PropTypes.Requireable<string>;
131
131
  second: PropTypes.Requireable<string>;
132
- }> | null | undefined>>;
133
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
132
+ }>>;
133
+ width: PropTypes.Requireable<string | number>;
134
134
  tabIndex: PropTypes.Requireable<number>;
135
135
  title: PropTypes.Requireable<string>;
136
136
  steps: PropTypes.Requireable<PropTypes.InferProps<{
@@ -153,7 +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
- ariaExpanded: PropTypes.Requireable<NonNullable<boolean | null | undefined>>;
156
+ ariaExpanded: PropTypes.Requireable<boolean>;
157
157
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
158
158
  validationMessage: PropTypes.Requireable<string>;
159
159
  required: PropTypes.Requireable<boolean>;
package/dist/es/dateinput/DateInput.js CHANGED
@@ -280,8 +280,8 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
280
280
  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; } }),
281
281
  _this.props.children,
282
282
  _this.props.spinners && (React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: _this.spinnersMouseDown },
283
- 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 }),
284
- 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 })))));
283
+ 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 }),
284
+ 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 })))));
285
285
  }));
286
286
  return label
287
287
  ? (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/datepicker/DatePicker.d.ts CHANGED
@@ -96,7 +96,7 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
96
96
  defaultValue: PropTypes.Requireable<Date>;
97
97
  disabled: PropTypes.Requireable<boolean>;
98
98
  focusedDate: PropTypes.Requireable<Date>;
99
- format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
99
+ format: PropTypes.Requireable<string | PropTypes.InferProps<{
100
100
  skeleton: PropTypes.Requireable<string>;
101
101
  pattern: PropTypes.Requireable<string>;
102
102
  date: PropTypes.Requireable<string>;
@@ -112,15 +112,15 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
112
112
  minute: PropTypes.Requireable<string>;
113
113
  second: PropTypes.Requireable<string>;
114
114
  timeZoneName: PropTypes.Requireable<string>;
115
- }> | null | undefined>>;
116
- formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
115
+ }>>;
116
+ formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
117
117
  year: PropTypes.Requireable<string>;
118
118
  month: PropTypes.Requireable<string>;
119
119
  day: PropTypes.Requireable<string>;
120
120
  hour: PropTypes.Requireable<string>;
121
121
  minute: PropTypes.Requireable<string>;
122
122
  second: PropTypes.Requireable<string>;
123
- }> | null | undefined>>;
123
+ }>>;
124
124
  id: PropTypes.Requireable<string>;
125
125
  ariaLabelledBy: PropTypes.Requireable<string>;
126
126
  ariaDescribedBy: PropTypes.Requireable<string>;
@@ -138,7 +138,7 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
138
138
  title: PropTypes.Requireable<string>;
139
139
  value: PropTypes.Requireable<Date>;
140
140
  weekNumber: PropTypes.Requireable<boolean>;
141
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
141
+ width: PropTypes.Requireable<string | number>;
142
142
  validationMessage: PropTypes.Requireable<string>;
143
143
  required: PropTypes.Requireable<boolean>;
144
144
  validate: PropTypes.Requireable<boolean>;
package/dist/es/daterangepicker/DateRangePicker.d.ts CHANGED
@@ -72,7 +72,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
72
72
  disabled: PropTypes.Requireable<boolean>;
73
73
  endDateInputSettings: PropTypes.Requireable<PropTypes.InferProps<{
74
74
  value: PropTypes.Requireable<Date>;
75
- format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
75
+ format: PropTypes.Requireable<string | PropTypes.InferProps<{
76
76
  skeleton: PropTypes.Requireable<string>;
77
77
  pattern: PropTypes.Requireable<string>;
78
78
  date: PropTypes.Requireable<string>;
@@ -88,16 +88,16 @@ 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>>;
92
- formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
91
+ }>>;
92
+ formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
93
93
  year: PropTypes.Requireable<string>;
94
94
  month: PropTypes.Requireable<string>;
95
95
  day: PropTypes.Requireable<string>;
96
96
  hour: PropTypes.Requireable<string>;
97
97
  minute: PropTypes.Requireable<string>;
98
98
  second: PropTypes.Requireable<string>;
99
- }> | null | undefined>>;
100
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
99
+ }>>;
100
+ width: PropTypes.Requireable<string | number>;
101
101
  tabIndex: PropTypes.Requireable<number>;
102
102
  title: PropTypes.Requireable<string>;
103
103
  steps: PropTypes.Requireable<PropTypes.InferProps<{
@@ -120,7 +120,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
120
120
  ariaDescribedBy: PropTypes.Requireable<string>;
121
121
  ariaLabel: PropTypes.Requireable<string>;
122
122
  ariaRole: PropTypes.Requireable<string>;
123
- ariaExpanded: PropTypes.Requireable<NonNullable<boolean | null | undefined>>;
123
+ ariaExpanded: PropTypes.Requireable<boolean>;
124
124
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
125
125
  validationMessage: PropTypes.Requireable<string>;
126
126
  required: PropTypes.Requireable<boolean>;
@@ -133,7 +133,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
133
133
  fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
134
134
  }>>;
135
135
  focusedDate: PropTypes.Requireable<Date>;
136
- format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
136
+ format: PropTypes.Requireable<string | PropTypes.InferProps<{
137
137
  skeleton: PropTypes.Requireable<string>;
138
138
  pattern: PropTypes.Requireable<string>;
139
139
  date: PropTypes.Requireable<string>;
@@ -149,7 +149,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
149
149
  minute: PropTypes.Requireable<string>;
150
150
  second: PropTypes.Requireable<string>;
151
151
  timeZoneName: PropTypes.Requireable<string>;
152
- }> | null | undefined>>;
152
+ }>>;
153
153
  id: PropTypes.Requireable<string>;
154
154
  ariaLabelledBy: PropTypes.Requireable<string>;
155
155
  ariaDescribedBy: PropTypes.Requireable<string>;
package/dist/es/daterangepicker/DateRangePicker.js CHANGED
@@ -99,12 +99,6 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
99
99
  if (!_this.shouldFocusDateInput) {
100
100
  _this.setShow(true);
101
101
  }
102
- if (_this.startDateInput && _this.startDateInput.element) {
103
- _this.startDateInput.element.classList.add('k-focus');
104
- }
105
- if (_this.endDateInput && _this.endDateInput.element) {
106
- _this.endDateInput.element.classList.add('k-focus');
107
- }
108
102
  var onFocus = _this.props.onFocus;
109
103
  if (onFocus) {
110
104
  onFocus.call(undefined, event);
@@ -112,12 +106,6 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
112
106
  };
113
107
  _this.handleBlur = function (event) {
114
108
  _this.nextTick(function () {
115
- if (_this.startDateInput && _this.startDateInput.element) {
116
- _this.startDateInput.element.classList.remove('k-focus');
117
- }
118
- if (_this.endDateInput && _this.endDateInput.element) {
119
- _this.endDateInput.element.classList.remove('k-focus');
120
- }
121
109
  _this.setShow(false);
122
110
  });
123
111
  var onBlur = _this.props.onBlur;
package/dist/es/datetimepicker/DateTimePicker.d.ts CHANGED
@@ -98,7 +98,7 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
98
98
  defaultValue: PropTypes.Requireable<Date>;
99
99
  disabled: PropTypes.Requireable<boolean>;
100
100
  focusedDate: PropTypes.Requireable<Date>;
101
- format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
101
+ format: PropTypes.Requireable<string | PropTypes.InferProps<{
102
102
  skeleton: PropTypes.Requireable<string>;
103
103
  pattern: PropTypes.Requireable<string>;
104
104
  date: PropTypes.Requireable<string>;
@@ -114,15 +114,15 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
114
114
  minute: PropTypes.Requireable<string>;
115
115
  second: PropTypes.Requireable<string>;
116
116
  timeZoneName: PropTypes.Requireable<string>;
117
- }> | null | undefined>>;
118
- formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
117
+ }>>;
118
+ formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
119
119
  year: PropTypes.Requireable<string>;
120
120
  month: PropTypes.Requireable<string>;
121
121
  day: PropTypes.Requireable<string>;
122
122
  hour: PropTypes.Requireable<string>;
123
123
  minute: PropTypes.Requireable<string>;
124
124
  second: PropTypes.Requireable<string>;
125
- }> | null | undefined>>;
125
+ }>>;
126
126
  id: PropTypes.Requireable<string>;
127
127
  ariaLabelledBy: PropTypes.Requireable<string>;
128
128
  ariaDescribedBy: PropTypes.Requireable<string>;
@@ -139,7 +139,7 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
139
139
  title: PropTypes.Requireable<string>;
140
140
  value: PropTypes.Requireable<Date>;
141
141
  weekNumber: PropTypes.Requireable<boolean>;
142
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
142
+ width: PropTypes.Requireable<string | number>;
143
143
  validationMessage: PropTypes.Requireable<string>;
144
144
  required: PropTypes.Requireable<boolean>;
145
145
  validate: PropTypes.Requireable<boolean>;
package/dist/es/datetimepicker/DateTimePicker.js CHANGED
@@ -346,7 +346,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
346
346
  'aria-label': provideLocalizationService(_this)
347
347
  .toLanguageString(toggleDateTimeSelector, messages[toggleDateTimeSelector])
348
348
  })),
349
- 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: {
349
+ React.createElement(PopupComponent, { show: _this.show, animate: _this.element !== null, anchor: _this.element, popupClass: "k-datetime-container k-reset", id: _this._popupId, anchorAlign: {
350
350
  horizontal: 'left',
351
351
  vertical: 'bottom'
352
352
  }, popupAlign: {
package/dist/es/datetimepicker/DateTimeSelector.js CHANGED
@@ -214,7 +214,7 @@ var DateTimeSelector = /** @class */ (function (_super) {
214
214
  React.createElement(this.props.calendar, __assign({}, calendarProps)) :
215
215
  React.createElement(Calendar, __assign({ ref: function (calendar) { _this._calendar = calendar; } }, calendarProps))),
216
216
  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 }))),
217
- React.createElement("div", { className: "k-datetime-footer k-actions k-hstack k-justify-content-stretch" },
217
+ React.createElement("div", { className: "k-datetime-footer k-actions k-actions-stretched " },
218
218
  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),
219
219
  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))));
220
220
  };
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: 1661769168,
8
+ publishDate: 1661926735,
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/es/timepicker/TimePart.d.ts CHANGED
@@ -51,7 +51,7 @@ export declare class TimePart extends React.Component<TimePartProps, TimePartSta
51
51
  static propTypes: {
52
52
  cancelButton: PropTypes.Requireable<boolean>;
53
53
  disabled: PropTypes.Requireable<boolean>;
54
- format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
54
+ format: PropTypes.Requireable<string | PropTypes.InferProps<{
55
55
  skeleton: PropTypes.Requireable<string>;
56
56
  pattern: PropTypes.Requireable<string>;
57
57
  date: PropTypes.Requireable<string>;
@@ -67,7 +67,7 @@ export declare class TimePart extends React.Component<TimePartProps, TimePartSta
67
67
  minute: PropTypes.Requireable<string>;
68
68
  second: PropTypes.Requireable<string>;
69
69
  timeZoneName: PropTypes.Requireable<string>;
70
- }> | null | undefined>>;
70
+ }>>;
71
71
  max: PropTypes.Requireable<Date>;
72
72
  min: PropTypes.Requireable<Date>;
73
73
  nowButton: PropTypes.Requireable<boolean>;
package/dist/es/timepicker/TimePicker.d.ts CHANGED
@@ -94,7 +94,7 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
94
94
  defaultShow: PropTypes.Requireable<boolean>;
95
95
  defaultValue: PropTypes.Requireable<Date>;
96
96
  disabled: PropTypes.Requireable<boolean>;
97
- format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
97
+ format: PropTypes.Requireable<string | PropTypes.InferProps<{
98
98
  skeleton: PropTypes.Requireable<string>;
99
99
  pattern: PropTypes.Requireable<string>;
100
100
  date: PropTypes.Requireable<string>;
@@ -110,15 +110,15 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
110
110
  minute: PropTypes.Requireable<string>;
111
111
  second: PropTypes.Requireable<string>;
112
112
  timeZoneName: PropTypes.Requireable<string>;
113
- }> | null | undefined>>;
114
- formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
113
+ }>>;
114
+ formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
115
115
  year: PropTypes.Requireable<string>;
116
116
  month: PropTypes.Requireable<string>;
117
117
  day: PropTypes.Requireable<string>;
118
118
  hour: PropTypes.Requireable<string>;
119
119
  minute: PropTypes.Requireable<string>;
120
120
  second: PropTypes.Requireable<string>;
121
- }> | null | undefined>>;
121
+ }>>;
122
122
  id: PropTypes.Requireable<string>;
123
123
  ariaLabelledBy: PropTypes.Requireable<string>;
124
124
  ariaDescribedBy: PropTypes.Requireable<string>;
@@ -140,7 +140,7 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
140
140
  tabIndex: PropTypes.Requireable<number>;
141
141
  title: PropTypes.Requireable<string>;
142
142
  value: PropTypes.Requireable<Date>;
143
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
143
+ width: PropTypes.Requireable<string | number>;
144
144
  validationMessage: PropTypes.Requireable<string>;
145
145
  required: PropTypes.Requireable<boolean>;
146
146
  validate: PropTypes.Requireable<boolean>;
package/dist/es/timepicker/TimeSelector.d.ts CHANGED
@@ -53,7 +53,7 @@ export declare class TimeSelector extends React.Component<TimeSelectorProps, Tim
53
53
  cancelButton: PropTypes.Requireable<boolean>;
54
54
  className: PropTypes.Requireable<string>;
55
55
  disabled: PropTypes.Requireable<boolean>;
56
- format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
56
+ format: PropTypes.Requireable<string | PropTypes.InferProps<{
57
57
  skeleton: PropTypes.Requireable<string>;
58
58
  pattern: PropTypes.Requireable<string>;
59
59
  date: PropTypes.Requireable<string>;
@@ -69,7 +69,7 @@ export declare class TimeSelector extends React.Component<TimeSelectorProps, Tim
69
69
  minute: PropTypes.Requireable<string>;
70
70
  second: PropTypes.Requireable<string>;
71
71
  timeZoneName: PropTypes.Requireable<string>;
72
- }> | null | undefined>>;
72
+ }>>;
73
73
  max: PropTypes.Requireable<Date>;
74
74
  min: PropTypes.Requireable<Date>;
75
75
  nowButton: PropTypes.Requireable<boolean>;
package/dist/es/timepicker/TimeSelector.js CHANGED
@@ -178,11 +178,11 @@ var TimeSelector = /** @class */ (function (_super) {
178
178
  var localizationService = provideLocalizationService(this);
179
179
  var cancelMessage = localizationService.toLanguageString(timePickerCancel, messages[timePickerCancel]);
180
180
  var setMessage = localizationService.toLanguageString(timePickerSet, messages[timePickerSet]);
181
- return (React.createElement("div", { ref: function (el) { _this._element = el; }, tabIndex: !disabled ? tabIndex || 0 : undefined, className: classNames('k-timeselector k-reset', className, {
181
+ return (React.createElement("div", { ref: function (el) { _this._element = el; }, tabIndex: !disabled ? tabIndex || 0 : undefined, className: classNames('k-timeselector', className, {
182
182
  'k-disabled': disabled
183
183
  }), onKeyDown: this.handleKeyDown },
184
184
  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 }),
185
- React.createElement("div", { className: "k-time-footer k-actions k-hstack k-justify-content-stretch" },
185
+ React.createElement("div", { className: "k-time-footer k-actions k-actions-stretched" },
186
186
  cancelButton &&
187
187
  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),
188
188
  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 CHANGED
@@ -130,7 +130,7 @@ var HorizontalViewList = /** @class */ (function (_super) {
130
130
  'k-calendar-decadeview': this.props.activeView === models_1.CalendarViewEnum.decade,
131
131
  'k-calendar-centuryview': this.props.activeView === models_1.CalendarViewEnum.century
132
132
  });
133
- 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" },
133
+ 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" },
134
134
  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 }))); })));
135
135
  };
136
136
  HorizontalViewList.defaultProps = {
package/dist/npm/calendar/components/MultiViewCalendar.js CHANGED
@@ -465,9 +465,9 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
465
465
  var activeDate = (0, kendo_date_math_1.cloneDate)(this.dates && this.dates[0] ? this.dates[0] : (0, utils_1.getToday)());
466
466
  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 },
467
467
  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,
468
- 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)),
468
+ 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)),
469
469
  React.createElement(TodayCommand_1.TodayCommand, { min: this.min, max: this.max, onClick: this.handleTodayClick, disabled: !this.todayIsInRange }),
470
- 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)))) }),
470
+ 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)))) }),
471
471
  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 })));
472
472
  };
473
473
  /**
package/dist/npm/calendar/components/TodayCommand.js CHANGED
@@ -74,7 +74,7 @@ var TodayCommand = /** @class */ (function (_super) {
74
74
  TodayCommand.prototype.render = function () {
75
75
  this.localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
76
76
  var todayMessage = this.localization.toLanguageString(messages_1.today, messages_1.messages[messages_1.today]);
77
- var todayClassNames = (0, kendo_react_common_1.classNames)('k-nav-today', {
77
+ var todayClassNames = (0, kendo_react_common_1.classNames)('k-calendar-nav-today', {
78
78
  'k-disabled': this.props.disabled
79
79
  });
80
80
  return (React.createElement("span", { className: todayClassNames, onClick: this.handleClick, tabIndex: this.props.tabIndex }, todayMessage));
package/dist/npm/calendar/components/View.d.ts CHANGED
@@ -56,7 +56,7 @@ export declare class View extends React.Component<ViewProps, {}> {
56
56
  max: PropTypes.Validator<Date>;
57
57
  min: PropTypes.Validator<Date>;
58
58
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
59
- selectedDate: PropTypes.Requireable<NonNullable<Date | (Date | null | undefined)[] | null | undefined>>;
59
+ selectedDate: PropTypes.Requireable<Date | (Date | null | undefined)[]>;
60
60
  showWeekNumbers: PropTypes.Requireable<boolean>;
61
61
  viewDate: PropTypes.Validator<Date>;
62
62
  };
package/dist/npm/calendar/components/View.js CHANGED
@@ -186,7 +186,7 @@ var View = /** @class */ (function (_super) {
186
186
  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)); })))),
187
187
  React.createElement("tbody", { role: "rowgroup", className: "k-calendar-tbody" },
188
188
  !this.isHorizontal && (React.createElement("tr", { role: "presentation", className: "k-calendar-tr" },
189
- React.createElement("th", { scope: "col", colSpan: colSpan, className: "k-calendar-th" }, title))),
189
+ React.createElement("th", { scope: "col", colSpan: colSpan, className: "k-calendar-caption" }, title))),
190
190
  data.map(function (row, idx) {
191
191
  return (React.createElement("tr", { role: "row", className: "k-calendar-tr", key: idx },
192
192
  _this.weekNumber && _this.buildWeekNumber(row, idx),
package/dist/npm/calendar/services/DOMService.js CHANGED
@@ -49,7 +49,7 @@ var DOMService = /** @class */ (function () {
49
49
  var tbody = (0, utils_1.domContainerFactory)('tbody');
50
50
  var thead = (0, utils_1.domContainerFactory)('thead');
51
51
  var table = (0, utils_1.domContainerFactory)('table');
52
- 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')); };
52
+ 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')); };
53
53
  var monthWeekHeader = function () { return (table([
54
54
  thead([
55
55
  tr([th('MO', 'k-calendar-th')], 'k-calendar-tr')
package/dist/npm/dateinput/DateInput.d.ts CHANGED
@@ -105,7 +105,7 @@ export declare class DateInputWithoutContext extends React.Component<DateInputPr
105
105
  */
106
106
  static propTypes: {
107
107
  value: PropTypes.Requireable<Date>;
108
- format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
108
+ format: PropTypes.Requireable<string | PropTypes.InferProps<{
109
109
  skeleton: PropTypes.Requireable<string>;
110
110
  pattern: PropTypes.Requireable<string>;
111
111
  date: PropTypes.Requireable<string>;
@@ -121,16 +121,16 @@ export declare class DateInputWithoutContext extends React.Component<DateInputPr
121
121
  minute: PropTypes.Requireable<string>;
122
122
  second: PropTypes.Requireable<string>;
123
123
  timeZoneName: PropTypes.Requireable<string>;
124
- }> | null | undefined>>;
125
- formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
124
+ }>>;
125
+ formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
126
126
  year: PropTypes.Requireable<string>;
127
127
  month: PropTypes.Requireable<string>;
128
128
  day: PropTypes.Requireable<string>;
129
129
  hour: PropTypes.Requireable<string>;
130
130
  minute: PropTypes.Requireable<string>;
131
131
  second: PropTypes.Requireable<string>;
132
- }> | null | undefined>>;
133
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
132
+ }>>;
133
+ width: PropTypes.Requireable<string | number>;
134
134
  tabIndex: PropTypes.Requireable<number>;
135
135
  title: PropTypes.Requireable<string>;
136
136
  steps: PropTypes.Requireable<PropTypes.InferProps<{
@@ -153,7 +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
- ariaExpanded: PropTypes.Requireable<NonNullable<boolean | null | undefined>>;
156
+ ariaExpanded: PropTypes.Requireable<boolean>;
157
157
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
158
158
  validationMessage: PropTypes.Requireable<string>;
159
159
  required: PropTypes.Requireable<boolean>;
package/dist/npm/dateinput/DateInput.js CHANGED
@@ -283,8 +283,8 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
283
283
  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; } }),
284
284
  _this.props.children,
285
285
  _this.props.spinners && (React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: _this.spinnersMouseDown },
286
- 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 }),
287
- 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 })))));
286
+ 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 }),
287
+ 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 })))));
288
288
  }));
289
289
  return label
290
290
  ? (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/datepicker/DatePicker.d.ts CHANGED
@@ -96,7 +96,7 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
96
96
  defaultValue: PropTypes.Requireable<Date>;
97
97
  disabled: PropTypes.Requireable<boolean>;
98
98
  focusedDate: PropTypes.Requireable<Date>;
99
- format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
99
+ format: PropTypes.Requireable<string | PropTypes.InferProps<{
100
100
  skeleton: PropTypes.Requireable<string>;
101
101
  pattern: PropTypes.Requireable<string>;
102
102
  date: PropTypes.Requireable<string>;
@@ -112,15 +112,15 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
112
112
  minute: PropTypes.Requireable<string>;
113
113
  second: PropTypes.Requireable<string>;
114
114
  timeZoneName: PropTypes.Requireable<string>;
115
- }> | null | undefined>>;
116
- formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
115
+ }>>;
116
+ formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
117
117
  year: PropTypes.Requireable<string>;
118
118
  month: PropTypes.Requireable<string>;
119
119
  day: PropTypes.Requireable<string>;
120
120
  hour: PropTypes.Requireable<string>;
121
121
  minute: PropTypes.Requireable<string>;
122
122
  second: PropTypes.Requireable<string>;
123
- }> | null | undefined>>;
123
+ }>>;
124
124
  id: PropTypes.Requireable<string>;
125
125
  ariaLabelledBy: PropTypes.Requireable<string>;
126
126
  ariaDescribedBy: PropTypes.Requireable<string>;
@@ -138,7 +138,7 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
138
138
  title: PropTypes.Requireable<string>;
139
139
  value: PropTypes.Requireable<Date>;
140
140
  weekNumber: PropTypes.Requireable<boolean>;
141
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
141
+ width: PropTypes.Requireable<string | number>;
142
142
  validationMessage: PropTypes.Requireable<string>;
143
143
  required: PropTypes.Requireable<boolean>;
144
144
  validate: PropTypes.Requireable<boolean>;