feat(datepicker): Let invalid open-date default to today

Author: mst101

src/components/Datepicker.vue

@@ -276,7 +276,8 @@ export default {
       return this.initialView || this.minimumView
     },
     computedOpenDate() {
-      const openDateOrToday = this.utils.getNewDateObject(this.openDate || null)
+      const parsedOpenDate = this.parseValue(this.openDate)
+      const openDateOrToday = this.utils.getNewDateObject(parsedOpenDate)
       const openDate = this.selectedDate || openDateOrToday
 
       // If the `minimum-view` is `month` or `year`, convert `openDate` accordingly

test/unit/specs/Datepicker/openDate.spec.js

@@ -12,11 +12,50 @@ describe('Datepicker shallowMounted', () => {
     wrapper.destroy()
   })
 
-  it("shows today's date if no open date is set", () => {
+  it("defaults to today's date if no open date is set", () => {
     const today = new Date()
     expect(wrapper.vm.pageDate.getMonth()).toEqual(today.getMonth())
     expect(wrapper.vm.pageDate.getFullYear()).toEqual(today.getFullYear())
   })
+
+  it("defaults to today's date when invalid", async () => {
+    const today = new Date()
+
+    await wrapper.setProps({
+      openDate: 'invalid',
+    })
+
+    expect(wrapper.vm.pageDate.getMonth()).toEqual(today.getMonth())
+    expect(wrapper.vm.pageDate.getFullYear()).toEqual(today.getFullYear())
+  })
+
+  it('accepts an instance of a date object', async () => {
+    await wrapper.setProps({
+      openDate: new Date(2016, 9, 12),
+    })
+
+    expect(wrapper.vm.pageDate.getMonth()).toEqual(9)
+    expect(wrapper.vm.pageDate.getFullYear()).toEqual(2016)
+  })
+
+  it('accepts a string value', async () => {
+    await wrapper.setProps({
+      openDate: '2016-10-12',
+      useUtc: true,
+    })
+
+    expect(wrapper.vm.pageDate.getMonth()).toEqual(9)
+    expect(wrapper.vm.pageDate.getFullYear()).toEqual(2016)
+  })
+
+  it('accepts a timestamp value', async () => {
+    await wrapper.setProps({
+      openDate: new Date(2016, 9, 12).valueOf(),
+    })
+
+    expect(wrapper.vm.pageDate.getMonth()).toEqual(9)
+    expect(wrapper.vm.pageDate.getFullYear()).toEqual(2016)
+  })
 })
 
 describe('Datepicker shallowMounted with open date', () => {
@@ -35,11 +74,6 @@ describe('Datepicker shallowMounted with open date', () => {
     wrapper.destroy()
   })
 
-  it('accepts an instance of a date object', () => {
-    expect(wrapper.vm.pageDate.getMonth()).toEqual(9)
-    expect(wrapper.vm.pageDate.getFullYear()).toEqual(2016)
-  })
-
   it("sets pageTimestamp to be first day of open date's month", () => {
     const date = new Date(wrapper.vm.pageTimestamp)
     expect(wrapper.vm.openDate.valueOf()).toEqual(openDate.valueOf())