Re-draw calendars when range changes

Author: Arkadiy Butermanov

lib/Calendar.js

@@ -88,6 +88,16 @@ var Calendar = (function (_Component) {
 
       onInit && onInit(this.state.date);
     }
+  }, {
+    key: 'componentWillReceiveProps',
+    value: function componentWillReceiveProps(nextProps) {
+      var range = nextProps.range;
+      var offset = nextProps.offset;
+
+      if (range && range['endDate'] && !range['endDate'].isSame(range['startDate'])) {
+        this.setState({ shownDate: range['endDate'].clone().add(offset, 'months') });
+      }
+    }
   }, {
     key: 'getShownDate',
     value: function getShownDate() {

src/Calendar.js

@@ -53,6 +53,14 @@ class Calendar extends Component {
     onInit && onInit(this.state.date);
   }
 
+  componentWillReceiveProps(nextProps) {
+    const { range, offset } = nextProps;
+
+    if(range && range['endDate'] && !range['endDate'].isSame(range['startDate'])) {
+      this.setState({ shownDate : range['endDate'].clone().add(offset, 'months') })
+    }
+  }
+
   getShownDate() {
     const { link, offset } = this.props;