Releases: vaadin/vaadin-date-picker
v1.2.1
v1.2.0
New features in 1.2
Keyboard input
Allow the end user to type the date in the input in addition to selecting it from the dropdown calendar.
The feature is enabled by default, and you can customize the parsing by implementing the i18n.parseDate
function. To disable keyboard input, set i18n.parseDate
to undefined
.
datePicker.set('i18n.parseDate', function(dateString) {
// Parse the 'dateString' and return a new Date object if a match is found
});
Min and max date limits
Prevent the end user from selecting dates before or after certain dates.
<vaadin-date-picker min="2016-01-01" max="2016-12-31"></vaadin-date-picker>
Week numbers
Optionally show week numbers in the dropdown calendar (only for locales where week starts on Monday).
<vaadin-date-picker show-week-numbers></vaadin-date-picker>
v1.2.0-rc1
New features in 1.2
Keyboard input
Allow the end user to type the date in the input in addition to selecting it from the dropdown calendar.
The feature is enabled by default, and you can customize the parsing by implementing the i18n.parseDate
function. To disable keyboard input, set i18n.parseDate
to undefined
.
document.querySelector("vaadin-date-picker").set('i18n.parseDate', function(dateString) {
// Parse the 'dateString' and return a new Date object if a match is found
});
Min and max date limits
Prevent the end user from selecting dates before or after certain dates.
<vaadin-date-picker min="2016-01-01" max="2016-12-31"></vaadin-date-picker>
Week numbers
Optionally show week numbers in the dropdown calendar (only for locales where week starts on Monday).
<vaadin-date-picker show-week-numbers></vaadin-date-picker>
Changes since v1.2.0-beta1
- Improved input's and overlay's focus UX
- Updated documentation
v1.2.0-beta1
New features in 1.2
Keyboard input
Allow the end user to type the date in the input in addition to selecting it from the dropdown calendar.
The feature is enabled by default, and you can customize the parsing by implementing the i18n.parseDate
function. To disable keyboard input, set i18n.parseDate
to undefined
.
document.querySelector("vaadin-date-picker").set('i18n.parseDate', function(dateString) {
// Parse the 'dateString' and return a new Date object if a match is found
});
Min and max date limits
Prevent the end user from selecting dates before or after certain dates.
<vaadin-date-picker min="2016-01-01" max="2016-12-31"></vaadin-date-picker>
Week numbers
Optionally show week numbers in the dropdown calendar (only for locales where week starts on Monday).
<vaadin-date-picker show-week-numbers></vaadin-date-picker>
Changes since v1.2.0-alpha2
Features
- Better keyboard UX. Not only the input is focusable, but buttons and scroller
so that tab and escape behaviour are more expectable. - Support for placeholder text (
placeholder
attribute is now forwarded to the internal paper-input) - Better documentation
- Using custom iconset instead of importing all the iron-icons collection
- Disable today button when today is out of min/max limits
- Performance improvement: Render only visible items on open, and lazy populate the scroller
Fixes
- There were a bunch of flaky tests failing now and then
- Added new tests for scroller
- Position scroller correctly when opened
- Some CSS fixes
v1.2.0-alpha2 — Keyboard Input, Accessibility
Changes since v1.2.0-alpha1
New feature: keyboard input
- Allows the end user to type the date as a string in the input field
- The input works also as a search for the calendar dropdown, scrolling the dropdown to the correct place if a date is parseable from the input
- The date string parser can changed be providing a custom
i18n.parseDate
function (to use Sugar.js for example) - Keyboard input is disabled on small viewports (“fullscreen mode”) and on all iOS devices
- To disable the keyboard input in all cases, set the
i18n.parseDate
property toundefined
Accessibility Improvements
- Added WAI-ARIA markup
- Added full date announce when focused date changes in the overlay
Other Fixes
- Improved week numbers UX
- Fixed week numbers in years 0-99
- IE11 native clear icon is hidden
v1.2.0-alpha1 – Min/Max Dates, Week Numbers
Notable Changes:
- Min/Max Date limits are now supported
show-week-numbers
property added- Improvements on the touch scrolling
v1.1.4
Changes:
- Removed deprecated Angular 2 directive. Please use angular2-polymer instead.
- Added support for
errorMessage
(#224). - Keyboard input is prevented for the input field (#225).
v1.1.3
v1.1.2 – Annotations added
v1.1.2
v1.1.1
Changes since v1.1.0:
- Fixed year/month scroller relation computing