@progress/kendo-react-dateinputs 4.14.0-dev.202201131520 → 4.14.0
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/services/DOMService.js +8 -8
- package/dist/es/daterangepicker/models/DateRangePickerPopupSettings.d.ts +2 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/timepicker/services/DOMService.js +6 -2
- package/dist/npm/calendar/services/DOMService.js +8 -8
- package/dist/npm/daterangepicker/models/DateRangePickerPopupSettings.d.ts +2 -2
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/timepicker/services/DOMService.js +6 -2
- package/dist/systemjs/kendo-react-dateinputs.js +1 -1
- package/package.json +12 -12
|
@@ -28,20 +28,20 @@ var DOMService = /** @class */ (function () {
|
|
|
28
28
|
var tbody = containerFactory('tbody');
|
|
29
29
|
var thead = containerFactory('thead');
|
|
30
30
|
var table = containerFactory('table');
|
|
31
|
-
var monthHeader = function () { return (div("\n
|
|
31
|
+
var monthHeader = function () { return (div("\n <span class=\"k-button k-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')); };
|
|
32
32
|
var monthWeekHeader = function () { return (table([
|
|
33
33
|
thead([
|
|
34
|
-
tr([th('MO')])
|
|
35
|
-
])
|
|
36
|
-
], 'k-calendar-weekdays')); };
|
|
34
|
+
tr([th('MO', 'k-calendar-th')], 'k-calendar-tr')
|
|
35
|
+
], 'k-calendar-thead')
|
|
36
|
+
], 'k-calendar-table k-calendar-weekdays')); };
|
|
37
37
|
var repeat = function (count, mapper) { return new Array(count).fill('1').map(mapper); };
|
|
38
38
|
var content = function (rows, cells) {
|
|
39
39
|
if (cells === void 0) { cells = 1; }
|
|
40
40
|
return (table([
|
|
41
|
-
tbody([tr([
|
|
42
|
-
]));
|
|
41
|
+
tbody([tr([td('1', 'k-calendar-td k-alt')])].concat(repeat(rows, function () { return tr(repeat(cells, function (c) { return td("<span class=\"k-link\">" + c + "</span>", 'k-calendar-td'); }), 'k-calendar-tr'); })), 'k-calendar-tbody')
|
|
42
|
+
], 'k-calendar-table'));
|
|
43
43
|
};
|
|
44
|
-
var scrollable = function (children) { return div(children, 'k-content k-scrollable'); };
|
|
44
|
+
var scrollable = function (children) { return div(children, 'k-content k-calendar-content k-scrollable'); };
|
|
45
45
|
var view = function (contentElement, className, renderWeekHeader) { return (div(renderWeekHeader
|
|
46
46
|
? [
|
|
47
47
|
monthHeader(),
|
|
@@ -83,7 +83,7 @@ var DOMService = /** @class */ (function () {
|
|
|
83
83
|
scrollableElement.className = scrollableElement.className + " k-scrollable-horizontal";
|
|
84
84
|
return element;
|
|
85
85
|
};
|
|
86
|
-
var monthView = viewFactory({ cells: 7, rows: 6 }, 'k-calendar-view k-calendar-monthview', true);
|
|
86
|
+
var monthView = viewFactory({ cells: 7, rows: 6 }, 'k-calendar-view k-calendar-monthview k-vstack', true);
|
|
87
87
|
var yearView = viewFactory({ cells: 5, rows: 3 }, 'k-calendar-view k-calendar-yearview', false);
|
|
88
88
|
var decadeView = viewFactory({ cells: 5, rows: 2 }, 'k-calendar-view k-calendar-decadeview', false);
|
|
89
89
|
var horzMonthView = function () { return horizontal(monthView()); };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PopupProps } from '@progress/kendo-react-popup';
|
|
2
2
|
/**
|
|
3
3
|
* Represents the settings that can be passed to the Popup inside the DateRangePicker.
|
|
4
4
|
*/
|
|
5
|
-
export interface DateRangePickerPopupSettings extends
|
|
5
|
+
export interface DateRangePickerPopupSettings extends PopupProps {
|
|
6
6
|
}
|
|
@@ -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: 1642421576,
|
|
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
|
};
|
|
@@ -18,13 +18,17 @@ var DOMService = /** @class */ (function () {
|
|
|
18
18
|
return;
|
|
19
19
|
}
|
|
20
20
|
var div = containerFactory('div');
|
|
21
|
+
var span = containerFactory('span');
|
|
21
22
|
var ul = containerFactory('ul');
|
|
22
23
|
var li = containerFactory('li');
|
|
23
24
|
var listItem = function () { return li('<span>02</span>', 'k-item'); };
|
|
24
25
|
var list = function () { return ul([listItem()], 'k-reset'); };
|
|
25
|
-
var scrollable = function () { return (div([list()], 'k-
|
|
26
|
+
var scrollable = function () { return (div([list()], 'k-content k-calendar-content k-scrollable k-time-container')); };
|
|
26
27
|
var timeListWrapper = function () {
|
|
27
|
-
return div([
|
|
28
|
+
return div([
|
|
29
|
+
span('minute', 'k-title'),
|
|
30
|
+
div([scrollable()], 'k-time-list')
|
|
31
|
+
], 'k-time-list-wrapper', { left: '-10000px', position: 'absolute' });
|
|
28
32
|
};
|
|
29
33
|
var timeWrapper = timeListWrapper();
|
|
30
34
|
var listContainer = container && container.querySelector('.k-time-container');
|
|
@@ -30,20 +30,20 @@ var DOMService = /** @class */ (function () {
|
|
|
30
30
|
var tbody = utils_1.domContainerFactory('tbody');
|
|
31
31
|
var thead = utils_1.domContainerFactory('thead');
|
|
32
32
|
var table = utils_1.domContainerFactory('table');
|
|
33
|
-
var monthHeader = function () { return (div("\n
|
|
33
|
+
var monthHeader = function () { return (div("\n <span class=\"k-button k-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')); };
|
|
34
34
|
var monthWeekHeader = function () { return (table([
|
|
35
35
|
thead([
|
|
36
|
-
tr([th('MO')])
|
|
37
|
-
])
|
|
38
|
-
], 'k-calendar-weekdays')); };
|
|
36
|
+
tr([th('MO', 'k-calendar-th')], 'k-calendar-tr')
|
|
37
|
+
], 'k-calendar-thead')
|
|
38
|
+
], 'k-calendar-table k-calendar-weekdays')); };
|
|
39
39
|
var repeat = function (count, mapper) { return new Array(count).fill('1').map(mapper); };
|
|
40
40
|
var content = function (rows, cells) {
|
|
41
41
|
if (cells === void 0) { cells = 1; }
|
|
42
42
|
return (table([
|
|
43
|
-
tbody([tr([
|
|
44
|
-
]));
|
|
43
|
+
tbody([tr([td('1', 'k-calendar-td k-alt')])].concat(repeat(rows, function () { return tr(repeat(cells, function (c) { return td("<span class=\"k-link\">" + c + "</span>", 'k-calendar-td'); }), 'k-calendar-tr'); })), 'k-calendar-tbody')
|
|
44
|
+
], 'k-calendar-table'));
|
|
45
45
|
};
|
|
46
|
-
var scrollable = function (children) { return div(children, 'k-content k-scrollable'); };
|
|
46
|
+
var scrollable = function (children) { return div(children, 'k-content k-calendar-content k-scrollable'); };
|
|
47
47
|
var view = function (contentElement, className, renderWeekHeader) { return (div(renderWeekHeader
|
|
48
48
|
? [
|
|
49
49
|
monthHeader(),
|
|
@@ -85,7 +85,7 @@ var DOMService = /** @class */ (function () {
|
|
|
85
85
|
scrollableElement.className = scrollableElement.className + " k-scrollable-horizontal";
|
|
86
86
|
return element;
|
|
87
87
|
};
|
|
88
|
-
var monthView = viewFactory({ cells: 7, rows: 6 }, 'k-calendar-view k-calendar-monthview', true);
|
|
88
|
+
var monthView = viewFactory({ cells: 7, rows: 6 }, 'k-calendar-view k-calendar-monthview k-vstack', true);
|
|
89
89
|
var yearView = viewFactory({ cells: 5, rows: 3 }, 'k-calendar-view k-calendar-yearview', false);
|
|
90
90
|
var decadeView = viewFactory({ cells: 5, rows: 2 }, 'k-calendar-view k-calendar-decadeview', false);
|
|
91
91
|
var horzMonthView = function () { return horizontal(monthView()); };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PopupProps } from '@progress/kendo-react-popup';
|
|
2
2
|
/**
|
|
3
3
|
* Represents the settings that can be passed to the Popup inside the DateRangePicker.
|
|
4
4
|
*/
|
|
5
|
-
export interface DateRangePickerPopupSettings extends
|
|
5
|
+
export interface DateRangePickerPopupSettings extends PopupProps {
|
|
6
6
|
}
|
|
@@ -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: 1642421576,
|
|
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
|
};
|
|
@@ -20,13 +20,17 @@ var DOMService = /** @class */ (function () {
|
|
|
20
20
|
return;
|
|
21
21
|
}
|
|
22
22
|
var div = utils_1.domContainerFactory('div');
|
|
23
|
+
var span = utils_1.domContainerFactory('span');
|
|
23
24
|
var ul = utils_1.domContainerFactory('ul');
|
|
24
25
|
var li = utils_1.domContainerFactory('li');
|
|
25
26
|
var listItem = function () { return li('<span>02</span>', 'k-item'); };
|
|
26
27
|
var list = function () { return ul([listItem()], 'k-reset'); };
|
|
27
|
-
var scrollable = function () { return (div([list()], 'k-
|
|
28
|
+
var scrollable = function () { return (div([list()], 'k-content k-calendar-content k-scrollable k-time-container')); };
|
|
28
29
|
var timeListWrapper = function () {
|
|
29
|
-
return div([
|
|
30
|
+
return div([
|
|
31
|
+
span('minute', 'k-title'),
|
|
32
|
+
div([scrollable()], 'k-time-list')
|
|
33
|
+
], 'k-time-list-wrapper', { left: '-10000px', position: 'absolute' });
|
|
30
34
|
};
|
|
31
35
|
var timeWrapper = timeListWrapper();
|
|
32
36
|
var listContainer = container && container.querySelector('.k-time-container');
|