Cannot change FONT size of RadzenDatePicker

Radzen Blazor Studio
1

I am trying to change the RadzenDatePicker font to a smaller size from 40px to 30px, however, the design was not changing it. Appreciate any help. Thank you.

image

image

2

Hi @jcostin,

The Height you are changing is related to the overall component height, not the font-size. Make sure you update the rest of the size related options like padding, font size and line-height (under Typography) accordingly:

image
image1752×2076 263 KB

Update: While the above-mentioned approach works with inputs and dropdowns, it is currently still not applicable to all forms components. For RadzenDatePicker you can use CSS variables to update the font-size, e.g:

.rz-calendar {
    --rz-input-height: 30px;
    --rz-input-font-size: 12px;
}
1 Like
3

Thanks a lot. The added entry to the CSS is perfect.
Appreciate it.