@progress/kendo-react-dateinputs 4.13.0-dev.202111300702 → 4.13.0

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1638254341,
+    publishDate: 1638880201,
     version: '',
     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'
 };

package/dist/es/timepicker/TimeList.d.ts

@@ -19,6 +19,7 @@ export interface TimeListProps {
     smoothScroll?: boolean;
     boundRange?: boolean;
     disabled?: boolean;
+    show?: boolean;
 }
 /**
  * @hidden
@@ -32,6 +33,7 @@ export declare class TimeList extends React.Component<TimeListProps, {}> {
         step: (props: TimeListProps, propName: string, componentName: string) => any;
         value: PropTypes.Requireable<Date>;
         smoothScroll: PropTypes.Requireable<boolean>;
+        show: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         boundRange: boolean;

package/dist/es/timepicker/TimeList.js

@@ -124,7 +124,7 @@ var TimeList = /** @class */ (function (_super) {
             if (!_this._element) {
                 return;
             }
-            if (document && document.activeElement !== _this._element) {
+            if (document && document.activeElement !== _this._element && _this.props.show) {
                 _this._element.focus({ preventScroll: true });
             }
         };
@@ -262,7 +262,8 @@ var TimeList = /** @class */ (function (_super) {
             return null;
         },
         value: PropTypes.instanceOf(Date),
-        smoothScroll: PropTypes.bool
+        smoothScroll: PropTypes.bool,
+        show: PropTypes.bool
     };
     TimeList.defaultProps = {
         boundRange: false,

package/dist/es/timepicker/TimePart.d.ts

@@ -36,6 +36,7 @@ export interface TimePartProps {
     onNowClick?: any;
     className?: string;
     onMount?: (value: Date) => void;
+    show?: boolean;
 }
 /**
  * @hidden
@@ -78,6 +79,7 @@ export declare class TimePart extends React.Component<TimePartProps, TimePartSta
         smoothScroll: PropTypes.Requireable<boolean>;
         tabIndex: PropTypes.Requireable<number>;
         value: PropTypes.Requireable<Date>;
+        show: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         value: any;

package/dist/es/timepicker/TimePart.js

@@ -228,7 +228,7 @@ var TimePart = /** @class */ (function (_super) {
                             React.createElement("span", { className: "k-title", onMouseDown: function (e) { e.preventDefault(); } }, _this.intl.dateFieldName(part)),
                             React.createElement(TimeList, { min: _this.min, max: _this.max, boundRange: _this.boundRange, part: part, step: part.type ? _this.steps[part.type] : 1, smoothScroll: smoothScroll, ref: function (el) { if (!el) {
                                     return;
-                                } _this.timeLists.push(el); }, id: idx, onFocus: function () { _this.handleListFocus(idx); }, onBlur: _this.handleListBlur, onChange: _this.handleChange, value: _this.value, disabled: disabled }))
+                                } _this.timeLists.push(el); }, id: idx, onFocus: function () { _this.handleListFocus(idx); }, onBlur: _this.handleListBlur, onChange: _this.handleChange, value: _this.value, disabled: disabled, show: _this.props.show }))
                         : React.createElement("div", { key: idx, className: "k-time-separator" }, part.pattern));
                 }))));
     };
@@ -279,7 +279,8 @@ var TimePart = /** @class */ (function (_super) {
         }),
         smoothScroll: PropTypes.bool,
         tabIndex: PropTypes.number,
-        value: PropTypes.instanceOf(Date)
+        value: PropTypes.instanceOf(Date),
+        show: PropTypes.bool
     };
     TimePart.defaultProps = {
         value: null,

package/dist/es/timepicker/TimePicker.js

@@ -369,7 +369,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
                 horizontal: 'left',
                 vertical: 'top'
             } }, otherPopupSettings);
-        var timeSelector = (React.createElement(TimeSelector, { ref: this.setTimeSelectorRef, cancelButton: cancelButton, disabled: disabled, nowButton: nowButton, format: format, min: this.min, max: this.max, steps: steps, smoothScroll: smoothScroll, value: this.value, onChange: this.handleValueChange, onReject: this.handleValueReject }));
+        var timeSelector = (React.createElement(TimeSelector, { ref: this.setTimeSelectorRef, show: this.show, cancelButton: cancelButton, disabled: disabled, nowButton: nowButton, format: format, min: this.min, max: this.max, steps: steps, smoothScroll: smoothScroll, value: this.value, onChange: this.handleValueChange, onReject: this.handleValueReject }));
         var localizationService = provideLocalizationService(this);
         var toggleClockMessage = localizationService.toLanguageString(toggleClock, messages[toggleClock]);
         var toggleTimeMessage = localizationService

package/dist/es/timepicker/TimeSelector.d.ts

