@page "/datagrid-filtervalue-template"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid custom Column FilterValueTemplate
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    This page demonstrates how to define custom DataGrid column filter value template. Unlike FilterTemplate, which will replace the entire filtering UI, FilterValueTemplate allows you to define custom filter UI only for filter value part and will keep the rest of the default filtering UI. For FilterMode.Advanced you can define also SecondFilterValueTemplate.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo the DataGrid columns use <code>FilterValueTemplate</code> to customize only the filter input control while keeping the default operator selector and buttons, providing a balance between customization and consistency.
</RadzenText>

<RadzenExample ComponentName="DataGrid" Example="DataGridColumnFilterValueTemplate">
    <DataGridColumnFilterValueTemplate />
</RadzenExample>
