Change the border color for RadzenDatePicker + RadzenFormField

Radzen.Blazor Components
1

image

<RadzenFormField Text="Change the color" Variant="Variant.Outlined" >
    <RadzenDatePicker TValue="DateTime?" Value=@Valor DateFormat="dd/MM/yyyy" Change="@(args => Valor = args)" class="invalid" />
</RadzenFormField>

I would like to change the border from blue when the DateTimePicker is with focus to green and to red when is out of focus, but i cant change the theme variables, i need to do it just for just one page.

Is that even possible?

2

Hi @uacaman,

You can set a CSS variable per component instance via the Style attribute.

<RadzenFormField Style="--rz-some-property: red;">
1 Like