@progress/kendo-react-dateinputs 4.13.0-dev.202111291459 → 4.13.0-dev.202112060804

package/dist/npm/timepicker/TimePicker.js

@@ -47,9 +47,10 @@ var TimeSelector_1 = require("./TimeSelector");
 var utils_1 = require("../utils");
 var utils_2 = require("./utils");
 var usePickerFloatingLabel_1 = require("../hooks/usePickerFloatingLabel");
-var TimePicker = /** @class */ (function (_super) {
-    __extends(TimePicker, _super);
-    function TimePicker(props) {
+/** @hidden */
+var TimePickerWithoutContext = /** @class */ (function (_super) {
+    __extends(TimePickerWithoutContext, _super);
+    function TimePickerWithoutContext(props) {
         var _this = _super.call(this, props) || this;
         _this._popupId = kendo_react_common_1.guid();
         _this._element = null;
@@ -139,8 +140,8 @@ var TimePicker = /** @class */ (function (_super) {
         };
         kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
         _this.state = {
-            value: _this.props.defaultValue || TimePicker.defaultProps.defaultValue,
-            show: _this.props.defaultShow || TimePicker.defaultProps.defaultShow,
+            value: _this.props.defaultValue || TimePickerWithoutContext.defaultProps.defaultValue,
+            show: _this.props.defaultShow || TimePickerWithoutContext.defaultProps.defaultShow,
             focused: false
         };
         _this.normalizeTime = _this.normalizeTime.bind(_this);
@@ -149,7 +150,7 @@ var TimePicker = /** @class */ (function (_super) {
         _this.mergeTime = _this.mergeTime.bind(_this);
         return _this;
     }
-    Object.defineProperty(TimePicker.prototype, "element", {
+    Object.defineProperty(TimePickerWithoutContext.prototype, "element", {
         /**
          * Gets the wrapping element of the TimePicker.
          */
@@ -159,7 +160,7 @@ var TimePicker = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TimePicker.prototype, "dateInput", {
+    Object.defineProperty(TimePickerWithoutContext.prototype, "dateInput", {
         /**
          * Gets the DateInput component inside the TimePicker component.
          */
@@ -169,7 +170,7 @@ var TimePicker = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TimePicker.prototype, "timeSelector", {
+    Object.defineProperty(TimePickerWithoutContext.prototype, "timeSelector", {
         /**
          * Gets the TimeSelector component inside the TimePicker component.
          */
@@ -179,7 +180,7 @@ var TimePicker = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TimePicker.prototype, "value", {
+    Object.defineProperty(TimePickerWithoutContext.prototype, "value", {
         /**
          * Gets the value of the TimePicker.
          */
@@ -194,7 +195,7 @@ var TimePicker = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TimePicker.prototype, "show", {
+    Object.defineProperty(TimePickerWithoutContext.prototype, "show", {
         /**
          * Gets the popup state of the TimeSelector.
          */
@@ -208,7 +209,7 @@ var TimePicker = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TimePicker.prototype, "name", {
+    Object.defineProperty(TimePickerWithoutContext.prototype, "name", {
         /**
          * Gets the `name` property of the TimePicker.
          */
@@ -218,7 +219,7 @@ var TimePicker = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TimePicker.prototype, "validity", {
+    Object.defineProperty(TimePickerWithoutContext.prototype, "validity", {
         /**
          * Represents the validity state into which the TimePicker is set.
          */
@@ -241,54 +242,54 @@ var TimePicker = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TimePicker.prototype, "validityStyles", {
+    Object.defineProperty(TimePickerWithoutContext.prototype, "validityStyles", {
         /**
          * @hidden
          */
         get: function () {
             return this.props.validityStyles !== undefined
                 ? this.props.validityStyles
-                : TimePicker.defaultProps.validityStyles;
+                : TimePickerWithoutContext.defaultProps.validityStyles;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TimePicker.prototype, "required", {
+    Object.defineProperty(TimePickerWithoutContext.prototype, "required", {
         /**
          * @hidden
          */
         get: function () {
             return this.props.required !== undefined
                 ? this.props.required
-                : TimePicker.defaultProps.required;
+                : TimePickerWithoutContext.defaultProps.required;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TimePicker.prototype, "popupSettings", {
+    Object.defineProperty(TimePickerWithoutContext.prototype, "popupSettings", {
         get: function () {
-            return this.props.popupSettings || TimePicker.defaultProps.popupSettings;
+            return this.props.popupSettings || TimePickerWithoutContext.defaultProps.popupSettings;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TimePicker.prototype, "min", {
+    Object.defineProperty(TimePickerWithoutContext.prototype, "min", {
         get: function () {
-            return this.props.min !== undefined ? this.props.min : TimePicker.defaultProps.min;
+            return this.props.min !== undefined ? this.props.min : TimePickerWithoutContext.defaultProps.min;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TimePicker.prototype, "max", {
+    Object.defineProperty(TimePickerWithoutContext.prototype, "max", {
         get: function () {
-            return this.props.max !== undefined ? this.props.max : TimePicker.defaultProps.max;
+            return this.props.max !== undefined ? this.props.max : TimePickerWithoutContext.defaultProps.max;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TimePicker.prototype, "dateInputComp", {
+    Object.defineProperty(TimePickerWithoutContext.prototype, "dateInputComp", {
         get: function () {
-            return this.props.dateInput || TimePicker.defaultProps.dateInput;
+            return this.props.dateInput || TimePickerWithoutContext.defaultProps.dateInput;
         },
         enumerable: true,
         configurable: true
@@ -296,7 +297,7 @@ var TimePicker = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    TimePicker.prototype.componentDidMount = function () {
+    TimePickerWithoutContext.prototype.componentDidMount = function () {
         if (this.show) {
             // If defaultShow is true during the initial render, the popup is not aligned.
             this.forceUpdate();
@@ -305,13 +306,13 @@ var TimePicker = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    TimePicker.prototype.componentWillUnmount = function () {
+    TimePickerWithoutContext.prototype.componentWillUnmount = function () {
         clearTimeout(this.nextTickId);
     };
     /**
      * @hidden
      */
-    TimePicker.prototype.componentDidUpdate = function () {
+    TimePickerWithoutContext.prototype.componentDidUpdate = function () {
         if (this._timeSelector && this.show && !this.prevShow) {
             this._timeSelector.focusActiveList();
         }
@@ -327,7 +328,7 @@ var TimePicker = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    TimePicker.prototype.render = function () {
+    TimePickerWithoutContext.prototype.render = function () {
         var _this = this;
         var _a = this.props, disabled = _a.disabled, tabIndex = _a.tabIndex, title = _a.title, id = _a.id, className = _a.className, format = _a.format, formatPlaceholder = _a.formatPlaceholder, smoothScroll = _a.smoothScroll, width = _a.width, name = _a.name, steps = _a.steps, cancelButton = _a.cancelButton, nowButton = _a.nowButton, validationMessage = _a.validationMessage, required = _a.required, validityStyles = _a.validityStyles, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy;
         var _b = this.popupSettings, popupClass = _b.popupClass, otherPopupSettings = __rest(_b, ["popupClass"]);
@@ -370,7 +371,7 @@ var TimePicker = /** @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
@@ -393,28 +394,32 @@ var TimePicker = /** @class */ (function (_super) {
             ? (React.createElement(usePickerFloatingLabel_1.PickerFloatingLabel, { dateInput: this._dateInput, label: this.props.label, editorId: id, editorValid: isValid, editorDisabled: this.props.disabled, children: timepicker, style: { width: this.props.width } }))
             : timepicker;
     };
-    TimePicker.prototype.normalizeTime = function (date) {
+    TimePickerWithoutContext.prototype.normalizeTime = function (date) {
         return utils_1.setTime(utils_1.MIDNIGHT_DATE, date);
     };
-    TimePicker.prototype.setShow = function (show) {
+    TimePickerWithoutContext.prototype.setShow = function (show) {
         if (this.show === show) {
             return;
         }
         this.setState({ show: show });
     };
-    TimePicker.prototype.nextTick = function (f) {
+    TimePickerWithoutContext.prototype.nextTick = function (f) {
         // XXX: use window.setTimeout due to async focus/blur events in IE, and missing relatedTarget prop.
         // XXX: https://github.com/facebook/react/issues/3751
         clearTimeout(this.nextTickId);
         this.nextTickId = window.setTimeout(function () { return f(); });
     };
-    TimePicker.prototype.mergeTime = function (value) {
+    TimePickerWithoutContext.prototype.mergeTime = function (value) {
         return this.value && value ? utils_1.setTime(this.value, value) : value;
     };
     /**
      * @hidden
      */
-    TimePicker.propTypes = {
+    TimePickerWithoutContext.displayName = 'TimePicker';
+    /**
+     * @hidden
+     */
+    TimePickerWithoutContext.propTypes = {
         className: PropTypes.string,
         cancelButton: PropTypes.bool,
         nowButton: PropTypes.bool,
@@ -482,7 +487,7 @@ var TimePicker = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    TimePicker.defaultProps = {
+    TimePickerWithoutContext.defaultProps = {
         defaultShow: false,
         defaultValue: null,
         disabled: false,
@@ -496,7 +501,23 @@ var TimePicker = /** @class */ (function (_super) {
         validityStyles: true,
         dateInput: DateInput_1.DateInput
     };
-    return TimePicker;
+    return TimePickerWithoutContext;
 }(React.Component));
-exports.TimePicker = TimePicker;
-kendo_react_intl_1.registerForLocalization(TimePicker);
+exports.TimePickerWithoutContext = TimePickerWithoutContext;
+/**
+ * Represents the PropsContext of the `TimePicker` component.
+ * Used for global configuration of all `TimePicker` instances.
+ *
+ * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
+ */
+exports.TimePickerPropsContext = kendo_react_common_1.createPropsContext();
+/* eslint-disable @typescript-eslint/no-redeclare */
+/**
+ * Represents the KendoReact TimePicker Component.
+ *
+ * Accepts properties of type [TimePicker]({% slug api_dateinputs_timepickerprops %}).
+ * Obtaining the `ref` returns an object of type [TimePickerHandle]({% slug api_dateinputs_timepickerhandle %}).
+ */
+exports.TimePicker = kendo_react_common_1.withPropsContext(exports.TimePickerPropsContext, TimePickerWithoutContext);
+exports.TimePicker.displayName = 'KendoReactTimePicker';
+kendo_react_intl_1.registerForLocalization(TimePickerWithoutContext);

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,

package/dist/npm/utils.d.ts

@@ -4,6 +4,10 @@ import { CalendarViewEnum } from './calendar/models/CalendarViewEnum';
  * @hidden
  */
 export declare const isEqualRange: (initial: SelectionRange, updated: SelectionRange) => boolean;
+/**
+ * @hidden
+ */
+export declare function nullable(subRequirement: any): any;
 /**
  * @hidden
  */

package/dist/npm/utils.js

@@ -14,6 +14,27 @@ exports.isEqualRange = function (initial, updated) {
     }
     return kendo_date_math_1.isEqual(initialStart, updatedStart) && kendo_date_math_1.isEqual(initialEnd, updatedEnd);
 };
+// Polyfill for PropTypes.null
+/**
+ * @hidden
+ */
+function nullable(subRequirement) {
+    var check = function (required, props, key) {
+        var rest = [];
+        for (var _i = 3; _i < arguments.length; _i++) {
+            rest[_i - 3] = arguments[_i];
+        }
+        if (props[key] === null) {
+            return null;
+        }
+        var sub = required ? subRequirement.isRequired : subRequirement;
+        return sub.apply(void 0, [props, key].concat(rest));
+    };
+    var fn = check.bind(null, false);
+    fn.isRequired = check.bind(null, true);
+    return fn;
+}
+exports.nullable = nullable;
 /**
  * @hidden
  */