Update state.date when props.selected changes

This solves an issue where the calendar wouldn't immediately switch to the correct view when a user types in another date in the input.
Hacker0x01 · Jul 4, 2014 · a17b7f2 · a17b7f2
1 parent 119adfa
commit a17b7f2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/react-datepicker.js b/react-datepicker.js
@@ -10,6 +10,12 @@ var Calendar = React.createClass({displayName: 'Calendar',
     };
   },
 
+  componentWillReceiveProps: function(nextProps) {
+    this.setState({
+      date: nextProps.selected.clone()
+    });
+  },
+
   increaseMonth: function() {
     this.setState({
       date: this.state.date.addMonth()

diff --git a/src/calendar.js b/src/calendar.js
@@ -9,6 +9,12 @@ var Calendar = React.createClass({
     };
   },
 
+  componentWillReceiveProps: function(nextProps) {
+    this.setState({
+      date: nextProps.selected.clone()
+    });
+  },
+
   increaseMonth: function() {
     this.setState({
       date: this.state.date.addMonth()