不带垫形场的角形垫选针器

Question

我已经通过以下方式实现了matDatepicker：

<div class="container">
  <form [formGroup]="addCarForm" (ngSubmit)="onSubmit()">
    <div class="row">
      <div class="col-lg-6">
          <input class="form-control"> 
      </div>
      <div class="col-lg-6">
          <input matInput [matDatepicker]="picker" placeholder="Choose a date" class="form-control">
          <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
          <mat-datepicker #picker></mat-datepicker>
      </div>
      </div>
   </form>
</div>

这使得强制图标位于输入字段下方。如何调整它使其位于输入字段的末尾，并使输入字段+图标等于col的宽度（请看一下图像以查看插图）

我在这里创建了一个问题示例：

https://stackblitz.com/edit/angular-xzkvqc?file=src%2Fapp%2Fapp.component.html

Answer 1

包装在弹性容器中，这样它们就永远不会错位了

MyModule

更新后的Stackblitz https://stackblitz.com/edit/angular-nbupcg