allow function as a prop in DateInput

charliekassel · Apr 28, 2018 · 19f16fc · 19f16fc
1 parent 97e74fd
commit 19f16fc
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -10,6 +10,7 @@ A datepicker Vue component. Compatible with Vue 2.x
 - [Demo](#demo)
 - [Install](#install)
 - [Usage](#usage)
+- [Date Formatting](#date-formatting)
 - [Props](#available-props)
 - [Events](#events)
 - [Disabled dates](#disabled-dates)

diff --git a/src/components/DateInput.vue b/src/components/DateInput.vue
@@ -37,7 +37,7 @@ import DateUtils from '../utils/DateUtils'
 export default {
   props: {
     selectedDate: Date,
-    format: String,
+    format: [String, Function],
     translation: Object,
     inline: Boolean,
     id: String,

diff --git a/test/unit/specs/DateInput/DateInput.spec.js b/test/unit/specs/DateInput/DateInput.spec.js
@@ -59,4 +59,11 @@ describe('DateInput', () => {
     })
     expect(wrapper.find('input').attributes().disabled).toBeDefined()
   })
+
+  it('accepts a function as a formatter', () => {
+    wrapper.setMethods({
+      format: () => '!'
+    })
+    expect(wrapper.find('input').element.value).toEqual('!')
+  })
 })