无法在Angular 6材质中使用tabindex选择Mat Datepicker

我有3-4个文本框，下一个文本框是日期。按键盘上的tab键可选择其他框。如“下一步”，但日期文本框将跳过。不选择日期文本框。它应该选择它。 这个问题只出现在InternetExplorer11中，而不出现在Chrome中。 “我的日期”组件在通过鼠标单击进行选择时工作正常

我需要知道如何日期文本框将选择使用键盘上的标签。我需要做什么改变。。。？ [问题屏幕详细信息。]

@Component({
  selector: 'app-date',
  template: `
  <div class='form-group {{field.css_class}}' [formGroup]='group' disabled="true">
  <label matTooltip="{{field.tooltip}}" matTooltipPosition="left" [matTooltipShowDelay]="150"
  [matTooltipHideDelay]="75" for='field.name' class="field-label label-style">{{field.label}}</label>
  <span *ngIf="field.validations && isRequired(field.validations)" class="asterik">*</span>  
  <mat-form-field appearance="outline" [formGroup]='group' 
    [ngClass]="{'nonMandatory': field.validations && !isRequired(field.validations)}">    
   
 <input matInput #input [name]='field.name' [formControlName]='field.name'
        [matDatepicker]="picker" min="{{dateminformat| date:'yyyy-MM-dd'}}" max="{{datemaxformat | date:'yyyy-MM-dd'}}"
        (dateChange)='field.event ? change($event) : null'
       onpaste='return false;' onCopy='return false;'
        onDrag='return false;' onCut='return false;' onDrop='return false;' autocomplete='off'
       oncontextmenu='return false;' (focus)='picker.open()' (click)='picker.open()'>  
       <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-datepicker #picker (closed)="input.blur()"></mat-datepicker>
      </mat-form-field>
          <div class= '{{field.css_class}}'>
        <div class='mat-error'
          *ngIf='(group.get(field.name).errors?.required && group.get(field.name).touched)
          || group.get(field.name).errors?.minlength; else otherError'>
          {{getValidationMessage(group.get(field.name), field.validations)}}
        </div>
        <ng-template #otherError>
          <div class='mat-error'
            *ngIf='!isRequired(field.validations) && group.get(field.name).touched'>
              {{getValidationMessage(group.get(field.name), field.validations)}}
          </div>
        </ng-template>
      </div>
  </div>

@组件({
选择器：“应用程序日期”，
模板：`
{{field.label}
*  
{{getValidationMessage（group.get（field.name），field.validations）}
{{getValidationMessage（group.get（field.name），field.validations）}