All notable changes to this project will be documented in this file. See release-please for commit guidelines.
- datepicker: Make from/to dates inclusive
- dateinput: Arrow down from input (0fa129a)
- dateinput: Convert span to button (16fbac7)
- dateinput: Don't close calendar on input blur (8e02f3b)
- dateinput: Emit
typed-date
event on keyup (c14e718) - dateinput: format typeable inputs on blur (#44) (53f1e8f)
- dateinput: Only validate typed date on blur/enter (1a1d3aa)
- dateinput: Remove deprecated icon props (19f3dda)
- dateinput: Toggle via space bar (50240be)
- dateinput: Update typedDate when selectedDate changes (9d227db)
- datepicker: Add prop to append calendar to body (#37) (ca8d021)
- datepicker: Add prop to determine first-day-of-week (#41) (78abc56)
- datepicker: Add transition on toggle (aa6a95c)
- datepicker: Add transition on view change (db98efb)
- datepicker: Apply highlighted-start and -end to ranges (1f6771f)
- datepicker: Build an array of navElements to focus trap (5bbf131)
- datepicker: Close on losing focus (150d72c)
- datepicker: Determine which cell is tabbable initially (f26a376)
- datepicker: Don't select date on
typed-date
event (fe7b189) - datepicker: Emit a
changed
event (0e8712a) - datepicker: Emit input event on valid typedDate (3ac6d5b)
- datepicker: Exclude non-tabbable slot elements from focus trap (bedc3b8)
- datepicker: Exclude non-tabbable slot elements from focus trap (bf63a79)
- datepicker: Focus correct element on close (8807c91)
- datepicker: Focus correct element on open (22ebd1d)
- datepicker: Focus correct element on view change (4154a72)
- datepicker: Focus prev/next buttons on click (4931fa2)
- datepicker: Handle scroll direction on typed-date (889c4e9)
- datepicker: Keep track of
latestValidTypedDate
(a39a97c) - datepicker: Keep track of tabbable-cell (824f711)
- datepicker: Let invalid
open-date
default to today (5c9fdf6) - datepicker: Make
focus
&blur
events refer to entire datepicker (1ea96fe) - datepicker: Make from/to dates inclusive (c63a968)
- datepicker: Remove superfluous selected-disabled event (49d5f38)
- datepicker: Reset default page date on close (b0a1fa2)
- datepicker: Revert to open date/close on escape (55a23c0)
- datepicker: Revert to open date/close on escape (7c26eb3)
- datepicker: Select a date on pressing enter (26ea7a1)
- datepicker: Select a typed date on losing focus (850006b)
- datepicker: Set
isActive
when calendar is focused (540cb34) - datepicker: Set
pageDate
whenlatestValidTypedDate
changes (7596aac) - datepicker: Set correct transition on typed date (186ca0f)
- datepicker: Slide correct way on reverting to open date (074e359)
- datepicker: Tab through focus-trapped navElements (f04ecf0)
- datepicker: Tabbing to/from an inline datepicker (52ad18a)
- datepicker: Update tabbable cell on focus change (47bc71d)
- datepicker: Watch for changes to
disabled-dates
(3455f25) - datepicker: Watch for whether
value
date is disabled (cbdde98) - demo: Add a slots example to the demo page (9c4d603)
- demo: Add date-fns example (1490a4f)
- docs: Upgrade integrations (ed78e87)
- format: change overall formatting rules to match date-fns (ebc2792)
- input: add html input attributes autofocus/maxlength/pattern (3dee8ee)
- input: add prop to only open on button click (fb6fc85)
- input: Add slot for calendar icons (#75) (6b9600a)
- navMixin: Update
tabbableCell
withlatestValidTypedDate
(3478953) - picker-day: add dayCelltContent slot (#95) (6e7c86f)
- pickercells: Convert span to button (8bb136d)
- pickercells: Handle arrow keys (26d29ee)
- pickerheader: Arrow keys on prev/up/next buttons (da51292)
- picker: Replace blank days with dates from previous / next months (#46) (b14b611)
- pickers: Add slide transition on page change (618e3d3)
- pickers: Extract UpButton.vue & convert span to button (36192b2)
- pickers: Let pickerMonth/Year know today's date (a5b7e1b)
- pickers: Let pickers know the open date (4e910e2)
- pickeryear: add yearPickerRange prop (fe5d305)
- project: add custom parser (bcdc8ce)
- project: Minify UMD and IIFE builds (3b6cd1c)
- project: Rename build output extensions to .cjs/.mjs (be8562f)
- project: Rename CSS file to
style.css
(1e8325a) - project: Update deps (#167) (a5fc7a2)
- style: Add a dark mode to datepicker (2769dec)
- style: highlight today (e45b92d)
- utils: Extend
compareDates
method to allow nulls (50b2a3d)
- dateinput: Check keystroke before parsing typed date (fd12854)
- dateinput: Display initial value of
typeable
calendar (cc0acdf) - dateinput: Don't fire
handleKeyup
unless typeable (5e0a7c1) - dateinput: Don't fire typed-date event on escape (3b20fa4)
- dateinput: get keycode more reliable (9d790da)
- dateinput: Ignore keyup on Ctrl key (90f1f41)
- datepicker:
parseValue
method must return a date or null (64460f2) - datepicker: Allow multiple highlighted ranges (81165c4)
- datepicker: Arrow to page when destination & beyond disabled (11198cb)
- datepicker: Clear date via delete/backspace key (e8eb64f)
- datepicker: Clear inline date via del/backspace (0ecf308)
- datepicker: Clear inline date with click (1675da6)
- datepicker: Close on selecting date when
show-calendar-on-focus
andtypeable
are true (91b035c) - datepicker: Close on selecting date when
show-calendar-on-focus
andtypeable
are true (556d2b3) - datepicker: Compute nextView up/down correctly (069afcc)
- datepicker: Disable show-calendar-on-focus when show-calendar-on-button-click is true (d89ea19)
- datepicker: Don't clear date on escape (2336cd7)
- datepicker: Don't emit
input
ifvalue
date is disabled (dd9dd89) - datepicker: Fix comment (ebe3ecd)
- datepicker: Fix day content slot regression (#118) (7b543ea)
- datepicker: Fix typos (978eb8e)
- datepicker: Focusable elements in
calendarFooter
slot (fbc3b46) - datepicker: Focusable elements in before/afterDateInput slots (7e757e8)
- datepicker: Focusable elements in slots (634a477)
- datepicker: Initial focus when opening calendar (515b4fc)
- datepicker: JSDoc for setValue method (a2c71fc)
- datepicker: Keyboard navigation for web-components (5a7be1e)
- datepicker: Make highlighted to/from work like disabled-dates (f801b8b)
- datepicker: One datepicker open at a time (b4544d6)
- datepicker: Only focus-trap buttons in
PickerHeader()
(fc17a15) - datepicker: Only focus-trap input field in
DateInput
(2931c7b) - datepicker: Only position leaving cells absolutely (585dc96)
- datepicker: Param for
selectTypedDate()
may be null, but not undefined (5aefbfd) - datepicker: Refine which slot elements are focusable (654654c)
- datepicker: Remove hours/minutes/(milli)seconds from pageDate (abe95e5)
- datepicker: Reopen via
show-calendar-on-focus
after click outside (a993287) - datepicker: reset typeable date (#79) (b828dfd)
- datepicker: Resolve bug for when `append-to-body = true (e2ee8de)
- datepicker: Set
pageDate
to January foryear
view (57520b4) - datepicker: Set dates to 1st January in year view (d4efe50)
- datepicker: Set focus when open date is disabled (42ece33)
- datepicker: Set initial value of
latestValidTypedDate
tocomputedOpenDate
(#161) (f933715) - datepicker: Set typed date to null if zero length (e483f0d)
- datepicker: Update openDate with selectedDate (a23d494)
- dateutils: issue with typeable date on dayless format (3a69f2e)
- dateutils: Require
format
function when using customparser
(a1b70d2) - dateutils: Use 3rd party parser if provided (963571b)
- dateutils: Use correct UTC year when parsing dates (1200975)
- demo: Remove
append-to-body
for fixed positions (47cde8f) - demo: Remove
append-to-body
from default example (9319081) - demo: Remove append-to-body (514cfd0)
- demo: Remove append-to-body from default datepicker (decffd9)
- demo: Remove nbsp; (aa7d6cc)
- demo: Remove v-model from format datepicker (3c46603)
- disableddates: resolve all years are disabled for
from
(252602b) - docu: resolve wrong docu for show-calendar-on-button-click (3c0a8cb)
- e2e: Select when NOT minimum view (f685891)
- format: resolve formatDate replacements overlapping (79eafa5)
- formatting: resolve custom formatting fn error (a1197be)
- html: move inline styles into classes to fix csp issue (23e78f9)
- input: remove console warn if id is not set (fdc03b5)
- input: resolve flicker on showCalendarByFocus (#82) (e10daab)
- pickerday: Fix bug in
isPreviousDisabled
/isNextDisabled
(a9c9394) - pickerday: Only highlight selected edge date if shown (f30b53f)
- pickerday: Only highlight today if edge dates shown (e3eece1)
- pickerheader: Prevent click on prev/next when disabled (e52bb06)
- pickerheader: Reorder prev/next buttons when rtl (d4ab12c)
- pickerheader: Stop disabled dates from closing calendar on next/prev (d61647c)
- picker: isseu with default date in disabled range (01a947d)
- picker: Make highlighted disabled text blue (#62) (feb32b1)
- pickermixin: Arrow to partially disabled month or years (bf68b64)
- picker: Next decade button is disabled (#52) (ea6e793)
- pickers: Fix UTC issue with
isToday
flag (662db4c) - pickers: No need for cellWrapper ref (yet) (527c0fc)
- picker: Style/tweak stylesheet colours (#47) (78f331e)
- pickers: Use a method, not computed prop, for today's date (4206775)
- pickeryear: Emphasize the current year (fbb29f6)
- pickeryear: Right position trailing cells (e159622)
- popup: Remove unnecessary $nextTick (124af71)
- project: add polyfills and use ie11 compatible function (#25) (523bccd)
- project: make the commonjs bundle build correct again (#99) (677228d)
- project: use null value to prevent empty attributes (7964c88)
- style: Inherit correct calendar width (#116) (021d4e6)
- style: Make focus outline pixel perfect (9fc2a53)
- style: resolve styles in production (84dc2af)
- typeable: Do emit
input
whentypedDate
is selected (15335f7) - typeable: Do not emit
input
whentypedDate
changes (b558cf4) - typeable: Set correct initial value of
latestValidTypedDate
(054b0fe) - utils: resolve issue with formatting (ab2e54a)
- release 6.0.0 (945b355)
5.0.0 (2023-05-06)
- dateinput: Emit
typed-date
event on keyup (c14e718) - dateinput: Remove deprecated icon props (19f3dda)
- dateinput: Update typedDate when selectedDate changes (9d227db)
- datepicker: Apply highlighted-start and -end to ranges (1f6771f)
- datepicker: Don't select date on
typed-date
event (fe7b189) - datepicker: Emit a
changed
event (0e8712a) - datepicker: Emit input event on valid typedDate (3ac6d5b)
- datepicker: Exclude non-tabbable slot elements from focus trap (bedc3b8)
- datepicker: Exclude non-tabbable slot elements from focus trap (bf63a79)
- datepicker: Handle scroll direction on typed-date (889c4e9)
- datepicker: Keep track of
latestValidTypedDate
(a39a97c) - datepicker: Let invalid
open-date
default to today (5c9fdf6) - datepicker: Make
focus
&blur
events refer to entire datepicker (1ea96fe) - datepicker: Select a date on pressing enter (26ea7a1)
- datepicker: Select a typed date on losing focus (850006b)
- datepicker: Set
pageDate
whenlatestValidTypedDate
changes (7596aac) - datepicker: Watch for changes to
disabled-dates
(3455f25) - datepicker: Watch for whether
value
date is disabled (cbdde98) - demo: Add a slots example to the demo page (9c4d603)
- demo: Add date-fns example (1490a4f)
- navMixin: Update
tabbableCell
withlatestValidTypedDate
(3478953) - project: Update deps (#167) (a5fc7a2)
- utils: Extend
compareDates
method to allow nulls (50b2a3d)
- dateinput: Display initial value of
typeable
calendar (cc0acdf) - dateinput: Don't fire typed-date event on escape (3b20fa4)
- dateinput: Ignore keyup on Ctrl key (90f1f41)
- datepicker:
parseValue
method must return a date or null (64460f2) - datepicker: Allow multiple highlighted ranges (81165c4)
- datepicker: Close on selecting date when
show-calendar-on-focus
andtypeable
are true (91b035c) - datepicker: Close on selecting date when
show-calendar-on-focus
andtypeable
are true (556d2b3) - datepicker: Don't emit
input
ifvalue
date is disabled (dd9dd89) - datepicker: JSDoc for setValue method (a2c71fc)
- datepicker: Keyboard navigation for web-components (5a7be1e)
- datepicker: Make highlighted to/from work like disabled-dates (f801b8b)
- datepicker: One datepicker open at a time (b4544d6)
- datepicker: Only focus-trap buttons in
PickerHeader()
(fc17a15) - datepicker: Only focus-trap input field in
DateInput
(2931c7b) - datepicker: Param for
selectTypedDate()
may be null, but not undefined (5aefbfd) - datepicker: Remove hours/minutes/(milli)seconds from pageDate (abe95e5)
- datepicker: Set
pageDate
to January foryear
view (57520b4) - datepicker: Set initial value of
latestValidTypedDate
tocomputedOpenDate
(#161) (f933715) - dateutils: Require
format
function when using customparser
(a1b70d2) - dateutils: Use 3rd party parser if provided (963571b)
- dateutils: Use correct UTC year when parsing dates (1200975)
- demo: Remove append-to-body (514cfd0)
- demo: Remove nbsp; (aa7d6cc)
- demo: Remove v-model from format datepicker (3c46603)
- pickerday: Fix bug in
isPreviousDisabled
/isNextDisabled
(a9c9394) - pickers: Fix UTC issue with
isToday
flag (662db4c) - pickers: Use a method, not computed prop, for today's date (4206775)
- typeable: Do emit
input
whentypedDate
is selected (15335f7) - typeable: Do not emit
input
whentypedDate
changes (b558cf4) - typeable: Set correct initial value of
latestValidTypedDate
(054b0fe)
4.0.0 (2022-02-25)
- datepicker: Add keyboard support
- datepicker: add e2e tests
- pickers: Add slide transition on page change (618e3d3)
- datepicker: Add transition on toggle (aa6a95c)
- datepicker: Add transition on view change (db98efb)
- css renamed inline to vdp-datepicker__calendar--inline (41c081)
- dateinput: Don't fire
handleKeyup
unless typeable (5e0a7c1) - datepicker: Set typed date to null if zero length (e483f0d)
- datepicker: Update openDate with selectedDate (a23d494)
- pickerday: Only highlight selected edge date if shown (f30b53f)
- pickerday: Only highlight today if edge dates shown (e3eece1)
- pickerheader: Prevent click on prev/next when disabled (e52bb06)
- pickerheader: Reorder prev/next buttons when rtl (d4ab12c)
- pickerheader: Stop disabled dates from closing calendar on next/prev (d61647c)
- pickeryear: Emphasize the current year (fbb29f6)
- pickeryear: Right position trailing cells (e159622)
- style: Inherit correct calendar width (#116) (021d4e6)
- style: Make focus outline pixel perfect (9fc2a53)
3.2.3 (2021-08-04)
- project: failed the release for 3.2.2 which has much more changes and breaking changes in it. This is a rerelease with only the correct change from 3.2.2
3.2.2 (2021-07-29)
- style: resolve styles in production (84dc2af)
3.2.1 (2021-05-25)
3.2.0 (2021-05-11)
3.1.0 (2021-02-08)
- disableddates: resolve all years are disabled for
from
(252602b) - input: resolve flicker on showCalendarByFocus (#82) (e10daab)
3.0.1 (2021-01-18)
- dateutils: issue with typeable date on dayless format (3a69f2e)
- picker: isseu with default date in disabled range (01a947d)
3.0.0 (2020-12-16)
- Checkout the Migration Guide
- dateinput: format typeable inputs on blur (#44) (53f1e8f)
- datepicker: Add prop to append calendar to body (#37) (ca8d021)
- datepicker: Add prop to determine first-day-of-week (#41) (78abc56)
- picker: Replace blank days with dates from previous / next months (#46) (b14b611)
- pickeryear: add yearPickerRange prop (fe5d305)
- picker: Make highlighted disabled text blue (#62) (feb32b1)
- picker: Next decade button is disabled (#52) (ea6e793)
- picker: Style/tweak stylesheet colours (#47) (78f331e)
2.1.3 (2020-11-16)
- date: resolve typeable date time (96d5b8e)
2.1.2 (2020-10-05)
- format: resolve formatDate replacements overlapping (79eafa5)
- html: move inline styles into classes to fix csp issue (23e78f9)
2.1.1 (2020-08-12)
2.1.0 (2020-07-09)
- input: add html input attributes autofocus/maxlength/pattern (3dee8ee)
2.0.0 (2020-04-27)
The default formatter should now be more reliable but comes with a few changes:
- The property
format
as a function now requires an additional propertyparser
which handles the exact opposite check out the updated documentation - The default formatting has slightly changed to match the formatting rules of other formatters like date-fns
su
-> o
for st, rd, nd, th additions
D
-> E
for the day of the week
- format: change overall formatting rules to match date-fns (ebc2792)
- project: add custom parser (bcdc8ce)
1.1.1 (2020-03-19)
- docu: resolve wrong docu for show-calendar-on-button-click (3c0a8cb)
- formatting: resolve custom formatting fn error (a1197be)
- project: use null value to prevent empty attributes (7964c88)
1.1.0 (2020-01-27)
- input: add prop to only open on button click (fb6fc85)
- input: remove console warn if id is not set (fdc03b5)
1.0.3 (2020-01-13)
- project: resolve vue-runtime issue (34ad34d)
1.0.2 (2019-12-05)
- doc: resolve components not build for doc (d8f06f9)
- view: resolve layout error for rtl languages (4f6be9e)
1.0.0 (2019-08-16)
- project: use umd file format for languages
- input: resolve wrong date model for typeable
- project: remove not used event listener
- picker: resolve issues with incorrect time
- picker: highlight dates without time
- project: adjust coding style to company styles
- project: add standard-version
- project: update dependencies
- project: use disable utils
- project: extract css in own file (Breaking-change)
- picker: add auto-alignment
- picker: add fixed picker position
- picker: add show-header prop to hide the header if necessary
- picker: add tabIndex
- picker: use kebab-case event names (Breaking-change)
- slot: add footer slot
- slot: customize picker header icons
- slot: add before dateInput
- languages: add new languages
- doc: use vuepress for documentation and demo site