Jak zwiększyć szerokość kątową Materiał datepicker

Question

mam coś takiego:

Jak to możliwe, aby uczynić linię pod „Data rekrutacji” i „tablicy w dół” dostosowania się do połowy z układ jak na przykład w flex = "50". W przypadku normalnych pól wejściowych jest to całkiem łatwe.

Aktualny markup:

<md-content layout-padding> 
<form> 
    <div layout-gt-xs="row"> 
    <md-input-container class="md-block" flex-gt-xs> 
     <label> date </label> 
     <md-datepicker ng-model="cv.contract.dateOfRecruitment"></md-datepicker> 
    </md-input-container> 
    <md-input-container class="md-block" flex-gt-xs> 
     <label> months </label> 
      <input required ng-model="cv.contract.months" ng-pattern="/^[1-9][0-9]*$/" /> 
    </md-input-container> 
    </div> 
</form> 
</md-content> 

Przepraszamy za zły obraz. Może trzeba powiększać, ponieważ minimalizuje to Stackoverflow

Answer 1

Zobacz te bilety:

• https://github.com/angular/material/issues/9550
• https://github.com/angular/material/issues/9483

Ta funkcja nie będą realizowane z powodu problemów układu. Ale istnieje rozwiązanie zastępcze opisane: here