Fix bug "Click outside of DayPicker popup" (OpusCapita#44)

Author: abaliunov-sc

package.json

@@ -94,6 +94,6 @@
     "moment": "2.18.1",
     "prop-types": "15.6.0",
     "react-day-picker": "6.1.0",
-    "react-portal": "4.1.0"
+    "react-portal": "4.1.2"
   }
 }

src/client/components/DatePicker/DatePicker.react.js

@@ -60,6 +60,7 @@ class DatePicker extends Component {
   }
 
   componentDidMount() {
+    document.body.addEventListener('click', this.handleBodyClick);
     document.body.addEventListener('keydown', this.handleBodyKeyDown);
   }
 
@@ -77,6 +78,7 @@ class DatePicker extends Component {
   }
 
   componentWillUnmount() {
+    document.body.removeEventListener('click', this.handleBodyClick);
     document.body.removeEventListener('keydown', this.handlePortalClose);
   }
 
@@ -101,6 +103,17 @@ class DatePicker extends Component {
     this.props.onChange(value);
   };
 
+  handleBodyClick = event => {
+    let clickedOutside = (
+      !this.container.contains(event.target) &&
+      !this.datePickerRef.contains(event.target)
+    );
+
+    if (clickedOutside) {
+      this.hidePicker();
+    }
+  };
+
   handleBodyKeyDown = event => {
     if (event.which === 9) {
       this.hidePicker();
@@ -161,7 +174,6 @@ class DatePicker extends Component {
         {interpolatedStyle => (
           <Portal
             isOpened={true}
-            closeOnOutsideClick={true}
             onClose={this.handlePortalClose}
           >
             <div