Merge pull request #4689 from mirus-ua/fix/swapRange-with-input-not-closing

fix: popper dosen't close if swapRange prop was passed

Author: martijnrusschen

src/index.jsx

@@ -602,7 +602,11 @@ export default class DatePicker extends React.Component {
 
       const { startDate, endDate } = this.props;
 
-      if (startDate && !endDate && !isDateBefore(date, startDate)) {
+      if (
+        startDate &&
+        !endDate &&
+        (this.props.swapRange || !isDateBefore(date, startDate))
+      ) {
         this.setOpen(false);
       }
     }

test/datepicker_test.test.js

@@ -2301,6 +2301,25 @@ describe("DatePicker", () => {
       expect(container.querySelector(".react-datepicker")).toBeNull();
     });
 
+    it("should be closed after clicking day when startDate has a value (endDate is being selected) and swapRange prop was passed", () => {
+      const startDate = new Date("2021-01-01 00:00:00");
+      const endDate = null;
+      const { container } = render(
+        <DatePicker
+          swapRange
+          selectsRange
+          startDate={startDate}
+          endDate={endDate}
+        />,
+      );
+      fireEvent.click(container.querySelector("input"));
+
+      const days = container.querySelectorAll(".react-datepicker__day");
+      const day = days[Math.floor(days.length / 2)];
+      fireEvent.click(day);
+      expect(container.querySelector(".react-datepicker")).toBeNull();
+    });
+
     it("has clear button rendered when isClearable is true and startDate has value", () => {
       const startDate = new Date("2021-01-01 00:00:00");
       const endDate = new Date("2021-01-21 00:00:00");