We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Overview

The date-range picker component allows an end user to select a start and end date value as a range from a calendar pop-up or by entering the value directly in the input element.


Formatting

The date-range picker control’s input value is set to be custom formatted apart from the default culture specific date format.


Globalization

The date-range picker control supports globalization (internationalization and localization) to translate the names of months, days and today button text to any supported language. The date format and first day of week are sets to culture specific.


Limit the selection range

Direct the end user to select only the date range with specific minimum and maximum number of days count by setting the minDays and maxDays options.


Restrict selection within a range

The date-range picker control restricts the user to enter or select the value within a specific range of date by defining the min and max properties.


Validation

Allows only the valid value to be entered in date-range picker control’s input by validating with disabled or out of min and max date range. The invalid and out of date range values are sets to be in disabled state that prevents the end user from selecting the date range.


Customization

You have a complete control over the appearance of the date-range picker component.


Week number

The date-range picker control supports to show the week numbers in the calendar popup.


First day of week

Change the first day of weeks in every month.


Accessibility

  • Fully supports WAI-ARIA accessibility that helps the date-range picker control be accessible by on-screen readers and assistive devices.
  • Follows WAI-ARIA best practices for implementing keyboard interaction.
  • Designed the UI element visuals such as foreground color, background color, line spacing, text, images based on WCAG 2.0.
  • Supports right to left (RTL) direction for users working in right-to-left languages like Hebrew and Arabic.

Predefined ranges

Supports to define the preset of ranges to select the frequently used date range by the end users.


Mobile-friendly UI

The date-range picker control provides responsive mode which gives an adaptive, redesigned UI appearance for mobile devices.

Mobile-friendly


Developer-friendly APIs

Allows you to have control over all the UI elements and behaviors of the components to provide the best experience to your end users with a rich set of developer-friendly APIs


45+ VUE COMPONENTS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.