Merge pull request #4996 from Zulaxy/main

The classname "react-datepicker-ignore-onclickoutside" is not applied to custom input
Hacker0x01 · Jul 20, 2024 · 5c287e4 · 5c287e4
2 parents 84c072f + 0557c3c
commit 5c287e4
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/docs-site/src/examples/customInput.js b/docs-site/src/examples/customInput.js
@@ -1,15 +1,17 @@
 () => {
   const [startDate, setStartDate] = useState(new Date());
-  const ExampleCustomInput = forwardRef(({ value, onClick }, ref) => (
-    <button className="example-custom-input" onClick={onClick} ref={ref}>
-      {value}
-    </button>
-  ));
+  const ExampleCustomInput = forwardRef(
+    ({ value, onClick, className }, ref) => (
+      <button className={className} onClick={onClick} ref={ref}>
+        {value}
+      </button>
+    ),
+  );
   return (
     <DatePicker
       selected={startDate}
       onChange={(date) => setStartDate(date)}
-      customInput={<ExampleCustomInput />}
+      customInput={<ExampleCustomInput className="example-custom-input" />}
     />
   );
 };