<formly-form
  [form]="form"
  [fields]="fields"
  [model]="model"
></formly-form>
<div class="data-grid__dropdown__footer d-flex separator-top">
  <button
    class="btn btn-default btn-sm m-r-8 flex-grow"
    title="{{ 'Reset' | translate }}"
    (click)="resetFilter()"
    translate
  >
    Reset
  </button>
  <button
    class="btn btn-primary btn-sm flex-grow"
    title="{{ 'Apply' | translate }}"
    data-cy="c8y-base-filtering-form-renderer--filter-apply"
    (click)="applyFilter()"
    [disabled]="form.pristine || form.invalid"
    translate
  >
    Apply
  </button>
</div>