This is a component to select a date range with single calendar popup.
Screenshot
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
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