@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.
@@ -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 <span class=\"k-calendar-title\">March 2017</span>\n <span class=\"k-calendar-today\">TODAY</span>\n ", 'k-calendar-header')); };
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([th('1')])].concat(repeat(rows, function () { return tr(repeat(cells, function (c) { return td("<span class=\"k-link\">" + c + "</span>"); })); })))
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 { PopupSettings } from '@progress/kendo-react-popup';
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 PopupSettings {
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: 1642085716,
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-time-container k-content k-scrollable')); };
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([div([scrollable()], 'k-time-list')], 'k-time-list-wrapper', { left: '-10000px', position: 'absolute' });
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 <span class=\"k-calendar-title\">March 2017</span>\n <span class=\"k-calendar-today\">TODAY</span>\n ", 'k-calendar-header')); };
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([th('1')])].concat(repeat(rows, function () { return tr(repeat(cells, function (c) { return td("<span class=\"k-link\">" + c + "</span>"); })); })))
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 { PopupSettings } from '@progress/kendo-react-popup';
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 PopupSettings {
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: 1642085716,
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-time-container k-content k-scrollable')); };
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([div([scrollable()], 'k-time-list')], 'k-time-list-wrapper', { left: '-10000px', position: 'absolute' });
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');