vuetify 1.0.0-beta.5

v1.0.0-beta.5

on Node.js NPM

Documentation

https://next.vuetifyjs.com

NEW STORE https://next.vuetifyjs.com/en/store

New Features

• #2991 #3008 #2945 v-date-picker has received numerous updates and feature implementations. Can now watch the internal month/year with picker-date.sync. Save/Cancel have been abstracted and put into v-edit-dialog. All pickers now support a new width and full-width props which will allow developers to make responsive implementations. Added min and max props to v-date-picker and v-time-picker for easier restricting the allowed values (v-date-picker additionally forbids navigating to dates outside the min/max)
• 991c262 Theme colors can now be three-digit hex

Upgrade guide

• v-date-picker's allowedDates prop now accepts only functions. If you used an array as a prop's value change the markup from :allowed-dates="arrayOfDates" to :allowed-dates="date => arrayOfDates.includes(date)". If you were using object { min: minDate, max: maxDate } use the new min and max props: :min="minDate" :max="maxDate". min and max props not only disable dates outside of the allowed range but additionally restrict the year selection and disallow navigating to the months outside of the range

• v-time-pickers's allowedHours and allowedMinutes props now accepts only functions. The upgrade steps are similar to v-date-picker, the difference is that new min and max props refer to the time as a whole (not hours and minutes separately), so it's now trivial to restrict the allowed values for example from 9:30 to 16:00.

• Save/cancel functionality has been removed from pickers. To keep this feature in your project you need to add :return-value.sync="date" prop to v-menu or v-dialog and just close the menu when "cancel" button is pressed or call this.$refs.MENU_REF.save(date) when "OK" button is pressed. See the diff for updated date picker example. The v-edit-dialog has been refactored to use the same mechanism. It is also possible to use it without adding ref to menu/dialog. Additionally autosave prop has been removed from v-time-picker, updated time picker example shows how to use a new @change event instead.

• v-data-table no-data and no-results slots with a top level <td> will need to apply the attribute colspan: 100% in order to achieve the same look as previous versions

• v-data-table default header align is now left. Right alignment is specific for numbers and should now be explicitly defined using the align property in the headers object.

Breaking changes

• #2504 The v-data-table no-data and no-results slots now accept <tr> and <td>'s
• v-data-table's default header align is now left.
• #3029 Refactored allowed-hours/allow-minutes of v-time-picker and allowed-dates of v-date-picker to only accept functions.

Things we changed

• f629416 Adjusted the logic for v-navigation-drawer route watcher. Will not re-open on a route change if not active now
• #3054 all files under vuetify/es5 now use commonJS instead of ES2015 modules (thanks @ishitatsuyuki)

Things we fixed

• 575d717 Fixed a bug where in certain environments, v-scroll would throw an error during hot reloading
• be7fef1 Fixed a bug where v-btn was not properly watching click events when used as a router-link. This would cause the v-btn to maintain highlighting when clicking to a new route
• cb1c3c3 Added missing transition inheritance for v-jumbotron
• be0418c Fixed a bug where v-date-picker pad util was using the wrong bitwise operator
• c02bb83 Fixed a bug where the focused state of v-chip was not correct in IE11
• #3077 Fixed improper transition from hint to error in all input controls
• #2617 Converted v-expansion-panel to use the registrable mixin. v-expansion-panel-content no longer has to be a direct child
• #2754 Fixed a bug where using an array of objects in the items prop for v-select would compare the wrong properties when being tabbed to
• #2995 Fixed a bug where no error was given when using invalid colors in the theme object (introduced in beta.3)
• #2996 Fixed a bug where v-btn and v-btn-toggle were not applying the correct styling when using dynamic colors
• #2998 Fixed a bug where in some cases masking would throw a ReferenceError (thanks @sorinsarca)
• #3014 Hooked up functionality for the hide-slider prop in v-tabs
• #3021 Fixed a bug where click-outside was not being registered properly for various components
• #3042 Refactored inToHex function to no longer use .padStart due to support issues
• #3061 Fixed a bug where right prop on v-tabs didn't align the tabs to the right
• #3072 Fixed a bug where v-text-field was not working properly in IE11 when using unsupported attributes
• #3002 Fixed an incorrect stylus import in es5/index.js