angular material 2 date picker auto open on focus

Question

How angular material 2 date picker can be configured to be opened automatically on focus? I didn\'t find anything in the documentation at https://material.angular.io/compone

Answer 1

As per @angular/material2 v7.0.1 I've been able to handle the input focus correctly by...

• adding (focus)="picker.open()" on matInput input element to trigger the datepicker opening on focus
• adding (closed)="input.blur()" on mat-datepicker element so it could remove the focus on the input once the date-picker is closed