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

package/dist/es/datetimepicker/DateTimePicker.d.ts

@@ -23,7 +23,7 @@ export interface DateTimePickerProps extends DateTimePickerSettings, FormCompone
      *  For more information, refer to the article on
      * [uncontrolled components in React](https://reactjs.org/docs/uncontrolled-components.html).
      */
-    defaultValue?: Date;
+    defaultValue?: Date | null;
     /**
      * Fires each time the user selects a new value
      * ([see example]({% slug controlled_datetimepicker %}#toc-controlling-the-date-value)).
@@ -46,7 +46,12 @@ export interface DateTimePickerState {
     show: boolean;
     focused: boolean;
 }
-export declare class DateTimePicker extends React.Component<DateTimePickerProps, DateTimePickerState> implements FormComponent {
+/** @hidden */
+export declare class DateTimePickerWithoutContext extends React.Component<DateTimePickerProps, DateTimePickerState> implements FormComponent {
+    /**
+     * @hidden
+     */
+    static displayName: string;
     /**
      * @hidden
      */
@@ -73,7 +78,7 @@ export declare class DateTimePicker extends React.Component<DateTimePickerProps,
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }>>;
-        formatPlaceholder: PropTypes.Requireable<string | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -120,7 +125,7 @@ export declare class DateTimePicker extends React.Component<DateTimePickerProps,
         required: boolean;
         validityStyles: boolean;
         cancelButton: boolean;
-        dateInput: React.ComponentType<DateInputProps<DateInput>>;
+        dateInput: React.ComponentType<DateInputProps<any>>;
     };
     /**
      * @hidden
@@ -206,3 +211,48 @@ export declare class DateTimePicker extends React.Component<DateTimePickerProps,
     private handleKeyDown;
     private dateInputElement;
 }
+/**
+ * Represents the PropsContext of the `DateTimePicker` component.
+ * Used for global configuration of all `DateTimePicker` instances.
+ *
+ * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
+ */
+export declare const DateTimePickerPropsContext: React.Context<(p: DateTimePickerProps) => DateTimePickerProps>;
+/**
+ * Represent the `ref` of the DateTimePicker component.
+ */
+export interface DateTimePickerHandle extends Pick<DateTimePickerWithoutContext, keyof DateTimePickerWithoutContext> {
+    /**
+     * Gets the DateInput component inside the DateTimePicker component.
+     */
+    dateInput: DateInput | null;
+    /**
+     * Returns the HTML element of the DateTimePicker component.
+     */
+    element: HTMLSpanElement | null;
+    /**
+     * Gets the `name` property of the DateTimePicker.
+     */
+    name: string | undefined;
+    /**
+     * Gets the popup state of the DateTimePicker.
+     */
+    show: boolean;
+    /**
+     * Represents the validity state into which the DateTimePicker is set.
+     */
+    validity: FormComponentValidity;
+    /**
+     * Gets the value of the DateTimePicker.
+     */
+    value: Date | null;
+}
+/** @hidden */
+export declare type DateTimePicker = DateTimePickerHandle;
+/**
+ * Represents the KendoReact DateTimePicker Component.
+ *
+ * Accepts properties of type [DateTimePickerProps]({% slug api_dateinputs_datetimepickerprops %}).
+ * Obtaining the `ref` returns an object of type [DateTimePickerHandle]({% slug api_dateinputs_datetimepickerhandle %}).
+ */
+export declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<any>>;

package/dist/es/datetimepicker/DateTimePicker.js

@@ -26,7 +26,7 @@ import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { Popup } from '@progress/kendo-react-popup';
 import { cloneDate } from '@progress/kendo-date-math';
-import { classNames, guid, Keys, AsyncFocusBlur } from '@progress/kendo-react-common';
+import { classNames, guid, Keys, AsyncFocusBlur, createPropsContext, withPropsContext } from '@progress/kendo-react-common';
 import { DateInput } from '../dateinput/DateInput';
 import { validatePackage } from '@progress/kendo-react-common';
 import { packageMetadata } from '../package-metadata';
@@ -37,9 +37,10 @@ import { DateTimeSelector } from './DateTimeSelector';
 import { isInTimeRange } from '../timepicker/utils';
 import { MIN_TIME } from '../defaults';
 import { PickerFloatingLabel } from '../hooks/usePickerFloatingLabel';
