Enhanced DatePicker - Vaadin Add-on Directory
DatePicker with ability to format by pattern
# EnhancedDatePicker component for Vaadin Flow
## Note Vaadin 22 and Vaadin 14.8
There is major update in DatePicker component in Vaadin 22 and Vaadin 14.8 frameworks. The features of this add-on have been incorporated into standard DatePicker component, thus it is not recommended and not needed to use this add-on with these and newer versions of the framework.
## Enhanced DatePicker
This project is extending [DatePicker component for Vaadin Flow](https://github.com/vaadin/vaadin-date-picker-flow).
On top of basic functionality of DatePicker, it has ability to format date by pattern.
Formatting is done by JavaScript library [date-fns v2.0.0-beta.2](https://date-fns.org/v2.0.0-beta.2/docs/Getting-Started). More information about supported formatting paterns can be found here:
https://date-fns.org/v2.0.0-beta.2/docs/format
Pattern can be set using method `setPattern(String pattern)`. For example:
```java
EnhancedDatePicker datePicker;
datePicker.setPattern("dd-MMM-yyyy");
```
or by using constructor: `new EnhancedDatePicker(LocalDate.now(), "dd-MMM-yyyy");`
This component can be used in combination with [``](https://github.com/vaadin/vaadin-date-picker).
In HTML/JS template you can add `` and in Java side, you can bind it to `EnhancedDatePicker` like this:
```java
@Id("datePickerId")
private EnhancedDatePicker datePicker;
```
As this component is replacement for DatePicker, please make sure that you use helper classes(like ChangeEvent, OpenedChangeEvent or InvalidChangeEvent) from `EnhancedDatePicker` and not form `DatePicker`.
NOTE: Localisation in this component is also done by DateFns and some locales for some patterns are not stable:
for example Russian and French for pattern `MMM`(it adds '.' in the end of month and then it can not parse it back)
NOTE: This component extends vaadin-date-picker-flow version 2.1.0, if you update Vaadin to newer version, you may need to do maven exclusion to this dependency.
### Sponsored development
Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: [Support](https://vaadin.com/support) and [Pricing](https://vaadin.com/pricing)
Online Demo
View on GitHub
Enhanced DatePicker version 1.0.0
Enhanced DatePicker version 1.0.1
Added ability to use formatting by pattern with together with locale.
NOTE: Localisation is done by JS library DateFns. In case some localisations not working, please check documentation for DateFns(https://date-fns.org/v2.0.0-beta.2/docs/Getting-Started)
Enhanced DatePicker version 1.1.0
### Version 1.1.0
- Added support for multiple input formats
Enhanced DatePicker version 1.2.0
### Version 1.2.0
- Added missing setAutoOpen()
- Fixed issues with using Vaadin 14.3.x
Enhanced DatePicker version 1.3.0
### Version 1.3.0
- Cherry picked rest of the Vaadin 14.3 new features and fixes
- Fixed issue #262
Enhanced DatePicker version 1.3.1
### Version 1.3.1
- Add workaround for issue https://github.com/vaadin/vaadin-date-picker-flow/issues/223
- Moved disableClientValidation() to separate API
Enhanced DatePicker version 1.3.2
### Version 1.3.2
- Changed license to Apache2
Enhanced DatePicker version 1.4.0
### Version 1.4.0
- Added setPrefixComponent
- Applied the fix https://github.com/vaadin/vaadin-flow-components/pull/512
Enhanced DatePicker version 1.5.0
Fix pattern and Locale handling
Enhanced DatePicker version 2.0.0
Enables component to work with V18+ and introducing HasHelper
Enhanced DatePicker version 1.6.0
Fix compatibility issue with Vaadin 14.11+