Close #602 Add month and year change events

CHANGELOG.md

@@ -6,6 +6,7 @@
 
 * **Add nuxt-buefy on docs**, [see here](https://buefy.github.io/#/documentation/start) (thanks @anteriovieira)
 * #581 Add ``is-row-checkable`` prop to table (thanks @jvmonjo)
+* #602 Add ``changeMonth`` and ``changeYear`` events to datepicker
 * #609 Add ``is-full-page`` prop to loading, to limit it to its container (thanks @adrlen)
 * #610 Add ``visible`` prop to tabItem
 

docs/pages/components/datepicker/api/datepicker.js

@@ -162,6 +162,23 @@ export default [
                 description: 'Footer',
                 props: '—'
             }
+        ],
+        events: [
+            {
+                name: '<code>input</code>',
+                description: 'Triggers when value is changed',
+                parameters: '<code>value: Date</code>'
+            },
+            {
+                name: '<code>changeMonth</code>',
+                description: 'Triggers when calendar month is changed',
+                parameters: '<code>month: Number(0-11)</code>'
+            },
+            {
+                name: '<code>changeYear</code>',
+                description: 'Triggers when calendar year is changed',
+                parameters: '<code>year: Number</code>'
+            }
         ]
     }
 ]

src/components/datepicker/Datepicker.vue

@@ -339,6 +339,16 @@
                 this.dateSelected = value
 
                 !this.isValid && this.$refs.input.checkHtml5Validity()
+            },
+
+            /*
+            * Emit input event on month and/or year change
+            */
+            'focusedDateData.month'(value) {
+                this.$emit('changeMonth', value)
+            },
+            'focusedDateData.year'(value) {
+                this.$emit('changeYear', value)
             }
         },
         methods: {