title: How to open and close mat date picker on mouse hover?
body: <p>I want to open and close mat date picker on hover. I added mouseover event on mat-form-field to open date picker and it worked but when I tried mouseout event to close the date picker it didn't work. Only opening date picker on hover was possible.
  Is there any way to close it on mouse out?</p>
  <p>Here is the code</p>
  <pre><code>&lt;mat-form-field (mouseover)=&quot;picker.open()&quot;&gt;
     &lt;mat-label&gt;Date&lt;/mat-label&gt;
     &lt;input matInput [matDatepicker]=&quot;picker&quot;/&gt;
     &lt;mat-datepicker-toggle matSuffix [for]=&quot;picker&quot;&gt;&lt;/mat-datepicker-toggle&gt;
     &lt;mat-datepicker #picker&gt;&lt;/mat-datepicker&gt;
  &lt;/mat-form-field&gt;
  </code></pre>