Telerik UI for ASP.NET Core Calendar Basic Usage

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
HtmlHelper
TagHelper
Files:
index.cshtml
IndexController.cs
Index_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API
devcraft ninja image

The Calendar component is part of Telerik UI for ASP.NET Core, 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 Core 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 Core Calendar component is part of Telerik UI for ASP.NET Core, a professional-grade UI library with 110+ components for building modern and feature-rich applications. The UI for ASP.NET Core Calendar is a server-side wrapper for the Kendo UI for jQuery Calendar component and supports an HtmlHelper and a TagHelper mode.

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

Support & Learning Resources

Additional Resources