D-Net

<div *ngIf="searchCriteriaForm"

     [formGroup]="searchCriteriaForm">

  <div class="p-fluid p-formgrid p-grid">

    <div class="p-field p-col-12 p-lg-4">

      <label for="receivedFrom">Received From</label>

      <p-calendar id="receivedFrom"

                  formControlName="receivedFrom"

                  [maxDate]="searchCriteriaForm.get('receivedTo').value"

                  [readonlyInput]="false"

                  showButtonBar="true"

                  dateFormat="dd/mm/yy"

                  todayButtonStyleClass="p-button-set-today"

                  clearButtonStyleClass="p-button-clear-date"

                  [showIcon]="true">

      </p-calendar>

    </div>

    <div class="p-field p-col-12 p-lg-4">

      <label for="receivedTo">Received To</label>

      <p-calendar id="receivedTo"

                  formControlName="receivedTo"

                  showButtonBar="true"

                  dateFormat="dd/mm/yy"

                  [minDate]="searchCriteriaForm.get('receivedFrom').value"

                  [readonlyInput]="false"

                  todayButtonStyleClass="p-button-set-today"

                  clearButtonStyleClass="p-button-clear-date"

                  [showIcon]="true">

      </p-calendar>

    </div>

  </div>

  <div class="p-fluid p-formgrid p-grid">

    <div class="p-field p-col-12 p-lg-4">

      <label for="fileCode">File Code</label>

      <input id="fileCode"

             type="text"

             pInputText

             formControlName="fileCode">

    </div>

    <div class="p-field p-col-12 p-lg-4">

      <label for="fileType">File Type</label>

      <p-dropdown placeholder="Select"

                  id="fileType"

                  [options]="FILE_TYPE_ARRAY"

                  optionLabel="label"

                  optionValue="label"

                  formControlName="fileType"

                  [showClear]="true">

      </p-dropdown>

    </div>

    <div class="p-field-checkbox p-col-12 p-lg-4">

      <label for="ignoreStatus" class="p-ml-0">Ignored</label>

      <p-checkbox name="ignoreStatus"

                  value="true"

                  [formControl] = "searchCriteriaForm.controls['ignore_status']"

                  [binary] = "true"

                  inputId="ignoreStatus">

      </p-checkbox>

    </div>

  </div>

  <div class="p-fluid p-formgrid p-grid">

    <div class="p-field p-col-12 p-lg-4">

      <label for="ipowerClientName">Client Name</label>

      <p-autoComplete id="ipowerClientName"

                      formControlName="ipowerClientName"

                      [suggestions]="iPowerClientNameSuggestions"

                      [forceSelection]="true"

                      (completeMethod)="autosuggestIPowerClientName($event)"

                      (onSelect)="iPowerClientNameSelected($event)">

      </p-autoComplete>

    </div>

    <div class="p-field p-col-12 p-lg-4">

      <label for="ipowerClientCode">Client Code</label>

      <p-autoComplete id="ipowerClientCode"

                      formControlName="ipowerClientCode"

                      [suggestions]="iPowerClientCodeSuggestions"

                      [forceSelection]="true"

                      (completeMethod)="autosuggestIPowerClientCode($event)"

                      (onSelect)="iPowerClientCodeSelected($event)">

      </p-autoComplete>

    </div>

    <div class="p-field-checkbox p-col-12 p-lg-4">

      <label for="personalData" class="p-ml-0">Includes Personal Data</label>

      <p-checkbox name="personalData"

                  value="true"

                  [formControl] = "searchCriteriaForm.controls['personalData']"

                  [binary] = "true"

                  inputId="personalData"

                  >

      </p-checkbox>

    </div>

  </div>

</div>