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!
-
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
-
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
-
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. -
Century Cell Formats
Specify the formatting behavior of the century cells in the century view with ease. Two supported formats are available:
- Long: The cells will display a decade range 2000-2009, 2010-2019.
- Short: The cells will display just the starting year of the decade 2000, 2010.
See Telerik UI for ASP.NET Core Calendar century cell formats demo
-
Show Other Month Days
The Telerik UI for ASP.NET Core Calendar allows you to explicitly render days from the previous and next months in the current Calendar view.
See Telerik UI for ASP.NET Core Calendar show other month days demo
-
Reverse Selection
Empower users to select an end date that is before the selected start date, thus boosting flexibility.
See Telerik UI for ASP.NET Core Calendar reverse selection demo
-
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.
-
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.
-
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
-
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
-
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.
-
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.
-
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.