-var DateTimePicker = /** @class */ (function (_super) {
-    __extends(DateTimePicker, _super);
-    function DateTimePicker(props) {
+/** @hidden */
+var DateTimePickerWithoutContext = /** @class */ (function (_super) {
+    __extends(DateTimePickerWithoutContext, _super);
+    function DateTimePickerWithoutContext(props) {
         var _this = _super.call(this, props) || this;
         _this._popupId = guid();
         _this._element = null;
@@ -119,13 +120,13 @@ var DateTimePicker = /** @class */ (function (_super) {
         };
         validatePackage(packageMetadata);
         _this.state = {
-            value: _this.props.defaultValue || DateTimePicker.defaultProps.defaultValue,
-            show: _this.props.defaultShow || DateTimePicker.defaultProps.defaultShow,
+            value: _this.props.defaultValue || DateTimePickerWithoutContext.defaultProps.defaultValue,
+            show: _this.props.defaultShow || DateTimePickerWithoutContext.defaultProps.defaultShow,
             focused: false
         };
         return _this;
     }
-    Object.defineProperty(DateTimePicker.prototype, "element", {
+    Object.defineProperty(DateTimePickerWithoutContext.prototype, "element", {
         /**
          * Gets the wrapping element of the DateTimePicker.
          */
@@ -135,7 +136,7 @@ var DateTimePicker = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DateTimePicker.prototype, "dateInput", {
+    Object.defineProperty(DateTimePickerWithoutContext.prototype, "dateInput", {
         /**
          * Gets the DateInput component inside the DateTimePicker component.
          */
@@ -145,7 +146,7 @@ var DateTimePicker = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DateTimePicker.prototype, "value", {
+    Object.defineProperty(DateTimePickerWithoutContext.prototype, "value", {
         /**
          * Gets the value of the DateTimePicker.
          */
@@ -160,7 +161,7 @@ var DateTimePicker = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DateTimePicker.prototype, "show", {
+    Object.defineProperty(DateTimePickerWithoutContext.prototype, "show", {
         /**
          * Gets the popup state of the DateTimePicker.
          */
@@ -174,7 +175,7 @@ var DateTimePicker = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DateTimePicker.prototype, "name", {
+    Object.defineProperty(DateTimePickerWithoutContext.prototype, "name", {
         /**
          * Gets the `name` property of the DateTimePicker.
          */
@@ -184,25 +185,25 @@ var DateTimePicker = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DateTimePicker.prototype, "min", {
+    Object.defineProperty(DateTimePickerWithoutContext.prototype, "min", {
         get: function () {
             return this.props.min !== undefined
                 ? this.props.min
-                : DateTimePicker.defaultProps.min;
+                : DateTimePickerWithoutContext.defaultProps.min;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DateTimePicker.prototype, "max", {
+    Object.defineProperty(DateTimePickerWithoutContext.prototype, "max", {
         get: function () {
             return this.props.max !== undefined
                 ? this.props.max
-                : DateTimePicker.defaultProps.max;
+                : DateTimePickerWithoutContext.defaultProps.max;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DateTimePicker.prototype, "validity", {
+    Object.defineProperty(DateTimePickerWithoutContext.prototype, "validity", {
         /**
          * Represents the validity state into which the DateTimePicker is set.
          */
@@ -223,36 +224,36 @@ var DateTimePicker = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DateTimePicker.prototype, "validityStyles", {
+    Object.defineProperty(DateTimePickerWithoutContext.prototype, "validityStyles", {
         /**
          * @hidden
          */
         get: function () {
             return this.props.validityStyles !== undefined
                 ? this.props.validityStyles
-                : DateTimePicker.defaultProps.validityStyles;
+                : DateTimePickerWithoutContext.defaultProps.validityStyles;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DateTimePicker.prototype, "required", {
+    Object.defineProperty(DateTimePickerWithoutContext.prototype, "required", {
         /**
          * @hidden
          */
         get: function () {
             return this.props.required !== undefined
                 ? this.props.required
-                : DateTimePicker.defaultProps.required;
+                : DateTimePickerWithoutContext.defaultProps.required;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DateTimePicker.prototype, "dateInputComp", {
+    Object.defineProperty(DateTimePickerWithoutContext.prototype, "dateInputComp", {
         /**
          * @hidden
          */
         get: function () {
-            return this.props.dateInput || DateTimePicker.defaultProps.dateInput;
+            return this.props.dateInput || DateTimePickerWithoutContext.defaultProps.dateInput;
         },
         enumerable: true,
         configurable: true
@@ -260,7 +261,7 @@ var DateTimePicker = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    DateTimePicker.prototype.componentDidMount = function () {
+    DateTimePickerWithoutContext.prototype.componentDidMount = function () {
         if (this.show) {
             // If defaultShow is true during the initial render, the popup is not aligned.
             this.forceUpdate();
@@ -269,7 +270,7 @@ var DateTimePicker = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    DateTimePicker.prototype.componentDidUpdate = function () {
+    DateTimePickerWithoutContext.prototype.componentDidUpdate = function () {
         var dateInputElement = this.dateInputElement();
         if (this._dateTimeSelector && this.show && !this.prevShow) {
             this._dateTimeSelector.focus({ preventScroll: true });
@@ -285,13 +286,13 @@ var DateTimePicker = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    DateTimePicker.prototype.componentWillUnmount = function () {
+    DateTimePickerWithoutContext.prototype.componentWillUnmount = function () {
         clearTimeout(this.nextTickId);
     };
     /**
      * @hidden
      */
-    DateTimePicker.prototype.render = function () {
+    DateTimePickerWithoutContext.prototype.render = function () {
         var _this = this;
         var _a = this.props, disabled = _a.disabled, tabIndex = _a.tabIndex, title = _a.title, id = _a.id, format = _a.format, formatPlaceholder = _a.formatPlaceholder, min = _a.min, max = _a.max, weekNumber = _a.weekNumber, focusedDate = _a.focusedDate, className = _a.className, width = _a.width, name = _a.name, validationMessage = _a.validationMessage, required = _a.required, validityStyles = _a.validityStyles, cancelButton = _a.cancelButton, minTime = _a.minTime, maxTime = _a.maxTime, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy, _b = _a.popup, PopupComponent = _b === void 0 ? Popup : _b, calendar = _a.calendar;
         var isValid = !this.validityStyles || this.validity.valid;
@@ -343,13 +344,13 @@ var DateTimePicker = /** @class */ (function (_super) {
             ? (React.createElement(PickerFloatingLabel, { dateInput: this._dateInput, label: this.props.label, editorId: id, editorValid: isValid, editorDisabled: this.props.disabled, children: dateTimePicker, style: { width: this.props.width } }))
             : dateTimePicker;
     };
-    DateTimePicker.prototype.setShow = function (show) {
+    DateTimePickerWithoutContext.prototype.setShow = function (show) {
         if (this.show === show) {
             return;
         }
         this.setState({ show: show });
     };
-    DateTimePicker.prototype.nextTick = function (f) {
+    DateTimePickerWithoutContext.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
         // Handles multiple focus events happening at the same time.
@@ -359,7 +360,11 @@ var DateTimePicker = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    DateTimePicker.propTypes = {
+    DateTimePickerWithoutContext.displayName = 'DateTimePicker';
+    /**
+     * @hidden
+     */
+    DateTimePickerWithoutContext.propTypes = {
         className: PropTypes.string,
         defaultShow: PropTypes.bool,
         defaultValue: PropTypes.instanceOf(Date),
@@ -422,7 +427,7 @@ var DateTimePicker = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    DateTimePicker.defaultProps = {
+    DateTimePickerWithoutContext.defaultProps = {
         defaultShow: false,
         defaultValue: null,
         disabled: false,
@@ -437,7 +442,23 @@ var DateTimePicker = /** @class */ (function (_super) {
         cancelButton: true,
         dateInput: DateInput
     };
-    return DateTimePicker;
+    return DateTimePickerWithoutContext;
 }(React.Component));
-export { DateTimePicker };
-registerForLocalization(DateTimePicker);
+export { DateTimePickerWithoutContext };
+/**
+ * Represents the PropsContext of the `DateTimePicker` component.
+ * Used for global configuration of all `DateTimePicker` instances.
+ *
+ * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
+ */
+export var DateTimePickerPropsContext = createPropsContext();
+/* eslint-disable @typescript-eslint/no-redeclare */
+/**
+ * Represents the KendoReact DateTimePicker Component.
+ *
+ * Accepts properties of type [DateTimePickerProps]({% slug api_dateinputs_datetimepickerprops %}).
+ * Obtaining the `ref` returns an object of type [DateTimePickerHandle]({% slug api_dateinputs_datetimepickerhandle %}).
+ */
+export var DateTimePicker = withPropsContext(DateTimePickerPropsContext, DateTimePickerWithoutContext);
+DateTimePicker.displayName = 'KendoReactDateTimePicker';
+registerForLocalization(DateTimePickerWithoutContext);

package/dist/es/hooks/usePickerFloatingLabel.d.ts

@@ -11,7 +11,7 @@ export declare type PickerFloatingLabelProps = FloatingLabelProps & {
 /**
  * @hidden
  */
-export declare const usePickerFloatingLabel: (dateInput: React.RefObject<DateInput>) => {
+export declare const usePickerFloatingLabel: (dateInput: React.RefObject<import("../dateinput/DateInput").DateInputHandle>) => {
     editorValue: boolean;
 };
 /**

package/dist/es/main.d.ts

@@ -1,16 +1,16 @@
-import { Calendar, CalendarProps, CalendarChangeEvent } from './calendar/components/Calendar';
-import { DateInput, DateInputProps, DateInputChangeEvent } from './dateinput/DateInput';
-import { DatePicker, DatePickerProps, DatePickerChangeEvent } from './datepicker/DatePicker';
-import { TimePicker, TimePickerProps, TimePickerChangeEvent } from './timepicker/TimePicker';
-import { MultiViewCalendar, MultiViewCalendarProps, MultiViewCalendarChangeEvent } from './calendar/components/MultiViewCalendar';
-import { DateRangePicker, DateRangePickerProps, DateRangePickerChangeEvent } from './daterangepicker/DateRangePicker';
+import { Calendar, CalendarProps, CalendarPropsContext, CalendarHandle, CalendarChangeEvent } from './calendar/components/Calendar';
+import { DateInput, DateInputProps, DateInputPropsContext, DateInputHandle, DateInputChangeEvent } from './dateinput/DateInput';
+import { DatePicker, DatePickerProps, DatePickerPropsContext, DatePickerHandle, DatePickerChangeEvent } from './datepicker/DatePicker';
+import { TimePicker, TimePickerProps, TimePickerPropsContext, TimePickerHandle, TimePickerChangeEvent } from './timepicker/TimePicker';
+import { MultiViewCalendar, MultiViewCalendarProps, MultiViewCalendarPropsContext, MultiViewCalendarHandle, MultiViewCalendarChangeEvent } from './calendar/components/MultiViewCalendar';
+import { DateRangePicker, DateRangePickerProps, DateRangePickerPropsContext, DateRangePickerHandle, DateRangePickerChangeEvent } from './daterangepicker/DateRangePicker';
 import { CalendarCell, CalendarCellProps } from './calendar/components/CalendarCell';
 import { CalendarWeekCell, CalendarWeekCellProps } from './calendar/components/CalendarWeekCell';
 import { CalendarHeaderTitle, CalendarHeaderTitleProps } from './calendar/components/CalendarHeaderTitle';
 import { CalendarNavigationItem, CalendarNavigationItemProps } from './calendar/components/CalendarNavigationItem';
 import { ActiveView, SelectionRange, CalendarSettings, CalendarViewEnum, MultiViewCalendarMode, MultiViewCalendarSettings } from './calendar/models';
 import { DateInputSettings, DateInputIncrementalSteps, DateInputFormatPlaceholder, DateInputCustomFormatPlaceholder } from './dateinput/models';
-import { DateTimePicker, DateTimePickerProps, DateTimePickerChangeEvent } from './datetimepicker/DateTimePicker';
+import { DateTimePicker, DateTimePickerProps, DateTimePickerPropsContext, DateTimePickerHandle, DateTimePickerChangeEvent } from './datetimepicker/DateTimePicker';
 import { DatePickerSettings } from './datepicker/models';
 import { DateTimePickerSettings } from './datetimepicker/models';
 import { TimePickerSettings } from './timepicker/models';
@@ -18,4 +18,4 @@ import { DateRangePickerSettings, DateRangePickerPopupSettings, DateRangePickerC
 import { ToggleButton, ToggleButtonProps } from './datepicker/ToggleButton';
 import { PickerWrap, PickerWrapProps } from './common/PickerWrap';
 import { FormComponentValidity } from '@progress/kendo-react-common';
-export { PickerWrap, PickerWrapProps, ToggleButton, ToggleButtonProps, ActiveView, Calendar, CalendarProps, CalendarSettings, CalendarViewEnum, CalendarChangeEvent, CalendarCell, CalendarCellProps, CalendarWeekCell, CalendarWeekCellProps, CalendarHeaderTitle, CalendarHeaderTitleProps, CalendarNavigationItem, CalendarNavigationItemProps, DateInput, DateInputProps, DateInputSettings, DateInputChangeEvent, DateInputIncrementalSteps, DateInputFormatPlaceholder, DateInputCustomFormatPlaceholder, DatePicker, DatePickerProps, DatePickerSettings, DatePickerChangeEvent, TimePicker, TimePickerProps, TimePickerSettings, TimePickerChangeEvent, MultiViewCalendar, MultiViewCalendarProps, MultiViewCalendarSettings, MultiViewCalendarMode, MultiViewCalendarChangeEvent, DateRangePicker, DateRangePickerProps, DateRangePickerSettings, DateRangePickerCalendarSettings, DateRangePickerDateInputSettings, DateRangePickerPopupSettings, DateRangePickerChangeEvent, DateTimePicker, DateTimePickerProps, DateTimePickerSettings, DateTimePickerChangeEvent, SelectionRange, FormComponentValidity };
+export { PickerWrap, PickerWrapProps, ToggleButton, ToggleButtonProps, ActiveView, Calendar, CalendarProps, CalendarPropsContext, CalendarHandle, CalendarSettings, CalendarViewEnum, CalendarChangeEvent, CalendarCell, CalendarCellProps, CalendarWeekCell, CalendarWeekCellProps, CalendarHeaderTitle, CalendarHeaderTitleProps, CalendarNavigationItem, CalendarNavigationItemProps, DateInput, DateInputProps, DateInputPropsContext, DateInputHandle, DateInputSettings, DateInputChangeEvent, DateInputIncrementalSteps, DateInputFormatPlaceholder, DateInputCustomFormatPlaceholder, DatePicker, DatePickerProps, DatePickerPropsContext, DatePickerHandle, DatePickerSettings, DatePickerChangeEvent, TimePicker, TimePickerProps, TimePickerPropsContext, TimePickerHandle, TimePickerSettings, TimePickerChangeEvent, MultiViewCalendar, MultiViewCalendarProps, MultiViewCalendarPropsContext, MultiViewCalendarHandle, MultiViewCalendarSettings, MultiViewCalendarMode, MultiViewCalendarChangeEvent, DateRangePicker, DateRangePickerProps, DateRangePickerPropsContext, DateRangePickerHandle, DateRangePickerSettings, DateRangePickerCalendarSettings, DateRangePickerDateInputSettings, DateRangePickerPopupSettings, DateRangePickerChangeEvent, DateTimePicker, DateTimePickerProps, DateTimePickerPropsContext, DateTimePickerHandle, DateTimePickerSettings, DateTimePickerChangeEvent, SelectionRange, FormComponentValidity };

package/dist/es/main.js

@@ -1,15 +1,15 @@
-import { Calendar } from './calendar/components/Calendar';
-import { DateInput } from './dateinput/DateInput';
-import { DatePicker } from './datepicker/DatePicker';
-import { TimePicker } from './timepicker/TimePicker';
-import { MultiViewCalendar } from './calendar/components/MultiViewCalendar';
-import { DateRangePicker } from './daterangepicker/DateRangePicker';
+import { Calendar, CalendarPropsContext } from './calendar/components/Calendar';
+import { DateInput, DateInputPropsContext } from './dateinput/DateInput';
+import { DatePicker, DatePickerPropsContext } from './datepicker/DatePicker';
+import { TimePicker, TimePickerPropsContext } from './timepicker/TimePicker';
+import { MultiViewCalendar, MultiViewCalendarPropsContext } from './calendar/components/MultiViewCalendar';
+import { DateRangePicker, DateRangePickerPropsContext } from './daterangepicker/DateRangePicker';
 import { CalendarCell } from './calendar/components/CalendarCell';
 import { CalendarWeekCell } from './calendar/components/CalendarWeekCell';
 import { CalendarHeaderTitle } from './calendar/components/CalendarHeaderTitle';
 import { CalendarNavigationItem } from './calendar/components/CalendarNavigationItem';
 import { CalendarViewEnum } from './calendar/models';
-import { DateTimePicker } from './datetimepicker/DateTimePicker';
+import { DateTimePicker, DateTimePickerPropsContext } from './datetimepicker/DateTimePicker';
 import { ToggleButton } from './datepicker/ToggleButton';
 import { PickerWrap } from './common/PickerWrap';
-export { PickerWrap, ToggleButton, Calendar, CalendarViewEnum, CalendarCell, CalendarWeekCell, CalendarHeaderTitle, CalendarNavigationItem, DateInput, DatePicker, TimePicker, MultiViewCalendar, DateRangePicker, DateTimePicker };
+export { PickerWrap, ToggleButton, Calendar, CalendarPropsContext, CalendarViewEnum, CalendarCell, CalendarWeekCell, CalendarHeaderTitle, CalendarNavigationItem, DateInput, DateInputPropsContext, DatePicker, DatePickerPropsContext, TimePicker, TimePickerPropsContext, MultiViewCalendar, MultiViewCalendarPropsContext, DateRangePicker, DateRangePickerPropsContext, DateTimePicker, DateTimePickerPropsContext };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1638196680,
+    publishDate: 1638254341,
     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/TimePicker.d.ts

@@ -21,7 +21,7 @@ export interface TimePickerProps extends TimePickerSettings, FormComponentProps
     /**
      * Sets the default value of the TimePicker ([see example]({% slug default_value_timepicker %}#toc-setting-the-default-value)).
      */
-    defaultValue?: Date;
+    defaultValue?: Date | null;
     /**
      * Fires each time the user selects a new value ([see example]({% slug controlled_timepicker %}#toc-controlling-the-date-value)).
      */
@@ -41,7 +41,12 @@ export interface TimePickerState {
     show: boolean;
     focused: boolean;
 }
-export declare class TimePicker extends React.Component<TimePickerProps, TimePickerState> implements FormComponent {
+/** @hidden */
+export declare class TimePickerWithoutContext extends React.Component<TimePickerProps, TimePickerState> implements FormComponent {
+    /**
+     * @hidden
+     */
+    static displayName: string;
     /**
      * @hidden
      */
@@ -69,7 +74,7 @@ export declare class TimePicker extends React.Component<TimePickerProps, TimePic
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }>>;
-        formatPlaceholder: PropTypes.Requireable<string | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -119,7 +124,7 @@ export declare class TimePicker extends React.Component<TimePickerProps, TimePic
         steps: {};
         required: boolean;
         validityStyles: boolean;
-        dateInput: React.ComponentType<DateInputProps<DateInput>>;
+        dateInput: React.ComponentType<DateInputProps<any>>;
     };
     /**
      * @hidden
@@ -212,3 +217,52 @@ export declare class TimePicker extends React.Component<TimePickerProps, TimePic
     private handleIconMouseDown;
     private handleKeyDown;
 }
+/**
+ * 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.
+ */
+export declare const TimePickerPropsContext: React.Context<(p: TimePickerProps) => TimePickerProps>;
+/**
+ * Represent the `ref` of the TimePicker component.
+ */
+export interface TimePickerHandle extends Pick<TimePickerWithoutContext, keyof TimePickerWithoutContext> {
+    /**
+     * Gets the DateInput component inside the TimePicker component.
+     */
+    dateInput: DateInput | null;
+    /**
+     * Returns the HTML element of the TimePicker component.
+     */
+    element: HTMLSpanElement | null;
+    /**
+     * Gets the `name` property of the TimePicker.
+     */
+    name: string | undefined;
+    /**
+     * Gets the popup state of the TimeSelector.
+     */
+    show: boolean;
+    /**
+     * Represents the validity state into which the TimePicker is set.
+     */
+    validity: FormComponentValidity;
+    /**
+     * Gets the value of the TimePicker.
+     */
+    value: Date | null;
+    /**
+     * Gets the TimeSelector component inside the TimePicker component.
+     */
+    timeSelector: TimeSelector | null;
+}
+/** @hidden */
+export declare type TimePicker = TimePickerHandle;
+/**
+ * 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 %}).
+ */
+export declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<any>>;