add datepicker

Author: adenvt

package-lock.json

@@ -50,6 +50,7 @@
     "vue": "^2.5.16",
     "vue-chartjs": "^3.3.2",
     "vue-router": "^3.0.1",
+    "vuejs-datepicker": "^1.5.2",
     "vuex": "^3.0.1"
   },
   "pre-commit": [

package.json

@@ -2,12 +2,28 @@
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import Vue from 'vue'
 import BootstrapVue from 'bootstrap-vue'
+import Datepicker from 'vuejs-datepicker'
+import { id } from 'vuejs-datepicker/dist/locale'
 import App from './App'
 import router from './router'
 import store from './store'
 
 Vue.use(BootstrapVue)
 
+Vue.component('b-datepicker', {
+  extends: Datepicker,
+  props  : {
+    bootstrapStyling: {
+      type   : Boolean,
+      default: true,
+    },
+    language: {
+      type   : Object,
+      default: () => id,
+    },
+  },
+})
+
 window.Vue = new Vue({
   el        : '#app',
   router    : router,

public/mix-manifest.json

@@ -162,6 +162,13 @@
               type="date"
               id="date"/>
           </b-form-group>
+          <b-form-group
+            label="Datepicker"
+            :label-cols="3"
+            :horizontal="true">
+            <b-datepicker
+              v-model="datepicker"/>
+          </b-form-group>
           <b-form-group
             description="Please enter your email"
             label="Email Input"
@@ -1462,7 +1469,8 @@ export default {
   name: 'Forms',
   data () {
     return {
-      selected: [], // Must be an array reference!
+      selected  : [], // Must be an array reference!
+      datepicker: new Date(),
     }
   },
   methods: {