Clear button is not working when date is given as input #962 (#1071)

Hacker0x01 · Oct 16, 2017 · e9656c7 · e9656c7
1 parent ce0f417
commit e9656c7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/datepicker.jsx b/src/datepicker.jsx
@@ -395,6 +395,7 @@ export default class DatePicker extends React.Component {
   onClearClick = (event) => {
     event.preventDefault()
     this.props.onChange(null, event)
+    this.setState({ inputValue: null })
   }
 
   renderCalendar = () => {

diff --git a/test/datepicker_test.js b/test/datepicker_test.js
@@ -265,6 +265,17 @@ describe('DatePicker', () => {
     expect(cleared).to.be.true
   })
 
+  it('should clear input value in the local state', () => {
+    var datePicker = TestUtils.renderIntoDocument(
+      <DatePicker
+          selected={utils.newDate('2015-12-15')}
+          isClearable />
+    )
+    var clearButton = TestUtils.findRenderedDOMComponentWithClass(datePicker, 'react-datepicker__close-icon')
+    TestUtils.Simulate.click(clearButton)
+    expect(datePicker.state.inputValue).to.be.null
+  })
+
   it('should save time from the selected date', () => {
     const selected = utils.newDate('2015-12-20 10:11:12')
     let date