@dimailn/vuetify 2.7.2-alpha3 → 2.7.2-alpha32

package/src/components/VDatePicker/VDatePickerYears.ts

@@ -6,17 +6,16 @@ import Localable from '../../mixins/localable'
 
 // Utils
 import {
-  createItemTypeNativeListeners,
   createNativeLocaleFormatter,
 } from './util'
-import { mergeListeners } from '../../util/mergeData'
 import mixins, { ExtractVue } from '../../util/mixins'
+import { breaking } from '../../util/console'
 
 // Types
-import Vue, { VNode, PropType } from 'vue'
+import { VNode, PropType, h } from 'vue'
 import { DatePickerFormatter } from 'vuetify/types'
 
-interface options extends Vue {
+interface options {
   $el: HTMLElement
 }
 
@@ -39,7 +38,7 @@ export default mixins<options &
     min: [Number, String],
     max: [Number, String],
     readonly: Boolean,
-    value: [Number, String],
+    modelValue: [Number, String],
   },
 
   data () {
@@ -54,6 +53,18 @@ export default mixins<options &
     },
   },
 
+  created () {
+    const breakingProps = [
+      ['value', 'modelValue'],
+      ['onInput', 'onUpdate:modelValue'],
+    ]
+
+    /* istanbul ignore next */
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)
+    })
+  },
+
   mounted () {
     setTimeout(() => {
       const activeItem = this.$el.getElementsByClassName('active')[0]
@@ -72,21 +83,19 @@ export default mixins<options &
   methods: {
     genYearItem (year: number): VNode {
       const formatted = this.formatter(`${year}`)
-      const active = parseInt(this.value, 10) === year
+      const active = parseInt(this.modelValue, 10) === year
       const color = active && (this.color || 'primary')
 
       return h('li', this.setTextColor(color, {
         key: year,
         class: { active },
-        on: mergeListeners({
-          click: () => this.$emit('input', year),
-        }, createItemTypeNativeListeners(this, ':year', year)),
+        onClick: () => this.$emit('update:modelValue', year),
       }), formatted)
     },
 
     genYearItems (): VNode[] {
       const children = []
-      const selectedYear = this.value ? parseInt(this.value, 10) : new Date().getFullYear()
+      const selectedYear = this.modelValue ? parseInt(this.modelValue, 10) : new Date().getFullYear()
       const maxYear = this.max ? parseInt(this.max, 10) : (selectedYear + 100)
       const minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : (selectedYear - 100))