Change principal color for elements in DateRangePicker or DatePicker

[Tomas Rojas]

Hi, please, I need change the principal color for days, shadow range selection and buttons for control daterangepicker and datepicker, how can i change it?

Thank you.

Tomas

[Kokila Poovendran]

Hi Tomas Rojas,

Thank you for reaching out to us with your query regarding customizing the principal color for elements in the DateRangePicker or DatePicker.

After reviewing your request, we have prepared a sample that fulfills your requirement. You can achieve this customization by utilizing the theme studio styles.

For more detailed information on theme studio styles, please refer to our documentation here: Theme Studio Documentation.

You can directly access the theme studio here: Theme Studio.

In the attached sample, we have tailored the colors of the selected values and button elements, and subsequently downloaded the customized style to be referenced in your Blazor application.

The resulting output will appear as shown in the attached screenshot.

 

Furthermore, we have included a sample project with the downloaded theme studio styles. Please review the sample, and if you have any additional concerns or queries, feel free to let us know.

Regards,

Kokila Poovendran.

Attachment: BlazorServerProject_7b630616.zip