Fix isValueOrValueArray propType not working well with TypeScript

Author: wojtekmaj

src/DateRangePicker.tsx

@@ -8,7 +8,7 @@ import Fit from 'react-fit';
 
 import DateInput from 'react-date-picker/dist/cjs/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';
 
@@ -454,7 +454,7 @@ export default function DateRangePicker(props: DateRangePickerProps) {
 
 const isValue = PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]);
 
-const isValueOrValueArray = PropTypes.oneOfType([isValue, PropTypes.arrayOf(isValue)]);
+const isValueOrValueArray = PropTypes.oneOfType([isValue, rangeOf(isValue)]);
 
 DateRangePicker.propTypes = {
   autoFocus: PropTypes.bool,

src/shared/propTypes.ts

@@ -1,4 +1,7 @@
-import type { Validator } from 'prop-types';
+import PropTypes from 'prop-types';
+
+import type { Requireable, Validator } from 'prop-types';
+import type { Range } from './types';
 
 export const isMinDate: Validator<Date | undefined | null> = function isMinDate(
   props,
@@ -55,3 +58,7 @@ export const isMaxDate: Validator<Date | undefined | null> = function isMaxDate(
 
   return null;
 };
+
+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)[];