Progress Telerik UI for ASP.NET Core
DateRangePicker
- Use the ASP.NET Core DateRangePicker control to easily input or select a date range from a calendar. Offers a variety of custom templates, flexible configuration options, keyboard navigation and accessibility features.
- This control is part of the Telerik UI for ASP.NET Core suite along with 100+ fully-featured UI components designed to speed up delivery & improve every aspect of your workflow.
- Manage each project and plan dev time accordingly using the public product roadmap, regular releases, extensive learning resources and outstanding technical support team.
-
Overview
The ASP.NET Core DateRangePicker is a container-based component that enables your end-user to easily select a date range either from a calendar or through a direct input. The component also supports multiple views, custom templates for month view, configurable options for minimum and maximum date, start view and the depth of the navigation and more.
Visit the Telerik UI for ASP.NET Core DateRangePicker demo page
-
Disabled Dates
The DateRangePicker allows you to disable specific dates, which are not intended to be selected by the end users such as weekends and national holidays. You simply need to set an array of dates or add a function - see our documentation page to learn more.
-
Selected Dates
You can define the minimum and maximum dates displayed within the DateRangePicker and provide a pre-selected date range - changed manually from the dropdown calendar or inputs. For a complete example on how to select ranges, refer to the ASP.NET Core DateRangePicker demo on range selection.
-
Start View and Navigation Depth
The Telerik ASP.NET Core DateRangePicker enables you to set the initial view and control the navigation depth of the calendar. Simply pick from the four predefined views - Month, Year, Decade and Century. Refer to our documentation page for more information.
-
Flexible Server- and Client-Side API
Use the rich server- and client-side API found within the DateRangePicker component to implement advanced and specific scenarios. The available public methods, properties and events provide robust functionalities such as enable/disable or open/close the calendar.
-
HTML and Tag Helpers
Telerik UI for ASP.NET Core offers two options for declaring UI components – through HTML or Tag Helpers. You can choose the approach based on your preference, technology background or team development practice. Both methods allow you to lay out the DateRangePicker component and its configuration with a simple and easy-to-read HTML-like or Razor syntax.
-
Globalization & Localization
The DataRangePicker supports Globalization and Localization features, allowing it to adapt to specific cultural requirements. To find out more about the feature, check out our ASP.NET Core DataRangePicker documentation page.
-
Right-to-Left (RTL) Support
Right-to-left support is available for languages like Arabic and Hebrew, in which users read from right to left. You can satisfy any local preference and ease user interaction by toggling between left-to-right and right-to-let alignment with only a few settings.
-
Keyboard Navigation & Accessibility
The DateRangePicker component provides keyboard navigation and accessibility features, making your apps usable by anyone. You can interact with the component entirely through keyboard, without the need of a mouse. It complies with WAI-ARIA, WCAG 2.1 and Section 508 guidelines, enabling easy interaction for individuals with disabilities.
To get more familiar with the topic of accessibility and its importance, please check out our whitepaper.
Learn more about ASP.NET Core DateRangePicker Keyboard Navigation
Next Steps
See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.
Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.
Try Telerik UI for ASP.NET Core with dedicated technical support.