Kendo UI for Vue
The Vue DateRangePicker component offers a highly customizable that help users select a range of dates using multiple calendars. The component by default has an end and a start date, and dates can be selected across any range and is supported by showcasing two calendars side-by-side.
To give you full control, you can easily decide and configure the following:
The Vue DateRangePicker always shows a focused value when the calendar is displayed. The default is today, but you can assign whatever value you like.
By default, this Vue date picker component autocorrects scenarios in which end dates are selected before start dates. In other words, the first date selected is always the start date. You can change that behavior and allow the opposite so that the end date can be selected first.
The Vue DateRangePicker is very configurable with built-in properties, but you can also take it a step further by customizing the components used for these elements:
For users who prefer to use the keyboard or cannot use a mouse, this component fully supports keyboard interactions. See the demo for a complete list of supported shortcuts.
Like the rest of Kendo UI, the Vue DateRangePicker is fully accessible to help you build software for everyone. It provides full WAI-ARIA support as well as Section 508 compliance.