Add missing prop types

docs/pages/demo/datepicker/CustomInput.example.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { styled } from '@material-ui/core';
+import { styled } from '@material-ui/core/styles';
 import { DesktopDatePicker } from '@material-ui/pickers';
 
 const InputContainer = styled('div')({

lib/.size-snapshot.json

@@ -1,26 +1,21 @@
 {
   "build/dist/material-ui-pickers.esm.js": {
-    "bundled": 189105,
-    "minified": 101411,
-    "gzipped": 26429,
+    "bundled": 190258,
+    "minified": 102356,
+    "gzipped": 26649,
     "treeshaked": {
       "rollup": {
-        "code": 83443,
+        "code": 83408,
         "import_statements": 2121
       },
       "webpack": {
-        "code": 92919
+        "code": 92884
       }
     }
   },
   "build/dist/material-ui-pickers.umd.js": {
-    "bundled": 300017,
-    "minified": 117022,
-    "gzipped": 33387
-  },
-  "build/dist/material-ui-pickers.umd.min.js": {
-    "bundled": 258671,
-    "minified": 107883,
-    "gzipped": 30626
+    "bundled": 301162,
+    "minified": 117618,
+    "gzipped": 33567
   }
 }

lib/src/DateRangePicker/DateRangePicker.tsx

@@ -1,4 +1,6 @@
 import * as React from 'react';
+import * as PropTypes from 'prop-types';
+import { date } from '../constants/prop-types';
 import { useUtils } from '../_shared/hooks/useUtils';
 import { MobileWrapper } from '../wrappers/MobileWrapper';
 import { DateRangeInputProps } from './DateRangePickerInput';
@@ -128,6 +130,13 @@ export function makeRangePicker<TWrapper extends SomeWrapper>(Wrapper: TWrapper)
     );
   }
 
+  RangePickerWithStateAndWrapper.propTypes = {
+    value: PropTypes.arrayOf(date).isRequired,
+    onChange: PropTypes.func.isRequired,
+    startText: PropTypes.node,
+    endText: PropTypes.node,
+  };
+
   return React.forwardRef<
     HTMLDivElement,
     React.ComponentProps<typeof RangePickerWithStateAndWrapper>

lib/src/DateRangePicker/DateRangePickerInput.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import * as PropTypes from 'prop-types';
 import { RangeInput, DateRange } from './RangeTypes';
 import { useUtils } from '../_shared/hooks/useUtils';
 import { makeStyles } from '@material-ui/core/styles';
