@progress/kendo-react-dateinputs 5.14.0-dev.202305301859 → 5.14.0-dev.202305311028

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 (17) hide show
  1. package/dist/cdn/js/kendo-react-dateinputs.js +1 -1
  2. package/dist/es/calendar/components/Calendar.d.ts +4 -0
  3. package/dist/es/calendar/components/Calendar.js +2 -1
  4. package/dist/es/daterangepicker/DateRangePicker.js +4 -4
  5. package/dist/es/datetimepicker/DateTimeSelector.js +2 -1
  6. package/dist/es/messages/index.d.ts +4 -3
  7. package/dist/es/messages/index.js +3 -3
  8. package/dist/es/package-metadata.js +1 -1
  9. package/dist/npm/calendar/components/Calendar.d.ts +4 -0
  10. package/dist/npm/calendar/components/Calendar.js +2 -1
  11. package/dist/npm/daterangepicker/DateRangePicker.js +3 -3
  12. package/dist/npm/datetimepicker/DateTimeSelector.js +2 -1
  13. package/dist/npm/messages/index.d.ts +4 -3
  14. package/dist/npm/messages/index.js +4 -4
  15. package/dist/npm/package-metadata.js +1 -1
  16. package/dist/systemjs/kendo-react-dateinputs.js +1 -1
  17. package/package.json +13 -13
package/dist/es/calendar/components/Calendar.d.ts CHANGED
@@ -43,6 +43,10 @@ export interface CalendarProps<T = any> extends CalendarSettings {
43
43
  * Sets the value of the Calendar.
44
44
  */
45
45
  value?: Date | null;
46
+ /**
47
+ * @hidden
48
+ */
49
+ mobileMode?: boolean;
46
50
  }
