@progress/kendo-react-dateinputs 5.10.0-dev.202301051045 → 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.
@@ -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("span", { className: todayClassNames, onClick: this.handleClick, tabIndex: this.props.tabIndex }, todayMessage));
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\"><span class=\"k-calendar-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\"><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: 1672914256,
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("span", { className: todayClassNames, onClick: this.handleClick, tabIndex: this.props.tabIndex }, todayMessage));
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\"><span class=\"k-calendar-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\"><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: 1672914256,
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: {