background

UI for ASP.NET Core

ASP.NET Core Calendar

  • With the ASP.NET Core Calendar component you can navigate, display and select from different time periods.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for ASP.NET Core Calendar - Header
  • Overview

    The ASP.NET Core Calendar control enables you to intuitively select dates, navigate through days, months and years, and define special-day templates. So you can offer your end-users a calendar that feels natural and functions seamlessly.

    Check out the ASP.NET Core Calendar demo

    Telerik UI for ASP.NET Core Calendar - Overview
  • Multiple-Day Selection

    Telerik UI for ASP.NET Core now supports multiple day selection in its calendar timeline view. Selections can be made by range or by week. This allows you to create delightful experiences for the users of your professional web apps. Of course, this comes with not only the support from an interactive point of view but it is also supported fully through the addition of API updates to the component.

    Visit the Calendar Multiple Selection demo

    Telerik UI for ASP.NET Core Calendar - Multiple selection
  • Disabled Dates

    In many cases not all dates are open for booking an appointment, that is why we have added the DisableDates function. This allows you to disable weekends, holidays or any other day of the month that is not acceptable to you. 
  • Calendar Functions

    Select dates by navigating through days, months and years using natural UX drill-down.

  • Modern Rendering

    The visual quality of our controls is one of our highest priorities and we want to give you options to explore. That’s why we provide two separate rendering modes for the Telerik UI for ASP.NET Core Calendar component. The secondary (modern) look can be activated by changing an attribute on the component.

     

    Tlerik UI fro ASP.NET Core Calendar Rendering
  • Server- and Client-Side API for Extra Flexibility

    UI for ASP.NET Core comes with a complete server-side API. With simple API calls, you can configure all features of the Core Calendar and since the server wrappers output the JavaScript, you also have full access to the client-side API for maximum control in the browser.
    Telerik UI for ASP.NET Core Rich API
  • Right-to-Left (RTL) Support

    The Telerik Core Calendar includes an out-of-the-box right-to-left support. No matter if your application needs to be in left to right or right to left, the component can accommodate both scenarios.

    Learn more about ASP.NET Core Calendar RTL support

    Telerik UI for ASP.NET Core RTL Support
  • Globalization

    The Core Calendar component facilitates quick set up for various culture settings. These settings give your users the ability to dynamically change their preferred language and have the calendar change with it.

    Explore the ASP.NET Core Calendar Globalization
    Globalization Localization
  • Accessibility

    Accessibility is always a serious concern when creating web applications. The ASP.NET Core calendar control offers full compliance with Section 508 and WCAG 2.1 guidelines. 

    Telerik UI for ASP.NET Core Accessibility
  • Keyboard Navigation

    The ASP.NET Core Calendar is one of the many components in the suite with out-of-the-box support for keyboard navigation. Users can use the arrows to open or close a node on focus or to navigate to other items in the chart. 
     

    Telerik UI for ASP.NET Core Keyboard Navigation
  • Theming

    The ASP.NET Calendar has 20+ built-in themes and swatches. Explore the Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI) themes and choose the swatch that meets your design requirements. You can easily customize any theme with a few lines of CSS or create a new one with the Progress SASS ThemeBuilder application to exactly match your colors and branding. 

All ASP.NET Core Components

Next Steps