47
51
  /**
48
52
  * @hidden
package/dist/es/calendar/components/Calendar.js CHANGED
@@ -303,7 +303,8 @@ var CalendarWithoutContext = /** @class */ (function (_super) {
303
303
  this.service = this.bus.service(activeView, this.intl);
304
304
  var rootClassNames = classNames('k-widget k-calendar k-calendar-infinite', {
305
305
  'k-disabled': this.props.disabled,
306
- 'k-week-number': this.props.weekNumber
306
+ 'k-week-number': this.props.weekNumber,
307
+ 'k-calendar-lg': this.props.mobileMode
307
308
  }, this.props.className);
308
309
  var calendarBody = [this.props.navigation && (React.createElement(Navigation, { key: 0, ref: function (el) { _this.Navigation = el; }, activeView: this.state.activeView, focusedDate: this.focusedDate, min: this.min, max: this.max, onScroll: this.handleScroll, onChange: this.handleNavigationChange, service: this.service, dom: this.dom, navigationItem: this.props.navigationItem, tabIndex: this.props.tabIndex })), (React.createElement(ViewList, { key: 1, ref: function (el) { _this.calendarViewList = el; }, activeView: this.state.activeView, focusedDate: this.focusedDate, min: this.min, max: this.max, bus: this.bus, shouldScroll: this.shouldScroll, onScroll: this.handleScroll, service: this.service, cell: this.props.cell, weekCell: this.props.weekCell, dom: this.dom, smoothScroll: this.props.smoothScroll, showWeekNumbers: this.props.weekNumber, onChange: this.handleDateChange, value: sanitizedValue, cellUID: this.cellUID, headerTitle: this.props.headerTitle, tabIndex: this.props.tabIndex }))];
309
310
  return (React.createElement("div", { ref: function (el) { _this._element = el; }, className: rootClassNames, id: this.props.id || this.id, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, "aria-disabled": this.props.disabled, tabIndex: !this.props.disabled ? this.props.tabIndex || 0 : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown, onClick: this.handleClick }, calendarBody));
package/dist/es/daterangepicker/DateRangePicker.js CHANGED
@@ -38,7 +38,7 @@ import { MultiViewCalendar } from '../calendar/components/MultiViewCalendar';
38
38
  import { EMPTY_SELECTIONRANGE } from '../calendar/models';
39
39
  import { MIN_DATE, MAX_DATE } from '../utils';
40
40
  import { MOBILE_MEDIUM_DEVISE } from '../common/constants';
41
- import { swapStartEnd, start, end, separator, messages, dateRangePickerConfirm, dateRangePickerCancel } from '../messages';
41
+ import { swapStartEnd, start, end, separator, messages, dateRangePickerSet, dateRangePickerCancel } from '../messages';
42
42
  import { Button } from '@progress/kendo-react-buttons';
43
43
  import { nullable } from '../utils';
44
44
  import { AdaptiveMode } from '../common/AdaptiveMode';
@@ -88,8 +88,8 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
88
88
  var value = _this.value || EMPTY_SELECTIONRANGE;
89
89
  var calendarProps = __assign(__assign({ min: _this.min, max: _this.max, allowReverse: _this.props.allowReverse, mode: 'range', focusedDate: _this.props.focusedDate, disabled: _this.props.disabled, className: _this.mobileMode ? 'k-calendar-lg' : '', mobileMode: _this.mobileMode }, _this.props.calendarSettings), { value: value, onChange: _this.handleCalendarChange });
90
90
  return _this.props.calendar
91
- ? React.createElement(_this.props.calendar, __assign({}, calendarProps, { className: '' }))
92
- : React.createElement(MultiViewCalendar, __assign({}, calendarProps, { ref: _this.setCalendarRef, className: 'k-calendar-lg' }));
91
+ ? React.createElement(_this.props.calendar, __assign({}, calendarProps))
92
+ : React.createElement(MultiViewCalendar, __assign({}, calendarProps, { ref: _this.setCalendarRef }));
93
93
  };
94
94
  _this.renderPopup = function () {
95
95
  var popupProps = __assign(__assign({ popupClass: 'k-daterangepicker-popup', animate: _this._element !== null, anchor: _this._element, id: _this._popupId, anchorAlign: {
@@ -113,7 +113,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
113
113
  footer: {
114
114
  cancelText: _this.localizationService.toLanguageString(dateRangePickerCancel, messages[dateRangePickerCancel]),
115
115
  onCancel: function (event) { return _this.handleCancel(event); },
116
- applyText: _this.localizationService.toLanguageString(dateRangePickerConfirm, messages[dateRangePickerConfirm]),
116
+ applyText: _this.localizationService.toLanguageString(dateRangePickerSet, messages[dateRangePickerSet]),
117
117
  onApply: function (event) { return _this.handleBlur(event); }
118
118
  }
119
119
  };
package/dist/es/datetimepicker/DateTimeSelector.js CHANGED
@@ -214,7 +214,8 @@ var DateTimeSelector = /** @class */ (function (_super) {
214
214
  disabled: disabled || this.state.tab !== 'date',
215
215
  value: this.state.dateValue,
216
216
  onChange: this.handleCalendarValueChange,
217
- navigation: false
217
+ navigation: false,
218
+ mobileMode: mobileMode
218
219
  };
219
220
  return (React.createElement("div", { onKeyDown: this.handleKeyDown, className: rootClassName, tabIndex: -1 },
220
221
  React.createElement("div", { className: "k-datetime-buttongroup" },
package/dist/es/messages/index.d.ts CHANGED
@@ -85,11 +85,11 @@ export declare const dateTimePickerSet = "datetimepicker.set";
85
85
  /**
86
86
  * @hidden
87
87
  */
88
- export declare const dateRangePickerCancel = "datetimepicker.cancel";
88
+ export declare const dateRangePickerCancel = "daterangepicker.cancel";
89
89
  /**
90
90
  * @hidden
91
91
  */
92
- export declare const dateRangePickerConfirm = "datetimepicker.confirm";
92
+ export declare const dateRangePickerSet = "daterangepicker.set";
93
93
  /**
94
94
  * @hidden
95
95
  */
@@ -102,7 +102,8 @@ export declare const messages: {
102
102
  "datetimepicker.time": string;
103
103
  "datetimepicker.cancel": string;
104
104
  "datetimepicker.set": string;
105
- "datetimepicker.confirm": string;
105
+ "daterangepicker.cancel": string;
106
+ "daterangepicker.set": string;
106
107
  "daterangepicker.start": string;
107
108
  "daterangepicker.end": string;
108
109
  "daterangepicker.separator": string;
package/dist/es/messages/index.js CHANGED
@@ -86,11 +86,11 @@ export var dateTimePickerSet = 'datetimepicker.set';
86
86
  /**
87
87
  * @hidden
88
88
  */
89
- export var dateRangePickerCancel = 'datetimepicker.cancel';
89
+ export var dateRangePickerCancel = 'daterangepicker.cancel';
90
90
  /**
91
91
  * @hidden
92
92
  */
93
- export var dateRangePickerConfirm = 'datetimepicker.confirm';
93
+ export var dateRangePickerSet = 'daterangepicker.set';
94
94
  /**
95
95
  * @hidden
96
96
  */
@@ -104,7 +104,7 @@ export var messages = (_a = {},
104
104
  _a[dateTimePickerCancel] = 'Cancel',
105
105
  _a[dateTimePickerSet] = 'Set',
106
106
  _a[dateRangePickerCancel] = 'Cancel',
107
- _a[dateRangePickerConfirm] = 'Confirm Selection',
107
+ _a[dateRangePickerSet] = 'Set',
108
108
  _a[start] = 'Start',
109
109
  _a[end] = 'End',
110
110
  _a[separator] = ' ',
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: 1685471358,
8
+ publishDate: 1685527138,
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/Calendar.d.ts CHANGED
@@ -43,6 +43,10 @@ export interface CalendarProps<T = any> extends CalendarSettings {
43
43
  * Sets the value of the Calendar.
44
44
  */
45
45
  value?: Date | null;
46
+ /**
47
+ * @hidden
48
+ */
49
+ mobileMode?: boolean;
46
50
  }
47
51
  /**
48
52
  * @hidden
package/dist/npm/calendar/components/Calendar.js CHANGED
@@ -306,7 +306,8 @@ var CalendarWithoutContext = /** @class */ (function (_super) {
306
306
  this.service = this.bus.service(activeView, this.intl);
307
307
  var rootClassNames = (0, kendo_react_common_1.classNames)('k-widget k-calendar k-calendar-infinite', {
308
308
  'k-disabled': this.props.disabled,
309
- 'k-week-number': this.props.weekNumber
309
+ 'k-week-number': this.props.weekNumber,
310
+ 'k-calendar-lg': this.props.mobileMode
310
311
  }, this.props.className);
311
312
  var calendarBody = [this.props.navigation && (React.createElement(Navigation_1.Navigation, { key: 0, ref: function (el) { _this.Navigation = el; }, activeView: this.state.activeView, focusedDate: this.focusedDate, min: this.min, max: this.max, onScroll: this.handleScroll, onChange: this.handleNavigationChange, service: this.service, dom: this.dom, navigationItem: this.props.navigationItem, tabIndex: this.props.tabIndex })), (React.createElement(ViewList_1.ViewList, { key: 1, ref: function (el) { _this.calendarViewList = el; }, activeView: this.state.activeView, focusedDate: this.focusedDate, min: this.min, max: this.max, bus: this.bus, shouldScroll: this.shouldScroll, onScroll: this.handleScroll, service: this.service, cell: this.props.cell, weekCell: this.props.weekCell, dom: this.dom, smoothScroll: this.props.smoothScroll, showWeekNumbers: this.props.weekNumber, onChange: this.handleDateChange, value: sanitizedValue, cellUID: this.cellUID, headerTitle: this.props.headerTitle, tabIndex: this.props.tabIndex }))];
312
313
  return (React.createElement("div", { ref: function (el) { _this._element = el; }, className: rootClassNames, id: this.props.id || this.id, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, "aria-disabled": this.props.disabled, tabIndex: !this.props.disabled ? this.props.tabIndex || 0 : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown, onClick: this.handleClick }, calendarBody));
package/dist/npm/daterangepicker/DateRangePicker.js CHANGED
@@ -91,8 +91,8 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
91
91
  var value = _this.value || models_1.EMPTY_SELECTIONRANGE;
92
92
  var calendarProps = __assign(__assign({ min: _this.min, max: _this.max, allowReverse: _this.props.allowReverse, mode: 'range', focusedDate: _this.props.focusedDate, disabled: _this.props.disabled, className: _this.mobileMode ? 'k-calendar-lg' : '', mobileMode: _this.mobileMode }, _this.props.calendarSettings), { value: value, onChange: _this.handleCalendarChange });
93
93
  return _this.props.calendar
94
- ? React.createElement(_this.props.calendar, __assign({}, calendarProps, { className: '' }))
95
- : React.createElement(MultiViewCalendar_1.MultiViewCalendar, __assign({}, calendarProps, { ref: _this.setCalendarRef, className: 'k-calendar-lg' }));
94
+ ? React.createElement(_this.props.calendar, __assign({}, calendarProps))
95
+ : React.createElement(MultiViewCalendar_1.MultiViewCalendar, __assign({}, calendarProps, { ref: _this.setCalendarRef }));
96
96
  };
97
97
  _this.renderPopup = function () {
98
98
  var popupProps = __assign(__assign({ popupClass: 'k-daterangepicker-popup', animate: _this._element !== null, anchor: _this._element, id: _this._popupId, anchorAlign: {
@@ -116,7 +116,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
116
116
  footer: {
117
117
  cancelText: _this.localizationService.toLanguageString(messages_1.dateRangePickerCancel, messages_1.messages[messages_1.dateRangePickerCancel]),
118
118
  onCancel: function (event) { return _this.handleCancel(event); },
119
- applyText: _this.localizationService.toLanguageString(messages_1.dateRangePickerConfirm, messages_1.messages[messages_1.dateRangePickerConfirm]),
119
+ applyText: _this.localizationService.toLanguageString(messages_1.dateRangePickerSet, messages_1.messages[messages_1.dateRangePickerSet]),
120
120
  onApply: function (event) { return _this.handleBlur(event); }
121
121
  }
122
122
  };
package/dist/npm/datetimepicker/DateTimeSelector.js CHANGED
@@ -217,7 +217,8 @@ var DateTimeSelector = /** @class */ (function (_super) {
217
217
  disabled: disabled || this.state.tab !== 'date',
218
218
  value: this.state.dateValue,
219
219
  onChange: this.handleCalendarValueChange,
220
- navigation: false
220
+ navigation: false,
221
+ mobileMode: mobileMode
221
222
  };
222
223
  return (React.createElement("div", { onKeyDown: this.handleKeyDown, className: rootClassName, tabIndex: -1 },
223
224
  React.createElement("div", { className: "k-datetime-buttongroup" },
package/dist/npm/messages/index.d.ts CHANGED
@@ -85,11 +85,11 @@ export declare const dateTimePickerSet = "datetimepicker.set";
85
85
  /**
86
86
  * @hidden
87
87
  */
88
- export declare const dateRangePickerCancel = "datetimepicker.cancel";
88
+ export declare const dateRangePickerCancel = "daterangepicker.cancel";
89
89
  /**
90
90
  * @hidden
91
91
  */
92
- export declare const dateRangePickerConfirm = "datetimepicker.confirm";
92
+ export declare const dateRangePickerSet = "daterangepicker.set";
93
93
  /**
94
94
  * @hidden
95
95
  */
@@ -102,7 +102,8 @@ export declare const messages: {
102
102
  "datetimepicker.time": string;
103
103
  "datetimepicker.cancel": string;
104
104
  "datetimepicker.set": string;
105
- "datetimepicker.confirm": string;
105
+ "daterangepicker.cancel": string;
106
+ "daterangepicker.set": string;
106
107
  "daterangepicker.start": string;
107
108
  "daterangepicker.end": string;
108
109
  "daterangepicker.separator": string;
package/dist/npm/messages/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  var _a;
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.messages = exports.dateRangePickerConfirm = exports.dateRangePickerCancel = exports.dateTimePickerSet = exports.dateTimePickerCancel = exports.time = exports.date = exports.toggleClock = exports.toggleTimeSelector = exports.timePickerSet = exports.timePickerCancel = exports.selectNow = exports.now = exports.toggleDateTimeSelector = exports.separator = exports.end = exports.start = exports.swapStartEnd = exports.toggleCalendar = exports.today = exports.decreaseValue = exports.increaseValue = exports.nextView = exports.prevView = void 0;
4
+ exports.messages = exports.dateRangePickerSet = exports.dateRangePickerCancel = exports.dateTimePickerSet = exports.dateTimePickerCancel = exports.time = exports.date = exports.toggleClock = exports.toggleTimeSelector = exports.timePickerSet = exports.timePickerCancel = exports.selectNow = exports.now = exports.toggleDateTimeSelector = exports.separator = exports.end = exports.start = exports.swapStartEnd = exports.toggleCalendar = exports.today = exports.decreaseValue = exports.increaseValue = exports.nextView = exports.prevView = void 0;
5
5
  /**
6
6
  * @hidden
7
7
  */
@@ -89,11 +89,11 @@ exports.dateTimePickerSet = 'datetimepicker.set';
89
89
  /**
90
90
  * @hidden
91
91
  */
92
- exports.dateRangePickerCancel = 'datetimepicker.cancel';
92
+ exports.dateRangePickerCancel = 'daterangepicker.cancel';
93
93
  /**
94
94
  * @hidden
95
95
  */
96
- exports.dateRangePickerConfirm = 'datetimepicker.confirm';
96
+ exports.dateRangePickerSet = 'daterangepicker.set';
97
97
  /**
98
98
  * @hidden
99
99
  */
@@ -107,7 +107,7 @@ exports.messages = (_a = {},
107
107
  _a[exports.dateTimePickerCancel] = 'Cancel',
108
108
  _a[exports.dateTimePickerSet] = 'Set',
109
109
  _a[exports.dateRangePickerCancel] = 'Cancel',
110
- _a[exports.dateRangePickerConfirm] = 'Confirm Selection',
110
+ _a[exports.dateRangePickerSet] = 'Set',
111
111
  _a[exports.start] = 'Start',
112
112
  _a[exports.end] = 'End',
113
113
  _a[exports.separator] = ' ',
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: 1685471358,
11
+ publishDate: 1685527138,
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
  };