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
- 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
Also available for:
CLIENT-SIDE API SERVER-SIDE 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.