fix(dateinput): Display initial value of typeable calendar

mst101 · Nov 18, 2022 · cc0acdf · cc0acdf
1 parent 0ce5cb4
commit cc0acdf
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 4 deletions.
diff --git a/src/components/DateInput.vue b/src/components/DateInput.vue
@@ -138,10 +138,13 @@ export default {
         }
       })
     },
-    selectedDate(selectedDate) {
-      if (this.typeable) {
-        this.typedDate = this.formatDate(selectedDate)
-      }
+    selectedDate: {
+      immediate: true,
+      handler(selectedDate) {
+        if (this.typeable) {
+          this.typedDate = this.formatDate(selectedDate)
+        }
+      },
     },
   },
   mounted() {

diff --git a/test/unit/specs/DateInput/typedDates.spec.js b/test/unit/specs/DateInput/typedDates.spec.js
@@ -258,6 +258,29 @@ describe('Datepicker mounted', () => {
   })
 })
 
+describe('Datepicker mounted with a default value', () => {
+  let wrapper
+
+  beforeEach(() => {
+    wrapper = mount(Datepicker, {
+      propsData: {
+        typeable: true,
+        value: new Date(new Date(2000, 0, 1).setHours(0, 0, 0, 0)),
+      },
+    })
+  })
+
+  afterEach(() => {
+    wrapper.destroy()
+  })
+
+  it('displays a date passed in as a default value', async () => {
+    const input = wrapper.find('input')
+
+    expect(input.element.value).toEqual('01 Jan 2000')
+  })
+})
+
 describe('Datepicker mounted with showCalendarOnFocus', () => {
   let wrapper