title: Date change event not firing in browser when selecting date in react-date picker by using puppeteer automation script
body: <p>Not firing change event selecting date in react-date picker by using puppeteer.</p>
  <p>Using below code in test js</p>
  <pre><code>await page.waitForSelector(&quot;#datepicker&quot;);    
  const datepicker=await page.$(&quot;#datepicker&quot;);
  await page.$$eval(&quot;input#datepicker&quot;,e=&gt;e.value=&quot;11/05/2020&quot;) ;
  await page.$$eval(&quot;input#datepicker&quot;,e=&gt;e.blur());
  </code></pre>
  <p>Value is getting change in Date picker but Date change event not getting raised so data on that basis not getting change on page.</p>
  <p>Found below solution which is working in console but not working with Puppeteer.</p>
  <pre><code>const prevalue = await page.$$eval(&quot;input#datepicker&quot;, e =&gt; e[2].value);
  await page.$$eval(&quot;input#datepicker&quot;, e =&gt; e[2].value = &quot;24/10/2019&quot;);
  await page.evaluate((preval) =&gt; $(&quot;input#datepicker&quot;)[2]._valueTracker.setValue(preval), prevalue)
  const event = new Event('input', {
    bubbles: true
  });
  await page.evaluate((eve) =&gt; $(&quot;input#datepicker&quot;)[1].dispatchEvent(eve), event);
  </code></pre>
  <p>Getting error:</p>
  <pre><code>Failed to execute 'dispatchEvent' on 'EventTarget': parameter 1 is not of type 'Event'
  </code></pre>