closeOnSelect now working for controlled datepicker.

Author: arqex

CHANGELOG.md

@@ -1,5 +1,8 @@
 Changelog
 =========
+## 2.2.1
+* Controlled datepicker now working for controlled datepickers
+
 ## 2.2.0
 * The picker can be used as a month or year picker just giving a format date without days/months
 * Updates test suite

DateTime.js

@@ -92,7 +92,7 @@ var Datetime = React.createClass({
 			viewDate: viewDate,
 			selectedDate: selectedDate,
 			inputValue: selectedDate ? selectedDate.format( formats.datetime ) : (date || ''),
-			open: props.open != undefined ? props.open : this.state && this.state.open
+			open: props.open
 		};
 	},
 
@@ -246,7 +246,7 @@ var Datetime = React.createClass({
 			viewDate = this.state.viewDate,
 			currentDate = this.state.selectedDate || viewDate,
 			date
-        ;
+    ;
 
 		if(target.className.indexOf("rdtDay") != -1){
 			if(target.className.indexOf("rdtNew") != -1)
@@ -278,13 +278,15 @@ var Datetime = React.createClass({
 			this.setState({
 				selectedDate: date,
 				viewDate: date.clone().startOf('month'),
-				inputValue: date.format( this.state.inputFormat )
-			}, function () {
-				if (this.props.closeOnSelect && close) {
-					this.closeCalendar();
-				}
+				inputValue: date.format( this.state.inputFormat ),
+				open: !(this.props.closeOnSelect && close )
 			});
 		}
+		else {
+			if (this.props.closeOnSelect && close) {
+				this.closeCalendar();
+			}
+		}
 
 		this.props.onChange( date );
 	},
@@ -298,6 +300,7 @@ var Datetime = React.createClass({
 
 	closeCalendar: function() {
 		this.setState({ open: false });
+		this.props.onBlur( this.state.selectedDate || this.state.inputValue );
 	},
 
 	handleClickOutside: function(){

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-datetime",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "A lightweight but complete datetime picker React.js component.",
   "homepage": "https://github.com/arqex/react-datetime",
   "repository": {