How to open and close mat date picker on mouse hover?

Viewed 79

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?

Here is the code

<mat-form-field (mouseover)="picker.open()">
   <mat-label>Date</mat-label>
   <input matInput [matDatepicker]="picker"/>
   <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
   <mat-datepicker #picker></mat-datepicker>
</mat-form-field>
1 Answers
Related