Type custom components in props as React.ComponentType / PropTypes.elementType (#314)

Author: Christiaan van Bemmel

src/DateTimePickerModal.ios.js

@@ -38,10 +38,10 @@ export default class DateTimePickerModal extends React.PureComponent {
   static propTypes = {
     cancelTextIOS: PropTypes.string,
     confirmTextIOS: PropTypes.string,
-    customCancelButtonIOS: PropTypes.node,
-    customConfirmButtonIOS: PropTypes.node,
-    customHeaderIOS: PropTypes.node,
-    customPickerIOS: PropTypes.node,
+    customCancelButtonIOS: PropTypes.elementType,
+    customConfirmButtonIOS: PropTypes.elementType,
+    customHeaderIOS: PropTypes.elementType,
+    customPickerIOS: PropTypes.elementType,
     date: PropTypes.instanceOf(Date),
     headerTextIOS: PropTypes.string,
     modalStyleIOS: PropTypes.any,

typings/index.d.ts

@@ -26,12 +26,12 @@ interface DateTimePickerProps {
   /**
    * A custom component for the cancel button on iOS
    */
-  customCancelButtonIOS?: JSX.Element;
+  customCancelButtonIOS?: React.ComponentType;
 
   /**
    * A custom component for the confirm button on iOS
    */
-  customConfirmButtonIOS?: JSX.Element;
+  customConfirmButtonIOS?: React.ComponentType;
 
   /**
    * A custom component for the confirm button on iOS that will be shown while user interacting with the date picker
@@ -58,12 +58,12 @@ interface DateTimePickerProps {
   /**
    * A custom component for the title container on iOS
    */
-  customHeaderIOS?: JSX.Element;
+  customHeaderIOS?: React.ComponentType;
 
   /**
    * A custom component that will replace the default DatePicker on iOS
    */
-  customPickerIOS?: JSX.Element;
+  customPickerIOS?: React.ComponentType;
 
   /**
    * The style of the container on iOS