Merge pull request #32584 from frankwallis/master

react-datepicker use class instead of const and expose instance methods

types/react-datepicker/index.d.ts

@@ -127,5 +127,12 @@ export interface ReactDatePickerProps {
 	withPortal?: boolean;
 	yearDropdownItemNumber?: number;
 }
-declare const ReactDatePicker: React.ClassicComponentClass<ReactDatePickerProps>;
+
+declare class ReactDatePicker extends React.Component<ReactDatePickerProps> {
+    readonly setBlur: () => void;
+    readonly setFocus: () => void;
+    readonly setOpen: (open: boolean, skipSetBlur?: boolean) => void;
+    readonly isCalendarOpen: () => boolean;
+}
+
 export default ReactDatePicker;

types/react-datepicker/react-datepicker-tests.tsx

@@ -76,7 +76,8 @@ const defaultLocale = getDefaultLocale();
 	popperProps={{}}
 	preventOpenOnFocus
 	previousMonthButtonLabel=""
-	readOnly
+    readOnly
+    ref={handleRef}
 	renderCustomHeader={({
 		date,
 		changeYear,
@@ -119,3 +120,13 @@ const defaultLocale = getDefaultLocale();
 	<div />
 	<span />
 </DatePicker>;
+
+function handleRef(ref: DatePicker | null) {
+    if (ref) {
+        ref.setBlur();
+        ref.setFocus();
+        if (ref.isCalendarOpen()) {
+            ref.setOpen(false);
+        }
+    }
+}