Bootstrap styling for Datepicker not working fine

Radzen Studio Blazor WebAssembly
1

I just added Radzen controllers to my Blazor WASM project because I want to use Datetime picker from Radzen instead of Matblazor but it doesn't look as bootstrap component. Here is the picture.

image

There are the styles that I have in my Index.html


<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="css/bootstrap/sweet-alert.css" rel="stylesheet" />
    <link href="css/datatable/dataTables.bootstrap.min.css" rel="stylesheet" />
    <link href="css/datatable/jquery.dataTables.min.css" rel="stylesheet" />
    <link href="css/datatable/responsive.bootstrap.min.css" rel="stylesheet" />
    <link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" />
    <link href="_content/MatBlazor/dist/css/materialdesignicons.css.css" rel="stylesheet" />
    <link href="css/site.css" rel="stylesheet" />
    <link href="css/icons.css" rel="stylesheet" />
    <link href="css/bootstrap/sweet-alert.css" rel="stylesheet" />
    <link href="_content/Sotsera.Blazor.Toaster/toastr.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="_content/Radzen.Blazor/css/default-base.css">

Any help is appreciate it. please!!

2

Hi @alexvazquez,

We are not sure what the problem is. RadzenDatePicker seems to look as expected. Here is the online demo for you to compare.

3

Hi @korchev , actually the Radzen Datepicker is the one marked with red arrow. The control above is MatRazor one. Dont know how to set the same style as a bootstrap component to it. Already tried many ways.

4

The Radzen Blazor components do not have a bootstrap styling. The RadzenDatePicker is supposed to look exactly as in your screenshot.