Progress Telerik UI for ASP.NET MVC
The Telerik UI for ASP.NET MVC DateRangePicker represents a container that allows users to pick a start and end date from a dropdown calendar or by manually typing in the dates. The DateRangePicker offers options for different views and navigation depths, disabled dates, custom month view templates and more. It also comes with built-in accessibility and globalization features as well as RTL support.
The DateRangePicker component offers a disabled dates feature, which prevent users from selecting specific days, such as national holidays, weekends and others. To enable the feature, you can either add a function or set an array listing the names of the days that you want to disable. Check out the documentation page to learn more.
You have the option to display a pre-selected date range that users can change manually through the inputs or from the dropdown calendar. It is configured by setting a minimum and maximum date within the ASP.NET MVC DateRangePicker. Check out the demo on date range selection and the documentation article to see how to configure the selected dates option.
The ASP.NET MVC DateRangePicker provides rich server- and client-side API functions, allowing you to create advanced and specific scenarios. The available properties, methods and events offer robust functionalities, such as enable/disable, open/close the calendar or get/set values.
The DateRangePicker comes with built-in RTL support for users who communicate in Arabic, Hebrew, Chinese or Japanese. The feature allows you to perform right-to-left rendering and satisfy any local preference with only a few settings to achieve a better user experience. Find out more about this functionality from the documentation article.
The Telerik UI for ASP.NET MVC DateRangePicker component provides accessibility support and complies with WAI-ARIA, WCAG 2.1 and Section 508 guidelines, ensuing easy interaction for individuals with disabilities. In addition, the component has available keyboard navigation and you can easily open/close the DateRangePicker and perform all actions within the control using just your keyboard.