@progress/kendo-react-dateinputs 5.10.0-dev.202301091032 → 5.10.0-dev.202301092204
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/calendar/components/TodayCommand.js +2 -1
- package/dist/es/calendar/services/DOMService.js +1 -1
- package/dist/es/datepicker/DatePicker.js +1 -1
- package/dist/es/daterangepicker/DateRangePicker.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/timepicker/TimePicker.js +1 -1
- package/dist/npm/calendar/components/TodayCommand.js +2 -1
- package/dist/npm/calendar/services/DOMService.js +1 -1
- package/dist/npm/datepicker/DatePicker.js +1 -1
- package/dist/npm/daterangepicker/DateRangePicker.js +1 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/timepicker/TimePicker.js +1 -1
- package/dist/systemjs/kendo-react-dateinputs.js +1 -1
- package/package.json +12 -12
|
@@ -17,6 +17,7 @@ import * as React from 'react';
|
|
|
17
17
|
import * as PropTypes from 'prop-types';
|
|
18
18
|
import { provideLocalizationService, registerForLocalization } from '@progress/kendo-react-intl';
|
|
19
19
|
import { classNames } from '@progress/kendo-react-common';
|
|
20
|
+
import { Button } from '@progress/kendo-react-buttons';
|
|
20
21
|
import { getDate } from '@progress/kendo-date-math';
|
|
21
22
|
import { messages, today } from '../../messages';
|
|
22
23
|
import { dateInRange, getToday, isInRange } from '../../utils';
|
|
@@ -74,7 +75,7 @@ var TodayCommand = /** @class */ (function (_super) {
|
|
|
74
75
|
var todayClassNames = classNames('k-calendar-nav-today', {
|
|
75
76
|
'k-disabled': this.props.disabled
|
|
76
77
|
});
|
|
77
|
-
return (React.createElement(
|
|
78
|
+
return (React.createElement(Button, { className: todayClassNames, onClick: this.handleClick, tabIndex: this.props.tabIndex, fillMode: 'flat' }, todayMessage));
|
|
78
79
|
};
|
|
79
80
|
TodayCommand.propTypes = {
|
|
80
81
|
max: PropTypes.instanceOf(Date).isRequired,
|
|
@@ -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\"><
|
|
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\"><button class=\"k-calendar-nav-today\">TODAY</button></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')
|
|
@@ -384,7 +384,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
384
384
|
fillMode: null,
|
|
385
385
|
rounded: null
|
|
386
386
|
};
|
|
387
|
-
var popupProps = __assign({ show: show, anchor: this._element, className: popupClassNames, id: this._popupId, anchorAlign: {
|
|
387
|
+
var popupProps = __assign({ popupClass: 'k-datepicker-popup', show: show, anchor: this._element, className: popupClassNames, id: this._popupId, anchorAlign: {
|
|
388
388
|
horizontal: 'left',
|
|
389
389
|
vertical: 'bottom'
|
|
390
390
|
}, popupAlign: {
|
|
@@ -324,7 +324,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
324
324
|
var separatorMessage = localizationService.toLanguageString(separator, messages[separator]);
|
|
325
325
|
var startDateInputProps = __assign(__assign({ label: startMessage, format: this.props.format, min: this.min, max: this.max, id: this._startInputId, disabled: this.props.disabled, valid: this.props.valid, tabIndex: this.props.tabIndex, ariaExpanded: this.show }, this.props.startDateInputSettings), { value: value.start, onChange: this.handleStartChange });
|
|
326
326
|
var endDateInputProps = __assign(__assign({ label: endMessage, format: this.props.format, min: this.min, max: this.max, id: this._endInputId, disabled: this.props.disabled, valid: this.props.valid, tabIndex: this.props.tabIndex, ariaExpanded: this.show }, this.props.endDateInputSettings), { value: value.end, onChange: this.handleEndChange });
|
|
327
|
-
var popupProps = __assign(__assign({ animate: this._element !== null, anchor: this._element, id: this._popupId, anchorAlign: {
|
|
327
|
+
var popupProps = __assign(__assign({ popupClass: 'k-daterangepicker-popup', animate: this._element !== null, anchor: this._element, id: this._popupId, anchorAlign: {
|
|
328
328
|
horizontal: 'left',
|
|
329
329
|
vertical: 'bottom'
|
|
330
330
|
}, popupAlign: {
|
|
@@ -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: 1673300538,
|
|
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
|
};
|
|
@@ -357,7 +357,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
357
357
|
fillMode: null,
|
|
358
358
|
rounded: null
|
|
359
359
|
};
|
|
360
|
-
var popupProps = __assign({ show: this.show, animate: this.element !== null, anchor: this.element, className: popupClassNames, id: this._popupId, anchorAlign: {
|
|
360
|
+
var popupProps = __assign({ popupClass: 'k-timepicker-popup', show: this.show, animate: this.element !== null, anchor: this.element, className: popupClassNames, id: this._popupId, anchorAlign: {
|
|
361
361
|
horizontal: 'left',
|
|
362
362
|
vertical: 'bottom'
|
|
363
363
|
}, popupAlign: {
|
|
@@ -20,6 +20,7 @@ var React = require("react");
|
|
|
20
20
|
var PropTypes = require("prop-types");
|
|
21
21
|
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
22
22
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
23
|
+
var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
23
24
|
var kendo_date_math_1 = require("@progress/kendo-date-math");
|
|
24
25
|
var messages_1 = require("../../messages");
|
|
25
26
|
var utils_1 = require("../../utils");
|
|
@@ -77,7 +78,7 @@ var TodayCommand = /** @class */ (function (_super) {
|
|
|
77
78
|
var todayClassNames = (0, kendo_react_common_1.classNames)('k-calendar-nav-today', {
|
|
78
79
|
'k-disabled': this.props.disabled
|
|
79
80
|
});
|
|
80
|
-
return (React.createElement(
|
|
81
|
+
return (React.createElement(kendo_react_buttons_1.Button, { className: todayClassNames, onClick: this.handleClick, tabIndex: this.props.tabIndex, fillMode: 'flat' }, todayMessage));
|
|
81
82
|
};
|
|
82
83
|
TodayCommand.propTypes = {
|
|
83
84
|
max: PropTypes.instanceOf(Date).isRequired,
|
|
@@ -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\"><
|
|
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\"><button class=\"k-calendar-nav-today\">TODAY</button></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')
|
|
@@ -387,7 +387,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
387
387
|
fillMode: null,
|
|
388
388
|
rounded: null
|
|
389
389
|
};
|
|
390
|
-
var popupProps = __assign({ show: show, anchor: this._element, className: popupClassNames, id: this._popupId, anchorAlign: {
|
|
390
|
+
var popupProps = __assign({ popupClass: 'k-datepicker-popup', show: show, anchor: this._element, className: popupClassNames, id: this._popupId, anchorAlign: {
|
|
391
391
|
horizontal: 'left',
|
|
392
392
|
vertical: 'bottom'
|
|
393
393
|
}, popupAlign: {
|
|
@@ -327,7 +327,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
327
327
|
var separatorMessage = localizationService.toLanguageString(messages_1.separator, messages_1.messages[messages_1.separator]);
|
|
328
328
|
var startDateInputProps = __assign(__assign({ label: startMessage, format: this.props.format, min: this.min, max: this.max, id: this._startInputId, disabled: this.props.disabled, valid: this.props.valid, tabIndex: this.props.tabIndex, ariaExpanded: this.show }, this.props.startDateInputSettings), { value: value.start, onChange: this.handleStartChange });
|
|
329
329
|
var endDateInputProps = __assign(__assign({ label: endMessage, format: this.props.format, min: this.min, max: this.max, id: this._endInputId, disabled: this.props.disabled, valid: this.props.valid, tabIndex: this.props.tabIndex, ariaExpanded: this.show }, this.props.endDateInputSettings), { value: value.end, onChange: this.handleEndChange });
|
|
330
|
-
var popupProps = __assign(__assign({ animate: this._element !== null, anchor: this._element, id: this._popupId, anchorAlign: {
|
|
330
|
+
var popupProps = __assign(__assign({ popupClass: 'k-daterangepicker-popup', animate: this._element !== null, anchor: this._element, id: this._popupId, anchorAlign: {
|
|
331
331
|
horizontal: 'left',
|
|
332
332
|
vertical: 'bottom'
|
|
333
333
|
}, popupAlign: {
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-dateinputs',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1673300538,
|
|
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
|
};
|
|
@@ -360,7 +360,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
360
360
|
fillMode: null,
|
|
361
361
|
rounded: null
|
|
362
362
|
};
|
|
363
|
-
var popupProps = __assign({ show: this.show, animate: this.element !== null, anchor: this.element, className: popupClassNames, id: this._popupId, anchorAlign: {
|
|
363
|
+
var popupProps = __assign({ popupClass: 'k-timepicker-popup', show: this.show, animate: this.element !== null, anchor: this.element, className: popupClassNames, id: this._popupId, anchorAlign: {
|
|
364
364
|
horizontal: 'left',
|
|
365
365
|
vertical: 'bottom'
|
|
366
366
|
}, popupAlign: {
|