Change selection of inline picker. fix Hacker0x01#927. (Hacker0x01#960)

* Change selection of inline picker. fix Hacker0x01#927.

* Reduce amount of recalculations

* Add test for inline mode changing preSelection state

Author: m1n0s

src/datepicker.jsx

@@ -110,6 +110,12 @@ export default class DatePicker extends React.Component {
     this.state = this.calcInitialState()
   }
 
+  componentWillReceiveProps (nextProps) {
+    if (this.props.inline && !this.props.selected.isSame(nextProps.selected, 'month')) {
+      this.setPreSelection(nextProps.selected)
+    }
+  }
+
   componentWillUnmount () {
     this.clearPreventFocusTimeout()
   }
@@ -182,7 +188,9 @@ export default class DatePicker extends React.Component {
   }
 
   handleCalendarClickOutside = (event) => {
-    this.setOpen(false)
+    if (!this.props.inline) {
+      this.setOpen(false)
+    }
     this.props.onClickOutside(event)
     if (this.props.withPortal) { event.preventDefault() }
   }

test/datepicker_test.js

@@ -601,4 +601,14 @@ describe('DatePicker', () => {
     )
     expect(datePicker.state('preSelection').format('YYYY-MM-DD')).to.equal(moment().format('YYYY-MM-DD'))
   })
+  it('should switch month in inline mode immediately', () => {
+    const selected = moment()
+    const future = moment().add(100, 'day')
+    const datePicker = mount(
+      <DatePicker inline selected={selected}/>
+    )
+    expect(datePicker.state('preSelection').format('YYYY-MM-DD')).to.equal(selected.format('YYYY-MM-DD'))
+    datePicker.setProps({ selected: future })
+    expect(datePicker.state('preSelection').format('YYYY-MM-DD')).to.equal(future.format('YYYY-MM-DD'))
+  })
 })