I'm working on my first Blazor project so I think this is a newbie question. I noticed that if I use the built-in InputDate control, it automatically provides a date picker.

My project uses a dark theme as its default theme and out of the box, the date picker is white -- see below:

Where can I find any documentation on how to stylize this control? I searched the official documentation at this link but couldn't find anything there. Thanks.

I'm working on my first Blazor project so I think this is a newbie question. I noticed that if I use the built-in InputDate control, it automatically provides a date picker.

My project uses a dark theme as its default theme and out of the box, the date picker is white -- see below:

Where can I find any documentation on how to stylize this control? I searched the official documentation at this link but couldn't find anything there. Thanks.

• asp-core
• razor
• blazor
• blazor-webassembly

Share Improve this question Follow asked Mar 25 at 20:00 SamSam 30.6k7676 gold badges252252 silver badges464464 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 3

the built-in Blazor <InputDate> renders the native HTML5 date picker and they are rendered by the browser and cannot be fully styled via CSS. That white popup you see is part of the browser's built-in UI and it cannot be changed using any custom styling.

I Suggest to use a Custom Date Picker Library

• Blazorise

• MudBlazor

• Syncfusion

• Telerik

• DevExpress