Disabling Kendo-Filter Control

[M]

Good afternoon,
Does anyone know how to disable  <kendo-filter> control?

<kendo-filter [filters]="populationCriteriaFilters"

  [value]="initialValue" (valueChange)="onFilterChange($event)"> </kendo-filter>

I have it on the card and the card is disabled and I need to disable it as well.
Any help will be greatly appreciated.

[Hetali]

Hi Muhammad,

The Kendo UI Filter component can be disabled by adding the class k-disabled to the componant. For example:

<kendo-filter id="filter">
</kendo-filter>

public disable() {
  var filter = document.getElementById('filter');
  filter.setAttribute('class', 'k-disabled');
}

In this StackBlitz example, the Filter component can be enabled and disabled on button click.

I hope this helps. Please let me know if I can further assist you.

Regards,
Hetali
Progress Telerik