Switch to using Chrome-style for ColorPicker component
MODIFY
resources/assets/js/app.js
resources/assets/js/app.js
@@ -2,7 +2,7 @@ window.axios = require('axios')
window.Vue = require('vue')
-Vue.component('sketch-picker', require('vue-color').Sketch)
+Vue.component('chrome-picker', require('vue-color').Chrome)
Vue.component('datepicker', require('./components/DatePicker.vue'))
Vue.component('barchart', require('./components/BarChart.vue'))

MODIFY
resources/assets/js/components/ColorPicker.vue
resources/assets/js/components/ColorPicker.vue
<template>
<div>
<input type="hidden" name="color" :value="colorWithoutHashtag" />
- <sketch-picker v-model="color" disable-alpha="true"></sketch-picker>
+ <chrome-picker v-model="color" disable-alpha="true" disable-fields="true"></chrome-picker>
</div>
</template>

Switch to using Chrome-style for ColorPicker component