Blazor Calendar - Overview
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
Month View
| S | M | T | W | T | F | S | |
|---|---|---|---|---|---|---|---|
| 18 | 28 | 29 | 30 | 1 | 2 | 3 | 4 |
| 19 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 20 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 21 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 22 | 26 | 27 | 28 | 29 | 30 | 31 | 1 |
| 23 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
Decade View
| 2020 | 2021 | 2022 | 2023 |
| 2024 | 2025 | 2026 | 2027 |
| 2028 | 2029 |
- Overview.razor
Loading the demo source code...please wait.
The Calendar component is part of Telerik UI for Blazor, a professional grade UI library with 100+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Description
Calendar navigation, display and selection from a single month, through multiple months, up to years, decades and centuries.
The Telerik UI for Blazor Calendar allows you to scroll through a calendar and select one or more dates. You can also control the current view and how deep the user can go along with the minimum and maximum date they can navigate to.
The Calendar also provides a parameter to show the week number in a column in the month calendar view.
This Calendar Overview 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.