eckig material 2 date picker auto auf fokus öffnen

Question

Wie eckiges material 2 date picker kann konfiguriert werden, um automatisch auf fokus geöffnet werden? Ich habe in der Dokumentation unter https://material.angular.io/components/datepicker/overview nichts gefunden.

Aktuelle html ist wie folgt:

<input [mdDatepicker]="myDatepicker" id="inputWeekEnding" name="inputWeekEnding" type="text" class="form-control" show-button-bar="false" 
 
     [(ngModel)]="weekEnding" [mdDatepickerFilter]="weekEndingPickerFilter" (ngModelChange)="weekEndingChanged()" 
 
       required> 
 
<span class="input-group-btn"> 
 
    <button type="button" class="btn btn-default" [mdDatepickerToggle]="myDatepicker"> 
 
    <i class="glyphicon glyphicon-calendar"></i>    
 
    </button> 
 
</span> 
 
<md-datepicker #myDatepicker md-open-on-focus ></md-datepicker>

Answer 1

mdDatepicker liefert Verfahren open() um doe es manuell Entwickler zu öffnen. Sie können es unter dem Fokus-Ereignis md-input aufrufen. Siehe docs.

<md-input-container> 
    <input mdInput [mdDatepicker]="picker" (focus)="picker.open()" placeholder="Choose a date"> 
    <button mdSuffix [mdDatepickerToggle]="picker"></button> 
</md-input-container> 
<md-datepicker #picker></md-datepicker> 

Plunker Demo