New to Telerik UI for Blazor? Download Free 30-day trial

Calendar - Appearance



Week Numbers

Su Mo Tu We Th Fr Sa
22 26 27 28 29 30 31 1
23 2 3 4 5 6 7 8
24 9 10 11 12 13 14 15
25 16 17 18 19 20 21 22
26 23 24 25 26 27 28 29
27 30 1 2 3 4 5 6
  • Appearance.razor
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming


The Telerik UI for Blazor Calendar offers options to control its appearance, such as size and whether to display week numbers in the first column of the month calendar view. You can also easily switch between the available themes and swatches.

Telerik UI for Blazor comes with the Default, Bootstrap, Fluent, and Material built-in themes. Each theme provides a set of color swatches you can choose from to match your application appearance and styling. The suite enables you to customize the available themes and modify the default appearance of the Telerik components. You can also style generic elements on the page and match the implemented Telerik theme by using the UI for Blazor themes classes.

This Blazor Calendar Appearance example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.