public auditSearchForm: FormGroup;
this.auditSearchForm = this.builder.group({
mbi: new FormControl(''),
memberID: new FormControl(''),
fromDate: new FormControl(''),
fieldName: new FormControl(''),
toDate: new FormControl(''),
});
<form [formGroup]="auditSearchForm" class="flex-col">
<div class="grid grid-cols sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-5 gap-4 mb-4">
<igx-input-group>
<input igxInput name="mbi" formControlName="mbi" type="text" />
<label igxLabel for="mbi">MBI</label>
</igx-input-group>
<igx-input-group>
<input igxInput name="memberID" formControlName="memberID" type="text" />
<label igxLabel for="memberID">Member ID</label>
</igx-input-group>
<igx-simple-combo class="input-container" [data]="trendLineTypes" name="fieldName"
formControlName="fieldName" [(ngModel)]="trendLineType" [type]="'border'">
<label igxLabel for="fieldName">Field Name</label>
</igx-simple-combo>
<igx-date-picker name="fromDate" formControlName="fromDate">
<label igxLabel>From Date</label>
<igx-picker-toggle igxSuffix>
<mat-icon [svgIcon]="'oxalis:icon_today_fill'"></mat-icon>
</igx-picker-toggle>
</igx-date-picker>
</div>
</form>