Как вы размещаете mat-datepicker-toggle mat-icon в конце поля ввода даты

Question

Я уже некоторое время пытаюсь искать по всей сети, и прямого ответа на это нет. Я хочу, чтобы значок переключателя располагался в самом конце поля ввода даты.

Answer 1

Может быть, попробуйте пример

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

Answer 2

вы можете сделать один пользовательский значок, который открывает палитру дат из события щелчка, вы можете поместить эту кнопку в нужное вам место:

<mat-form-field class="example-full-width">
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

<button mat-raised-button (click)="picker.open()">Open</button>