<input
  type="{{ type }}"
  id="{{ id }}"
  class="input form-control"
  [ngClass]="{ 'error-visible': error && errorMessage && !displayErrorUnder }"
  [required]="required"
  (input)="onChange($event.target.value)"
  [value]="value"
  #input
/>
<label class="placeholder form-control-placeholder" for="{{ id }}" [ngClass]="{ dirty: dirty }"
  >{{ label }} <span *ngIf="showrequired === true">*</span></label
>
<div *ngIf="error && errorMessage" class="invalid-feedback" [ngClass]="{ 'invalid-feedback-under': displayErrorUnder }">
  <div>{{ errorMessage }}</div>
</div>
<hr [ngClass]="{ error: error && errorMessage }" />
