refactor: Remove Momentjs dependency. Datetime allows use of String, Number and JS Dates instead.

Author: rstoenescu

dev/components/components/chat.vue

@@ -20,7 +20,8 @@
 </template>
 
 <script>
-import moment from 'moment'
+import { format } from 'quasar'
+const { formatDate } = format
 
 export default {
   data () {
@@ -169,7 +170,7 @@ export default {
           text: [this.message],
           sent: true,
           avatar: '/statics/linux-avatar.png',
-          stamp: moment().format('HH:mm')
+          stamp: formatDate(new Date(), 'HH:mm')
         })
       }
     }

dev/components/form/datetime-range.vue

@@ -57,25 +57,25 @@
 </template>
 
 <script>
-import moment from 'moment'
+const day = new Date('2016-10-24T10:40:14.674Z')
 
 export default {
   data () {
     return {
       first: {
-        min: moment('2016-10-24T10:40:14.674Z').subtract(5, 'days').format(),
-        max: moment('2016-10-24T10:40:14.674Z').add(4, 'hours').add(10, 'minutes').add(1, 'day').add(1, 'month').format(),
+        min: new Date(day).setDate(day.getDate() - 5),
+        max: new Date(new Date(new Date(day).setDate(day.getDate() + 1)).setHours(day.getHours() + 4)).setMinutes(day.getMinutes() + 10),
         range: {
-          from: moment('2016-10-24T10:40:14.674Z').subtract(3, 'days').format(),
-          to: moment('2016-10-24T10:40:14.674Z').add(4, 'hours').add(10, 'minutes').add(1, 'month').format()
+          from: new Date(day).setDate(day.getDate() - 3),
+          to: new Date(new Date(new Date(day).setMonth(day.getMonth() + 1)).setHours(day.getHours() + 4)).setMinutes(day.getMinutes() + 10)
         }
       },
       second: {
-        min: moment().hour(3).minute(15).format(),
-        max: moment().hour(22).minute(32).format(),
+        min: new Date(new Date().setHours(3)).setMinutes(15),
+        max: new Date(new Date().setHours(22)).setMinutes(32),
         range: {
-          from: '',
-          to: ''
+          from: null,
+          to: null
         }
       }
     }

dev/components/form/datetime.vue

@@ -152,6 +152,9 @@
       <p class="caption">Date & Time</p>
       <q-inline-datetime v-model="model" type="datetime"></q-inline-datetime>
 
+      <p class="caption">Date - Monday as First</p>
+      <q-inline-datetime v-model="model" monday-first type="date"></q-inline-datetime>
+
       <p class="caption">Disabled State</p>
       <q-inline-datetime disable v-model="model" type="datetime"></q-inline-datetime>
 
@@ -165,15 +168,17 @@
 </template>
 
 <script>
-import moment from 'moment'
+const day = new Date('2016-10-24T10:40:14.674Z')
 
 export default {
   data () {
     return {
-      model: '2016-09-18T10:45:00.000Z',
-      minMaxModel: '2016-10-24T10:40:14.674Z',
-      min: moment('2016-10-24T10:40:14.674Z').subtract(5, 'days').format(),
-      max: moment('2016-10-24T10:40:14.674Z').add(4, 'hours').add(10, 'minutes').add(1, 'month').format()
+      // model: '2016-09-18T10:45:00.000Z',
+      model: undefined,
+
+      minMaxModel: day,
+      min: new Date(day).setDate(day.getDate() - 5),
+      max: new Date(new Date(day).setHours(day.getHours() + 4)).setMonth(day.getMonth() + 1)
     }
   }
 }

dev/main.js

@@ -3,12 +3,8 @@ require('../src/themes/quasar.' + __THEME + '.styl')
 import Vue from 'vue'
 import Quasar, * as Everything from 'quasar'
 import router from './router'
-import moment from 'moment'
 
 Vue.use(Quasar, {
-  deps: {
-    moment
-  },
   components: Everything,
   directives: Everything
 })

package.json

@@ -71,7 +71,6 @@
     "html-webpack-plugin": "^2.22.0",
     "json-loader": "^0.5.4",
     "material-design-icons": "^3.0.1",
-    "moment": "^2.15.1",
     "opn": "^4.0.2",
     "parse5": "^2.1.0",
     "postcss-loader": "^1.0.0",
@@ -90,7 +89,7 @@
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.1",
     "url-loader": "^0.5.7",
-    "vue": "^2.2.6",
+    "vue": "^2.3.0",
     "vue-loader": "11.1.4",
     "vue-router": "^2.0.0",
     "vue-style-loader": "^2.0.0",
@@ -101,6 +100,6 @@
     "webpack-merge": "^4.1.0"
   },
   "peerDependencies": {
-    "vue": "^2.2.0"
+    "vue": "^2.3.0"
   }
 }

src/components/data-table/plugins/sort/sort.js

@@ -1,10 +1,7 @@
-import { moment } from '../../../../deps'
-
 const sortMethod = {
   string: (a, b) => a.localeCompare(b),
   number: (a, b) => a - b,
   date: (a, b) => (new Date(a)) - (new Date(b)),
-  moment: (a, b) => moment(a) - moment(b),
   boolean: (a, b) => {
     if (a && !b) { return -1 }
     if (!a && b) { return 1 }