diff --git a/ng6-seed/src/app/reports/smc-credit/smc-credit.component.html b/ng6-seed/src/app/reports/smc-credit/smc-credit.component.html
index aba567d6f..85bf66288 100644
--- a/ng6-seed/src/app/reports/smc-credit/smc-credit.component.html
+++ b/ng6-seed/src/app/reports/smc-credit/smc-credit.component.html
@@ -46,9 +46,18 @@
                           </mat-expansion-panel-header>
                           <div>     
 
-                            <mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 30%;">
+                            <mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 93%;">
                               <input matInput type="text"  placeholder="Officer Name" formControlName="officer_name">
                             </mat-form-field>
+                            
+                            <mat-form-field class="ml-xs mr-xs" style="width:30%">
+                              <mat-select placeholder="Date Type" formControlName="date_type" placeholder="Date Type" >
+
+                                  <mat-option value=1>Created Date</mat-option>
+                                  <mat-option value=2>Updated Date</mat-option>
+                                  <mat-option value=3>Completed Date</mat-option>
+                              </mat-select>
+                            </mat-form-field>
 
                               <mat-form-field class="ml-xs mr-xs" style="width:30%">
                                   <input matInput [max]="maxDate" [matDatepicker]="picker" formControlName="from_date" placeholder="From Date" (dateChange)="getDateObjects($event.target.value)">