Fix calendar not toggling when open prop changes

Author: simeg

DateTime.js

@@ -152,7 +152,9 @@ var Datetime = createClass({
 		}
 
 		if ( updatedState.open === undefined ) {
-			if ( this.props.closeOnSelect && this.state.currentView !== 'time' ) {
+			if ( typeof nextProps.open !== 'undefined' ) {
+				updatedState.open = nextProps.open;
+			} else if ( this.props.closeOnSelect && this.state.currentView !== 'time' ) {
 				updatedState.open = false;
 			} else {
 				updatedState.open = this.state.open;

test/tests.spec.js

@@ -97,6 +97,18 @@ describe('Datetime', () => {
 		expect(utils.isYearView(component)).toBeTruthy();
 	});
 
+	it('toggles calendar when open prop changes', () => {
+		const component = utils.createDatetime({ open: false });
+		expect(utils.isOpen(component)).toBeFalsy();
+		// expect(component.find('.rdtOpen').length).toEqual(0);
+		component.setProps({ open: true });
+		expect(utils.isOpen(component)).toBeTruthy();
+		// expect(component.find('.rdtOpen').length).toEqual(1);
+		component.setProps({ open: false });
+		expect(utils.isOpen(component)).toBeFalsy();
+		// expect(component.find('.rdtOpen').length).toEqual(0);
+	});
+
 	it('selectYear', () => {
 		const date = new Date(2000, 0, 15, 2, 2, 2, 2),
 			component = utils.createDatetime({ viewMode: 'years', defaultValue: date });