This is a component to select a date range with single calendar popup.

This is a component to select a date range with single calendar popup.

This project is based on DatePicker component for Vaadin Flow and also in EnhancedDatePicker.

On top of basic functionality of DatePicker, it has ability to select date ranges using only one scrollable calendar. As in EnhancedDatePicker, formatting is done by JavaScript library date-fns v2.0.0-beta.2. More information about supported formatting paterns can be found here: https://date-fns.org/v2.0.0-beta.2/docs/format

Install

Link to this version
TestedReleased 24 August 2021Apache License 2.0
Framework Support
Vaadin platform 14+
Browser Compatibility
Install with
Release notes - Version 1.7.0

Bugfixes

Now using 4.8.7 version of the vcf-date-range-picker with the following fixes:

  • Fix unwanted overlapping when the form is too narrow.
  • Fix a wrong behavior because it was always assuming that the focused element was the start date element, but now with the range it could also be the end date element
  • Set correct _selectingStartDate value when the focus is on the input end element