@@ -36,6 +36,7 @@ export interface TimeSelectorProps {
     tabIndex?: number;
     value?: Date | null;
     boundRange?: boolean;
+    show?: boolean;
 }
 /**
  * @hidden
@@ -80,6 +81,7 @@ export declare class TimeSelector extends React.Component<TimeSelectorProps, Tim
         smoothScroll: PropTypes.Requireable<boolean>;
         tabIndex: PropTypes.Requireable<number>;
         value: PropTypes.Requireable<Date>;
+        show: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         value: any;

package/dist/es/timepicker/TimeSelector.js

@@ -175,7 +175,7 @@ var TimeSelector = /** @class */ (function (_super) {
         return (React.createElement("div", { ref: function (el) { _this._element = el; }, tabIndex: !disabled ? tabIndex || 0 : undefined, className: classNames('k-timeselector k-reset', className, {
                 'k-state-disabled': disabled
             }), onKeyDown: this.handleKeyDown },
-            React.createElement(TimePart, { ref: function (el) { _this.timePart = el; }, value: this.current, onChange: this.handleChange, onNowClick: this.handleNowClick, format: format, smoothScroll: smoothScroll, min: min, max: max, boundRange: boundRange, disabled: disabled, nowButton: nowButton, steps: steps }),
+            React.createElement(TimePart, { ref: function (el) { _this.timePart = el; }, value: this.current, onChange: this.handleChange, onNowClick: this.handleNowClick, format: format, smoothScroll: smoothScroll, min: min, max: max, boundRange: boundRange, disabled: disabled, nowButton: nowButton, steps: steps, show: this.props.show }),
             React.createElement("div", { className: "k-time-footer k-actions k-hstack k-justify-content-stretch" },
                 cancelButton &&
                     React.createElement(Button, __assign({ type: "button", ref: function (btn) { _this._cancelButton = btn; }, className: "k-time-cancel", onClick: this.handleReject, title: cancelMessage }, { 'aria-label': cancelMessage }), cancelMessage),
@@ -228,7 +228,8 @@ var TimeSelector = /** @class */ (function (_super) {
         }),
         smoothScroll: PropTypes.bool,
         tabIndex: PropTypes.number,
-        value: PropTypes.instanceOf(Date)
+        value: PropTypes.instanceOf(Date),
+        show: PropTypes.bool
     };
     TimeSelector.defaultProps = {
         value: null,

package/dist/npm/package-metadata.js

@@ -7,7 +7,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1638254341,
+    publishDate: 1638880201,
     version: '',
     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'
 };

package/dist/npm/timepicker/TimeList.d.ts

@@ -19,6 +19,7 @@ export interface TimeListProps {
     smoothScroll?: boolean;
     boundRange?: boolean;
     disabled?: boolean;
+    show?: boolean;
 }
 /**
  * @hidden
@@ -32,6 +33,7 @@ export declare class TimeList extends React.Component<TimeListProps, {}> {
         step: (props: TimeListProps, propName: string, componentName: string) => any;
         value: PropTypes.Requireable<Date>;
         smoothScroll: PropTypes.Requireable<boolean>;
+        show: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         boundRange: boolean;

package/dist/npm/timepicker/TimeList.js

@@ -126,7 +126,7 @@ var TimeList = /** @class */ (function (_super) {
             if (!_this._element) {
                 return;
             }
-            if (document && document.activeElement !== _this._element) {
+            if (document && document.activeElement !== _this._element && _this.props.show) {
                 _this._element.focus({ preventScroll: true });
             }
         };
@@ -264,7 +264,8 @@ var TimeList = /** @class */ (function (_super) {
             return null;
         },
         value: PropTypes.instanceOf(Date),
-        smoothScroll: PropTypes.bool
+        smoothScroll: PropTypes.bool,
+        show: PropTypes.bool
     };
     TimeList.defaultProps = {
         boundRange: false,

package/dist/npm/timepicker/TimePart.d.ts

@@ -36,6 +36,7 @@ export interface TimePartProps {
     onNowClick?: any;
     className?: string;
     onMount?: (value: Date) => void;
+    show?: boolean;
 }
 /**
  * @hidden
@@ -78,6 +79,7 @@ export declare class TimePart extends React.Component<TimePartProps, TimePartSta
         smoothScroll: PropTypes.Requireable<boolean>;
         tabIndex: PropTypes.Requireable<number>;
         value: PropTypes.Requireable<Date>;
+        show: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         value: any;

package/dist/npm/timepicker/TimePart.js

@@ -230,7 +230,7 @@ var TimePart = /** @class */ (function (_super) {
                             React.createElement("span", { className: "k-title", onMouseDown: function (e) { e.preventDefault(); } }, _this.intl.dateFieldName(part)),
                             React.createElement(TimeList_1.TimeList, { min: _this.min, max: _this.max, boundRange: _this.boundRange, part: part, step: part.type ? _this.steps[part.type] : 1, smoothScroll: smoothScroll, ref: function (el) { if (!el) {
                                     return;
-                                } _this.timeLists.push(el); }, id: idx, onFocus: function () { _this.handleListFocus(idx); }, onBlur: _this.handleListBlur, onChange: _this.handleChange, value: _this.value, disabled: disabled }))
+                                } _this.timeLists.push(el); }, id: idx, onFocus: function () { _this.handleListFocus(idx); }, onBlur: _this.handleListBlur, onChange: _this.handleChange, value: _this.value, disabled: disabled, show: _this.props.show }))
                         : React.createElement("div", { key: idx, className: "k-time-separator" }, part.pattern));
                 }))));
     };
