vuetifyjs/vuetify v3.4.0-beta.0

on GitHub

Documentation: https://dev.vuetifyjs.com/

• VBottomSheet, VDataIterator, VDataTable, VDatePicker, VInfiniteScroll, VOtpInput, VSkeletonLoader, and VStepper have been moved from labs. vuetify/labs imports for these components should be changed to vuetify/components, or removed entirely if you're using auto-imports.
  • No further breaking changes are planned.
• Browser support has been updated, 2 years of chrome/firefox/safari: https://dev.vuetifyjs.com/en/getting-started/browser-support/
  • We're using some new(ish) CSS features so older browsers are no longer supported even with polyfills
• VVirtualScroll has been rewritten to better support variable height items, please report any new problems with this or other components that utilise it like VSelect.
• VDataTable and VDatePicker have received some pretty major changes recently, these need to be tested before we're comfortable calling them fully stable.

🚀 Features

• expose util/colors (dafc148), closes #16346
• update browser support (7f3c472)
• date: add ability to pass custom formats (#18375) (3c75ca0)
• date: promote from labs (a5c857e)
• VBanner: add bg-color prop (#18094) (511c9aa), closes #17124
• VBottomSheet: promote from labs (707c058)
• VBtn|VListItem: add slim prop (#17562) (788a583)
• VDataIterator: promote from labs (1f9ea81)
• VDataTable: promote from labs (6c3f833)
• VDataTable: add sort and filter functions to headers (#18590) (72598d2), closes #17588
• VDataTable: infer headers from first item if not provided (15e7dd3)
• VDataTable: add headerProps/rowProps/cellProps (#18589) (0c87f70), closes #16648 #16991
• VDataTable: add 'body.prepend', 'body.append' slots (#18472) (f28ef5b), closes #17128
• VDataTable: add generic '*:row' events (6bb8b38), closes #18197
• VDataTable: nested headers object structure (#18512) (fc84e78), closes #18484
• VDatePicker: promote from labs (8507e5b)
• VDatePicker: extract ok/cancel into separate component (#18575) (ec69622), closes #2945
• VDatePicker: refactor structure (#18558) (5c1b302)
• VDatePicker: remove variant prop (cab3545)
• VExpansionPanels: add static prop (#18014) (51f3c14)
• VImg: add object-position (397daa9), closes #16089
• VInfiniteScroll: promote from labs (08e1fb9)
• VInput: add hide-spin-buttons prop (#17936) (ea92424)
• VInput: expose isValid and errorMessages (32968db), closes #17502
• VOtpInput: promote from labs (6ac63d3), closes #16458
• VPicker: add hideHeader prop (7cdabd4)
• VSkeletonLoader: promote from labs (a1867e8)
• VSnackbar: add text prop (44ee8ed)
• VStepper: promote from labs (fd76fd3)

🔧 Bug Fixes

• date: expose adapter on this.$vuetify (bcf21dc)
• date: count null as a valid date (d604929)
• locale: update Italian translations (#18551) (1d3b0cd)
• VDataTable: use theme surface color for group header rows (#18544) (aeabb45), closes #18543
• VDataTable: only emit options once on search change (ac46a9a)
• VDatePicker: generic props (6b4b0fc)
• VDatePicker: update on external changes, emit Date object (efc65ef)
• VDatePicker: show number of selected dates in header (92bda78)
• VDatePicker: use adapter to setYear on date (99d42b0)
• VDatePicker: viewMode button active state rotation (cb1f6ab)
• VDatePicker: use monthShort for month formatting (cc0f01a)
• VField: correct height for compact/comfortable densities (#18025) (7a24848), closes #17898 #17837
• VImg: update size before emitting load event (f885881)
• VOtpInput: limit length when type=number (#18585) (dc1a98b)
• VOtpInput: modify onInput value after focusIndex check (e8abb2f)
• VOtpInput: infinite loop when pressing multiple keys at once (a13b554), closes #18548
• VOtpInput: maintain focus after input completion (ecaea86), closes #18016
• VOtpInput: Display numeric keyboard when type is number (#18560) (3ffe9c5), closes #18000
• VPicker: import sass variables (f8237ce)
• VVirtualScroll: use a dynamic window size, cache offsets (#18392) (8a71a7d), closes #18198 #17801