Telerik UI for ASP.NET Core DateRangePicker Overview
- EXAMPLE
 - VIEW SOURCE
 - 
Change Theme
defaultDefault Theme
- Main
 - Main Dark
 - Nordic
 - Ocean Blue
 - Ocean Blue A11Y
 - Purple
 - Turquoise
 
Bootstrap Theme- Main
 - Bootstrap 3
 - Bootstrap 3 Dark
 - Main Dark
 - Nordic
 - Turquoise
 - Turquoise Dark
 - Urban
 - Vintage
 
Material Theme- Main
 - Arctic
 - Lime Dark
 - Main Dark
 - Material 2
 - Material 2 Dark
 - Nova
 
Classic Theme- Main
 - Green
 - Green Dark
 - Lavender
 - Lavender Dark
 - Main Dark
 - Metro
 - Metro Dark
 - Moonlight
 - Opal
 - Opal Dark
 - Silver
 - Silver Dark
 - Uniform
 
Fluent Theme- Main
 - Main Dark
 
 
Also available for:
CLIENT-SIDE API HTML HELPER APIThe DateRangePicker 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 DateRangePicker for ASP.NET Core component serves as a container-based component that allows you to easily interact with a date range either from a calendar or through direct input. The component also supports a start view, navigation depth, built-in validation, configurable options for disabled dates, and more. In addition, the component can also be used with both keyboard and mouse, comes with WAI-ARIA compatibility, and screen-reader users can also interact with the component.
This example showcases a common scenario for the DateRangePicker's basic features such as selecting date ranges.
The ASP.NET Core DateRangePicker control is part of Telerik UI for ASP.NET Core, a professional-grade UI library with 110+ components for building modern and feature-rich web applications. The UI for ASP.NET Core DateRangePicker is a server-side wrapper for the Kendo UI for jQuery DateRangePicker widget and supports an HtmlHelper and a TagHelper mode.
Functionality and Features
- Appearance–With the supported API, you can easily style the appearance of the DateRangePicker.
 - Selected Dates–Define the minimum and maximum dates it displays and also render a pre-selected date range.
 - Start View and Selection Depth–The DateRangePicker enables you to set the initial view it renders and define the navigation depth of the views.
 - Validation–The DateRangePicker pertains its input value unchanged even when the typed date is invalid.
 - Date Formatting–Define the DateRangePicker's date formatting.
 - Calendar Types–Work with Date objects which support only the Gregorian calendar.
 - Week Number Column–The DateRangePicker provides options for rendering a column which displays the number of weeks within the current Month view.
 - Disabled Dates–Disable specific days which are not intended to be selected by the end user, such as weekends and national holidays.
 - Accessibility–The DateRangePicker supports various accessibility standards.
 
Additional Apps
Support & Learning Resources
- ASP.NET Core DateRangePicker Documentation Overview
 - ASP.NET Core DateRangePicker API
 - ASP.NET Core DateRangePicker in Razor Pages Documentation
 - ASP.NET Core DateRangePicker Forums
 - Telerik UI for ASP.NET Core DateRangePicker Homepage
 - Telerik UI for ASP.NET Core Sample Demos Application
 - Telerik UI for ASP.NET Core Knowledge Base