When implementing date picker, the trigger calendar icon is offset

Radzen.Blazor Components
1

BadPicker
FIxedPicker

I recently pulled in the Date Picker into my project and noticed some inconsistency. I'm 100% sure its due to the other stylesheets competing with the radzen styles but I've been unable to identify it. I'm hoping that yall can give me a nudge in the right direction. There is no additional padding or margin being applied and I also dont see any styles that I could identity would effect the default transform. I have it fixed in the meantime, but I'd rather address it directly. I've "Fixed" it by adjusting the transform as such.

.rz-datepicker-trigger {
    transform: translateY(-85%);
    margin: unset !important;
}

instead of the default translateY(-50%);

Any help is greatly appreciated. So far I have been very please with this library and definitely be using it in the future.

2

Hi @Bond-Addict,

Managed to reproduce something similar by adjusting the .rz-datepicker-trigger height and padding-top in the browser's devtools. Otherwise this is not reproducible in our demos, so have a look once again and see if there are any styles overriding any of these properties.

Also, make sure you are using latest themes, see Migration to Radzen.Blazor v5.0