Merge pull request #4052 from RawandDev/fix-selects-range

fix: fix selects range acts as default picker
Hacker0x01 · Jun 14, 2023 · e763afb · e763afb
2 parents 98f4ace + e7d7fc6
commit e763afb
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/docs-site/src/examples/dateRangeWithShowDisabledNavigation.js b/docs-site/src/examples/dateRangeWithShowDisabledNavigation.js
@@ -1,11 +1,21 @@
 () => {
-  const [startDate, setStartDate] = useState(null);
+  const [startDate, setStartDate] = useState(new Date());
+  const [endDate, setEndDate] = useState(null);
+  const onChange = (dates) => {
+    const [start, end] = dates;
+    setStartDate(start);
+    setEndDate(end);
+  };
   return (
     <DatePicker
       selected={startDate}
-      onChange={(date) => setStartDate(date)}
+      onChange={onChange}
       minDate={new Date()}
       maxDate={addMonths(new Date(), 5)}
+      startDate={startDate}
+      endDate={endDate}
+      selectsRange
+      inline
       showDisabledMonthNavigation
     />
   );