Fire onBlur in more situations.

Automatic Example Update

Author: wehriam

example/app.jsx

@@ -68,7 +68,7 @@ const App = React.createClass({
         <Col sm={6}>
           <FormGroup>
             <ControlLabel>{this.state.focused ? "Focused" : "Blurred"}</ControlLabel>
-            <DatePicker placeholder="Placeholder" value={this.state.date} onFocus={() => {this.setState({focused: true})}} onBlur={() => {this.setState({focused: false})}} />
+            <DatePicker onChange={this.handleChange}  placeholder="Placeholder" value={this.state.date} onFocus={() => {this.setState({focused: true})}} onBlur={() => {this.setState({focused: false})}} />
             <HelpBlock>This is {this.state.focused ? "focused" : "blurred"}.</HelpBlock>
           </FormGroup>
         </Col>

lib/index.js

@@ -255,6 +255,9 @@ exports.default = _react2.default.createClass({
       this.setState({
         focused: false
       });
+      if (this.props.onBlur) {
+        this.props.onBlur(e);
+      }
     }
   },
   handleFocus: function handleFocus(e) {
@@ -381,6 +384,9 @@ exports.default = _react2.default.createClass({
       value: newSelectedDate.toISOString(),
       focused: false
     });
+    if (this.props.onBlur) {
+      this.props.onBlur(new Event("Change Date"));
+    }
     if (this.props.onChange) {
       this.props.onChange(newSelectedDate.toISOString());
     }

package.json

@@ -11,7 +11,7 @@
     "picker"
   ],
   "main": "lib/index.js",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "React-Bootstrap based date picker.",
   "directories": {
     "test": "test"

src/index.jsx

@@ -206,6 +206,9 @@ export default React.createClass({
       this.setState({
         focused: false
       });
+      if(this.props.onBlur) {
+        this.props.onBlur(e);
+      }
     }
   },
   handleFocus(e){
@@ -329,6 +332,9 @@ export default React.createClass({
       value: newSelectedDate.toISOString(),
       focused: false
     });
+    if(this.props.onBlur) {
+      this.props.onBlur(new Event("Change Date"));
+    }
     if(this.props.onChange) {
       this.props.onChange(newSelectedDate.toISOString());
     }