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.

Telerik UI for ASP.NET Core Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • 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

    Telerik UI for ASP.NET DateRangePicker
  • 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. 
    Telerik UI for ASP.NET DateRangePicker
  • 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.
    Telerik UI for ASP.NET DateRangePicker
  • 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.
    Telerik UI for ASP.NET DateRangePicker
  • 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.
    Telerik UI for ASP.NET DateRangePicker
  • 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.
    Telerik UI for ASP.NET DateRangePicker
  • 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.  
    Telerik UI for ASP.NET DateRangePicker
  • 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.   
    Telerik UI for ASP.NET DateRangePicker
  • 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

    Telerik UI for ASP.NET DateRangePicker
Get Started Waves

Next Steps

Launch demos

See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try Telerik UI for ASP.NET Core with dedicated technical support.