Fix isValueOrValueArray propType not working well with TypeScript

Author: wojtekmaj

src/DatePicker.tsx

@@ -8,7 +8,7 @@ import Fit from 'react-fit';
 
 import DateInput from './DateInput';
 
-import { isMaxDate, isMinDate } from './shared/propTypes';
+import { isMaxDate, isMinDate, rangeOf } from './shared/propTypes';
 
 import type { ClassName, CloseReason, Detail, LooseValue, OpenReason, Value } from './shared/types';
 
@@ -423,7 +423,7 @@ export default function DatePicker(props: DatePickerProps) {
 
 const isValue = PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]);
 
-const isValueOrValueArray = PropTypes.oneOfType([isValue, PropTypes.arrayOf(isValue)]);
+const isValueOrValueArray = PropTypes.oneOfType([isValue, rangeOf(isValue)]);
 
 DatePicker.propTypes = {
   autoFocus: PropTypes.bool,

src/shared/propTypes.ts

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 
-import type { Validator } from 'prop-types';
+import type { Requireable, Validator } from 'prop-types';
+import type { Range } from './types';
 
 const allViews = ['century', 'decade', 'year', 'month'];
 const allValueTypes = [...allViews.slice(1), 'day'];
@@ -69,3 +70,7 @@ export const isRef = PropTypes.oneOfType([
     current: PropTypes.any,
   }),
 ]);
+
+export const rangeOf = <T>(type: Requireable<T>): Requireable<Range<T>> => {
+  return PropTypes.arrayOf(type) as Requireable<Range<T>>;
+};

src/shared/types.ts

@@ -1,4 +1,4 @@
-type Range<T> = [T, T];
+export type Range<T> = [T, T];
 
 export type ClassName = string | null | undefined | (string | null | undefined)[];