@@ -32,8 +33,12 @@ export const useStyles = makeStyles(
 
 export interface ExportedDateRangePickerInputProps {
   /**
-   * Render input component for date range. Where `props` – [TextField](https://material-ui.com/api/text-field/#textfield-api) component props
-   * @example ```jsx
+   * The `renderInput` prop allows you to customize the rendered input.
+   * The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api),
+   * that you need to forward to the range start/end inputs respectively.
+   * Pay specific attention to the `ref` and `inputProps` keys.
+   * @example
+   * ```jsx
    * <DateRangePicker
    * renderInput={(startProps, endProps) => (
        <>
@@ -183,3 +188,13 @@ export const DateRangePickerInput: React.FC<DateRangeInputProps> = ({
     </div>
   );
 };
+
+DateRangePickerInput.propTypes = {
+  acceptRegex: PropTypes.instanceOf(RegExp),
+  getOpenDialogAriaText: PropTypes.func,
+  mask: PropTypes.string,
+  OpenPickerButtonProps: PropTypes.object,
+  openPickerIcon: PropTypes.node,
+  renderInput: PropTypes.func.isRequired,
+  rifmFormatter: PropTypes.func,
+};

lib/src/DateRangePicker/DateRangePickerView.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import * as PropTypes from 'prop-types';
 import { isRangeValid } from '../_helpers/date-utils';
 import { MaterialUiPickersDate } from '../typings/date';
 import { BasePickerProps } from '../typings/BasePicker';
@@ -212,3 +213,8 @@ export const DateRangePickerView: React.FC<DateRangePickerViewProps> = ({
     </div>
   );
 };
+
+DateRangePickerView.propTypes = {
+  disableAutoMonthSwitching: PropTypes.bool,
+  calendars: PropTypes.oneOf([1, 2, 3]),
+};

lib/src/Picker/Picker.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import clsx from 'clsx';
-import KeyboardDateInput from '../_shared/KeyboardDateInput';
 import { useViews } from '../_shared/hooks/useViews';
 import { makeStyles } from '@material-ui/core/styles';
 import { DateTimePickerView } from '../DateTimePicker';
 import { ParsableDate } from '../constants/prop-types';
 import { BasePickerProps } from '../typings/BasePicker';
 import { MaterialUiPickersDate } from '../typings/date';
 import { DatePickerView } from '../DatePicker/DatePicker';
+import { KeyboardDateInput } from '../_shared/KeyboardDateInput';
 import { useIsLandscape } from '../_shared/hooks/useIsLandscape';
 import { DIALOG_WIDTH, VIEW_HEIGHT } from '../constants/dimensions';
 import { WrapperVariantContext } from '../wrappers/WrapperVariantContext';

lib/src/_shared/KeyboardDateInput.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import * as PropTypes from 'prop-types';
 import IconButton from '@material-ui/core/IconButton';
 import InputAdornment from '@material-ui/core/InputAdornment';
 import { useUtils } from './hooks/useUtils';
@@ -50,4 +51,12 @@ export const KeyboardDateInput: React.FC<DateInputProps & DateInputRefs> = ({
   });
 };
 
-export default KeyboardDateInput;
+KeyboardDateInput.propTypes = {
+  renderInput: PropTypes.func.isRequired,
+  mask: PropTypes.string,
+  rifmFormatter: PropTypes.func,
+  openPickerIcon: PropTypes.node,
+  OpenPickerButtonProps: PropTypes.object,
+  acceptRegex: PropTypes.instanceOf(RegExp),
+  getOpenDialogAriaText: PropTypes.func,
+};

lib/src/_shared/PureDateInput.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import * as PropTypes from 'prop-types';
 import { onSpaceOrEnter } from '../_helpers/utils';
 import { ParsableDate } from '../constants/prop-types';
 import { MaterialUiPickersDate } from '../typings/date';
@@ -27,7 +28,9 @@ export interface DateInputProps<TInputValue = ParsableDate, TDateValue = Materia
   // ?? TODO when it will be possible to display "empty" date in datepicker use it instead of ignoring invalid inputs
   ignoreInvalidInputs?: boolean;
   /**
-   * Render input component. Where `props` – [TextField](https://material-ui.com/api/text-field/#textfield-api) component props
+   * The `renderInput` prop allows you to customize the rendered input.
+   * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+   * Pay specific attention to the `ref` and `inputProps` keys.
    * @example ```jsx
    * renderInput={props => <TextField {...props} />}
    * ````
@@ -136,4 +139,12 @@ export const PureDateInput: React.FC<DateInputProps & DateInputRefs> = ({
   });
 };
 
-PureDateInput.displayName = 'PureDateInput';
+PureDateInput.propTypes = {
+  acceptRegex: PropTypes.instanceOf(RegExp),
+  getOpenDialogAriaText: PropTypes.func,
+  mask: PropTypes.string,
+  OpenPickerButtonProps: PropTypes.object,
+  openPickerIcon: PropTypes.node,
+  renderInput: PropTypes.func.isRequired,
+  rifmFormatter: PropTypes.func,
+};

lib/src/constants/prop-types.ts

@@ -1,7 +1,7 @@
 import * as PropTypes from 'prop-types';
 import { MaterialUiPickersDate } from '../typings/date';
 
-const date = PropTypes.oneOfType([
+export const date = PropTypes.oneOfType([
   PropTypes.object,
   PropTypes.string,
   PropTypes.number,

lib/src/wrappers/DesktopWrapper.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
-import KeyboardDateInput from '../_shared/KeyboardDateInput';
 import Popover, { PopoverProps } from '@material-ui/core/Popover';
 import { WrapperProps } from './Wrapper';
 import { StaticWrapperProps } from './StaticWrapper';
 import { makeStyles } from '@material-ui/core/styles';
 import { InnerMobileWrapperProps } from './MobileWrapper';
 import { WrapperVariantContext } from './WrapperVariantContext';
 import { IS_TOUCH_DEVICE_MEDIA } from '../constants/dimensions';
+import { KeyboardDateInput } from '../_shared/KeyboardDateInput';
 import { InnerDesktopPopperWrapperProps } from './DesktopPopperWrapper';
 
 export interface InnerDesktopWrapperProps {