Как добавить опцию поиска фильтра в kendoMultiSelectHeaderTemplate углового выпадающего списка Kendo для множественного выбора?

Question

html

Это HTML-код множественного выбора, который я использовал. Я установил флажок выбора внутри kendoMultiSelectHeaderTemplate. Теперь я хочу добавить опцию поиска фильтра под флажком выбора.

                                <ng-template kendoMultiSelectItemTemplate let-dataItem>

                                    <input type="checkbox" class="k-checkbox" [checked]="isLangSelected(dataItem.text)">
                                    <label class="k-checkbox-label">{{ dataItem.text }}</label>

                                </ng-template>
                                <ng-template kendoMultiSelectGroupTagTemplate let-dataItems>
                                    <span>{{dataItems.length}} selected</span>
                                </ng-template>
                                <ng-template kendoMultiSelectHeaderTemplate>
                                    <span class="k-list">
                                        <span (click)="onClick()" class="k-item">
                                            <input type="checkbox" class="k-checkbox" [checked]="isChecked" />
                                            <label class="k-multiselect-checkbox k-checkbox-label">Show Selected Only</label>

                                        </span>
                                    </span>

                                </ng-template>
                                <ng-template kendoMultiSelectHeaderTemplate let-dataItem>
                                    <kendo-autocomplete [data]="data" [kendoDropDownFilter]="filterSettings" [placeholder]="'Search Language'">
                                    </kendo-autocomplete>
                                </ng-template>

                            </kendo-multiselect>