<div class="col-md-6">
  <label for="inputEmail4">{{ "Dealer" | translate }}</label>

  <input
    placeholder="{{ 'Select dealer' | translate }}"
    class="form-control"
    [mdAutocomplete]="tdAuto111"
    [(ngModel)]="dealerData"
    (ngModelChange)="filtergrpStatess(dealerData)"
  />
  <md-autocomplete #tdAuto111="mdAutocomplete">
    <md-option *ngFor="let group of dealerSelect" [value]="group.fullName">
      <span>{{ group.first_name }} {{ group.last_name }}</span>
    </md-option>
  </md-autocomplete>
</div>

<div class="form-group col-md-6">
  <label for="inputEmail4">{{ "User" | translate }}</label>

  <input
    placeholder="{{ 'Select User' | translate }}"
    class="form-control"
    [mdAutocomplete]="tdAuto112"
    [(ngModel)]="userDetail"
    (ngModelChange)="filterUserStates(userDetail)"
  />
  <md-autocomplete #tdAuto112="mdAutocomplete">
    <md-option
      *ngFor="let userName of datauserSelect"
      [value]="userName.full_name"
    >
      <span>{{ userName.full_name }}</span>
    </md-option>
  </md-autocomplete>
</div>
