Telerik UI for ASP.NET MVC Calendar Basic Usage
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API SERVER-SIDE APIThe Calendar component is part of Telerik UI for ASP.NET MVC, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Description
The Telerik UI for ASP.NET MVC Calendar component servers as a graphical calendar which enables you to intuitively select dates and navigate through days, months, and years. It enables you to control the single, multiple and week selections as well as defining special day templates. Apart from its basic configuration options, the Calendar component provides RTL support. In addition, the Calendar comes with WAI-ARIA compatibility as well as keyboard support for its navigation.
The current example displays a generic use-case scenario for a Calendar component which aims to demonstrate a natural feel and seamless navigation for the end users.
The Telerik UI for ASP.NET MVC Calendar component is part of Telerik UI for ASP.NET MVC, a professional-grade UI library with 110+ components for building modern and feature-rich applications.
This Calendar example is part of a unique collection of hundreds of ASP.NET MVC demos, with which you can see all Telerik UI for ASP.NET MVC components and their features in action. View the source code of the demos from the library or directly adapt and edit their theme appearance in the ThemeBuilder.
Functionality and Features
- Selection—The Calendar allows you to implement single, multiple, range-date, and week selections.
- Disabled dates—You can disable certain Calendar days which are not intended to be selected by the end user.
- Component types—The Calendar enable you to choose between its classic or modern render mode.
- Date ranges—You can specify a selected date and define a minimum and a maximum Calendar date.
- Day template—Customize the rendered day for the Month Calendar view.
- Accessibility, keyboard navigation, and RTL support— Accessibility by screen readers while providing WAI-ARIA, Section 508, WCAG 2.1, and keyboard support.
- API——Use the API functions to dynamically change the state of the Calendar component.