wip

package.json

@@ -23,6 +23,7 @@
     "list.js": "^1.5.0",
     "lodash": "^4.17.5",
     "marked": "^0.3.12",
+    "moment": "^2.20.1",
     "tachyons": "^4.9.1",
     "typeahead.js": "^0.11.1",
     "vue": "^2.5.13",

public/mix-manifest.json

@@ -1,6 +1,6 @@
 {
-    "/js/app.js": "/js/app.js?id=438a8a1c10b86c317df9",
+    "/js/app.js": "/js/app.js?id=c6b4cb9a2ed915474bc8",
     "/css/app.css": "/css/app.css?id=b715f2b5161aa9e796f2",
     "/css/stripe.css": "/css/stripe.css?id=b5558190ef4a3ff3c475",
-    "/js/stripe.js": "/js/stripe.js?id=4b8c6fe2a3ba6213b4fc"
+    "/js/stripe.js": "/js/stripe.js?id=3b89fc412789feef5083"
 }

resources/assets/js/app.js

@@ -27,9 +27,6 @@ import 'vue-directive-tooltip/css/index.css';
 Vue.use(Tooltip);
 
 // Calendar
-// import VCalendar from 'v-calendar';
-// import 'v-calendar/lib/v-calendar.min.css';
-// Vue.use(VCalendar);
 import Datepicker from 'vuejs-datepicker';
 Vue.use(Datepicker);
 

resources/assets/js/components/partials/form/Date.vue

@@ -3,14 +3,7 @@
 
 <template>
   <div>
-    <!-- <v-date-picker
-        mode='single'
-        v-model='selectedDate'
-        id="birthdate"
-        :input-read-only="true"
-        :input-class="'br2 f5 w-100 ba b--black-40 pa2 outline-0'">
-    </v-date-picker> -->
-    <datepicker :value="defaultDate"
+    <datepicker :value="selectedDate"
                 :name="id"
                 :format="format"
                 :input-class="'br2 f5 ba b--black-40 pa2 outline-0'">
@@ -28,6 +21,7 @@
         data() {
             return {
                 format: 'yyyy-MM-dd',
+                selectedDate: ''
             };
         },
 
@@ -39,6 +33,10 @@
          * Prepare the component (Vue 2.x).
          */
         mounted() {
+            this.selectedDate = new Date()  // this creates a date object in the user's timezone
+            this.selectedDate.setYear(this.defaultDate.slice(0, 4))
+            this.selectedDate.setMonth(parseInt(this.defaultDate.slice(5, 7)) - 1)  // months a indexed at 0 in js
+            this.selectedDate.setDate(this.defaultDate.slice(8, 10))
         },
 
         props: {