tests with jest and enzyme for datepickers onChange event doesnt work

When I try to test Datepicker onChange behaviour with this test unit:

import React from 'react';
import {mount} from 'enzyme';
import toJson from 'enzyme-to-json';
import DatePicker from 'bundles/DatePicker/DatePicker';

describe('DatePicker', () => {
    test('datepicker calls the onChange Event', done => {
        const DateComponent = mount(<DatePicker />),
            dateInput = DateComponent.find("input[type='text']");

       DateComponent.instance().handleChange = jest.fn();

        dateInput.simulate('change', {target: { value: "2018-01-04" }});
        done();

        expect(DateComponent.instance().handleChange.mock.calls.length).toBe(1);
    });
});

Expected behavior

Expected value to be (using ===):
      1

Actual behavior

Received:
      0

jsx file:

import PropTypes from 'prop-types';
import React from 'react';
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";

// registerLocale("en-GB", enGB);

import "./DatePicker.scss";

class Dpicker extends React.Component {
  static propTypes = {
    date: PropTypes.string
  };

  constructor(props) {
    super(props);

    let {date, placeholder, labelDate} = props;

    date = this.props.date ? new Date(date) : new Date();

    this.state = {
      date: date,
      labelDate: labelDate,
      placeholder: placeholder
    };
  }

  handleChange = date => {
    this.setState({
      date: date
    });
  };

  render() {
    return (
      <div className="row">
        <div className="col-md-12">
          <div className="datepicker-single-date">
            <label htmlFor="date">{this.state.labelDate}</label>
            <DatePicker
              selected={this.state.date}
              onChange={this.handleChange}
              autoComplete={"off"}
              dateFormat="yyyy-MM-dd"
              maxDate={new Date()}
              name="date"
              id="date"
              required={true}
              placeholder={this.state.placeholder}/>
          </div>
        </div>
      </div>
    );
  }
}

export default Dpicker;

Thanks in advance

[JRasmusBm]

Same issue with react-testing-library. Focusing, blurring, clicking all doesn’t work. It does change the value in the input field, but when testing the result does not bubble to the onChange event.

[pikitgb]

In order to test successfully with 100% cover use this => https://codesandbox.io/s/bitter-cache-mthww?file=/src/DateRangeFilter.spec.js:519-534

the idea is to mock with jest the onChange method