add "closeOnSelect" attribute to DatePicker

Author: thg303

examples/src/components/App.js

@@ -48,6 +48,13 @@ export default class App extends Component {
               <DatePicker />
             </Example>
           </div>
+          <div>
+            <Example
+              title="ورودی تاریخ ساده بسته شدن خودکار"
+              code={basicAutoDatePickerCode}>
+              <DatePicker closeOnSelect/>
+            </Example>
+          </div>
           <div>
             <Example
               title="ورود تاریخ کنترل شده"
@@ -119,6 +126,10 @@ const basicDatePickerCode = `render() {
   return <DatePicker />;
 }`;
 
+const basicAutoDatePickerCode = `render() {
+  return <DatePicker closeOnSelect/>;
+}`;
+
 
 const clearDatePickerCode = `render() {
   return (

src/components/DatePicker.js

@@ -21,13 +21,15 @@ export default class DatePicker extends Component {
     removable: PropTypes.bool,
     timePickerComponent: PropTypes.func,
     calendarStyles: PropTypes.object,
-    calendarContainerProps: PropTypes.object
+    calendarContainerProps: PropTypes.object,
+    closeOnSelect: PropTypes.bool
   };
 
   static defaultProps = {
     inputFormat: 'jYYYY/jM/jD',
     calendarStyles: require('../styles/basic.css'),
-    calendarContainerProps: {}
+    calendarContainerProps: {},
+    closeOnSelect: false
   };
 
   state = {
@@ -98,6 +100,7 @@ export default class DatePicker extends Component {
     }
 
     this.setMomentValue(momentValue);
+    this.setState({isOpen: !this.props.closeOnSelect})
   }
 
   handleInputChange(event) {