@@ -281,7 +281,8 @@ var TimePart = /** @class */ (function (_super) {
         }),
         smoothScroll: PropTypes.bool,
         tabIndex: PropTypes.number,
-        value: PropTypes.instanceOf(Date)
+        value: PropTypes.instanceOf(Date),
+        show: PropTypes.bool
     };
     TimePart.defaultProps = {
         value: null,

package/dist/npm/timepicker/TimePicker.js

@@ -371,7 +371,7 @@ var TimePickerWithoutContext = /** @class */ (function (_super) {
                 horizontal: 'left',
                 vertical: 'top'
             } }, otherPopupSettings);
-        var timeSelector = (React.createElement(TimeSelector_1.TimeSelector, { ref: this.setTimeSelectorRef, cancelButton: cancelButton, disabled: disabled, nowButton: nowButton, format: format, min: this.min, max: this.max, steps: steps, smoothScroll: smoothScroll, value: this.value, onChange: this.handleValueChange, onReject: this.handleValueReject }));
+        var timeSelector = (React.createElement(TimeSelector_1.TimeSelector, { ref: this.setTimeSelectorRef, show: this.show, cancelButton: cancelButton, disabled: disabled, nowButton: nowButton, format: format, min: this.min, max: this.max, steps: steps, smoothScroll: smoothScroll, value: this.value, onChange: this.handleValueChange, onReject: this.handleValueReject }));
         var localizationService = kendo_react_intl_1.provideLocalizationService(this);
         var toggleClockMessage = localizationService.toLanguageString(messages_1.toggleClock, messages_1.messages[messages_1.toggleClock]);
         var toggleTimeMessage = localizationService

package/dist/npm/timepicker/TimeSelector.d.ts

@@ -36,6 +36,7 @@ export interface TimeSelectorProps {
     tabIndex?: number;
     value?: Date | null;
     boundRange?: boolean;
+    show?: boolean;
 }
 /**
  * @hidden
@@ -80,6 +81,7 @@ export declare class TimeSelector extends React.Component<TimeSelectorProps, Tim
         smoothScroll: PropTypes.Requireable<boolean>;
         tabIndex: PropTypes.Requireable<number>;
         value: PropTypes.Requireable<Date>;
+        show: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         value: any;

package/dist/npm/timepicker/TimeSelector.js

@@ -177,7 +177,7 @@ var TimeSelector = /** @class */ (function (_super) {
         return (React.createElement("div", { ref: function (el) { _this._element = el; }, tabIndex: !disabled ? tabIndex || 0 : undefined, className: kendo_react_common_1.classNames('k-timeselector k-reset', className, {
                 'k-state-disabled': disabled
             }), onKeyDown: this.handleKeyDown },
-            React.createElement(TimePart_1.TimePart, { ref: function (el) { _this.timePart = el; }, value: this.current, onChange: this.handleChange, onNowClick: this.handleNowClick, format: format, smoothScroll: smoothScroll, min: min, max: max, boundRange: boundRange, disabled: disabled, nowButton: nowButton, steps: steps }),
+            React.createElement(TimePart_1.TimePart, { ref: function (el) { _this.timePart = el; }, value: this.current, onChange: this.handleChange, onNowClick: this.handleNowClick, format: format, smoothScroll: smoothScroll, min: min, max: max, boundRange: boundRange, disabled: disabled, nowButton: nowButton, steps: steps, show: this.props.show }),
             React.createElement("div", { className: "k-time-footer k-actions k-hstack k-justify-content-stretch" },
                 cancelButton &&
                     React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", ref: function (btn) { _this._cancelButton = btn; }, className: "k-time-cancel", onClick: this.handleReject, title: cancelMessage }, { 'aria-label': cancelMessage }), cancelMessage),
@@ -230,7 +230,8 @@ var TimeSelector = /** @class */ (function (_super) {
         }),
         smoothScroll: PropTypes.bool,
         tabIndex: PropTypes.number,
-        value: PropTypes.instanceOf(Date)
+        value: PropTypes.instanceOf(Date),
+        show: PropTypes.bool
     };
     TimeSelector.defaultProps = {
         value: null,