enh: add possibility to define previous/next date icons in pickers (#…

…2709)

* enh: add possibility to define previous/next date icons in pickers

fixes #2123

* changed prop names

src/components/VDatePicker/VDatePicker.date.spec.js

@@ -403,4 +403,17 @@ test('VDatePicker.js', ({ mount, compileToFunctions }) => {
     wrapper.setProps({ type: 'date' })
     expect(wrapper.vm.activePicker).toBe('YEAR')
   })
+
+  it('should use prev and next icons', () => {
+    const wrapper = mount(VDatePicker, {
+      propsData: {
+        prependIcon: 'block',
+        appendIcon: 'check'
+      }
+    })
+
+    const icons = wrapper.find('.picker--date__header-selector .icon')
+    expect(icons[0].element.textContent).toBe('block')
+    expect(icons[1].element.textContent).toBe('check')
+  })
 })

src/components/VDatePicker/VDatePicker.js

@@ -51,6 +51,10 @@ export default {
       type: [Array, Object, Function],
       default: () => (null)
     },
+    appendIcon: {
+      type: String,
+      default: 'chevron_right'
+    },
     // Function formatting the day in date picker table
     dayFormat: {
       type: Function,
@@ -74,6 +78,10 @@ export default {
       type: Function,
       default: null
     },
+    prependIcon: {
+      type: String,
+      default: 'chevron_left'
+    },
     // Function formatting currently selected date in the picker title
     titleDateFormat: {
       type: Function,

src/components/VDatePicker/VDatePicker.month.spec.js

@@ -247,4 +247,18 @@ test('VDatePicker.js', ({ mount, compileToFunctions }) => {
     wrapper.setProps({ type: 'year' })
     expect(wrapper.vm.activePicker).toBe('YEAR')
   })
+
+  it('should use prev and next icons', () => {
+    const wrapper = mount(VDatePicker, {
+      propsData: {
+        type: 'month',
+        prependIcon: 'block',
+        appendIcon: 'check'
+      }
+    })
+
+    const icons = wrapper.find('.picker--date__header-selector .icon')
+    expect(icons[0].element.textContent).toBe('block')
+    expect(icons[1].element.textContent).toBe('check')
+  })
 })

src/components/VDatePicker/mixins/date-header.js

@@ -52,11 +52,11 @@ export default {
         'class': 'picker--date__header-selector'
       }, [
         this.genBtn(keyValue - 1, [
-          this.$createElement('v-icon', 'chevron_left')
+          this.$createElement('v-icon', this.prependIcon)
         ]),
         this.genHeader(keyValue, selectorText),
         this.genBtn(keyValue + 1, [
-          this.$createElement('v-icon', 'chevron_right')
+          this.$createElement('v-icon', this.appendIcon)
         ])
       ])
     }