Telerik UI for ASP.NET MVC Calendar Basic Usage

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
index.cshtml
IndexController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API
devcraft ninja image

The 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.

Additional Apps

This Calendar example is part of a unique collection of hundreds of ASP.NET MVC demos, with which you can see all Telerik ASP.NET MVC 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 the ThemeBuilder.

Support & Learning Resources

Additional Resources