add "closeOnSelect" attribute to DatePicker

evandhq · Aug 9, 2017 · 130778d · 130778d
1 parent c5d08d5
commit 130778d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/examples/src/components/App.js b/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 (

diff --git a/src/components/DatePicker.js b/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) {