fix: export dayjs

Author: farnabaz

demo/pages/index.vue

@@ -17,7 +17,7 @@
 
 <script>
 import { VuecRangeInput, VuecSingleInput } from '../../src';
-import date from '../../src/date';
+import dayjs from '../../src/date';
 
 export default {
   components: {
@@ -26,8 +26,8 @@ export default {
   },
   data() {
     return {
-      now: date(),
-      maxDate: date().add(26, 'day'),
+      now: dayjs(),
+      maxDate: dayjs().add(26, 'day'),
     };
   },
 };

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@alibaba-aero/vuec",
+  "name": "@alibaba-aero/vue-calendar",
   "version": "0.0.1",
   "description": "Vue Calendar",
   "main": "dist/vuec.cjs.min.js",

src/components/core/calendar.vue

@@ -43,7 +43,7 @@
 </template>
 
 <script>
-import idate from '../../date';
+import dayjs from '../../date';
 
 import VuecMonth from './month.vue';
 import DefaultDayView from './default-day.vue';
@@ -75,7 +75,7 @@ export default {
     },
     date: {
       type: Object,
-      default: () => idate(),
+      default: () => dayjs(),
     },
     visibleMonths: {
       type: Number,
@@ -116,7 +116,7 @@ export default {
       const map = {};
 
       this.selections.forEach((item) => {
-        const month = idate(item, 'YYYY/MM/DD').format('YYYY/MM');
+        const month = dayjs(item, 'YYYY/MM/DD').format('YYYY/MM');
         map[month] = map[month] || [];
         map[month].push(item);
         return map;
@@ -127,20 +127,20 @@ export default {
     months() {
       const months = [];
 
-      let date = idate(this.Xdate);
+      let date = dayjs(this.Xdate);
 
       if (this.showPreviousWeeks) {
         date.startOf('Month');
       }
 
-      const end = idate(this.Xdate).add(this.visibleMonths - 1, 'Month').endOf('Month');
+      const end = dayjs(this.Xdate).add(this.visibleMonths - 1, 'Month').endOf('Month');
 
       while (date.isBefore(end)) {
         const monthKey = date.format('YYYY/MM');
 
         months.push({
           title: date.format('MMMM'),
-          date: idate(date),
+          date: dayjs(date),
           selections: this.monthSelections[monthKey],
         });
 

src/components/core/default-day.vue

@@ -7,8 +7,6 @@
 </template>
 
 <script>
-// import { formatDate } from '../../utils';
-
 export default {
   props: {
     date: {
@@ -22,7 +20,7 @@ export default {
   },
   computed: {
     formattedDate() {
-      return this.date.format('D'); // formatDate(this.date, 'D', true);
+      return this.date.format('D');
     },
   },
 };

src/components/core/month.vue

@@ -42,7 +42,7 @@
 </template>
 
 <script>
-import idate from '../../date';
+import dayjs from '../../date';
 
 import DayView from './day.vue';
 import DefaultDayView from './default-day.vue';
@@ -100,8 +100,8 @@ export default {
       const activeMonth = this.date.month();
       const monthKey = this.date.format('YYYY/MM');
       // move to start of week if it's not
-      let date = idate(this.date).startOf('Month').startOf('week');
-      const end = idate(this.date).endOf('Month');
+      let date = dayjs(this.date).startOf('Month').startOf('week');
+      const end = dayjs(this.date).endOf('Month');
 
       const days = [];
 
@@ -113,7 +113,7 @@ export default {
           days.push({
             disabled: true,
             hide: date.month() !== activeMonth,
-            date: idate(date),
+            date: dayjs(date),
             data: this.adapter({
               date,
               dayKey,
@@ -128,7 +128,7 @@ export default {
               dayKey,
               monthKey,
             }) || {},
-            date: idate(date),
+            date: dayjs(date),
             selected: this.selection.indexOf(dayKey) !== -1,
           });
         }

src/components/index.js

@@ -1,4 +1,4 @@
-export { default as idate } from '../date';
+export { default as dayjs } from '../date';
 
 // Core components
 export { default as VuecCalendar } from './core/calendar.vue';

src/components/range-input.vue

@@ -42,7 +42,7 @@
 <script>
 import VuecSelectRange from './select-range.vue';
 import IconClose from './icons/close.vue';
-import idate from '../date';
+import dayjs from '../date';
 
 export default {
   components: {
@@ -96,15 +96,15 @@ export default {
     },
   },
   data() {
-    const [fromDate = idate(), toDate = idate()] = this.value;
+    const [fromDate = dayjs(), toDate = dayjs()] = this.value;
     return {
       visible: this.open,
       temporaryDisableClickListen: false,
       fromDate,
       toDate,
       dates: [
-        idate(fromDate),
-        idate(toDate),
+        dayjs(fromDate),
+        dayjs(toDate),
       ],
     };
   },
@@ -141,8 +141,8 @@ export default {
       $event.stopPropagation();
     },
     onSelectionChange(selections) {
-      this.fromDate = idate(selections[0]);
-      this.toDate = idate(selections[selections.length - 1]);
+      this.fromDate = dayjs(selections[0]);
+      this.toDate = dayjs(selections[selections.length - 1]);
       this.$emit('input', [
         this.fromDate,
         this.toDate,

src/components/single-input.vue

@@ -24,7 +24,7 @@
 
 <script>
 import VuecSingleSelect from './select-single.vue';
-import idate from '../date';
+import dayjs from '../date';
 
 export default {
   components: {
@@ -68,8 +68,8 @@ export default {
     return {
       visible: this.open,
       temporaryDisableClickListen: false,
-      fromDate: idate(),
-      toDate: idate(),
+      fromDate: dayjs(),
+      toDate: dayjs(),
       dates: [],
     };
   },
@@ -106,8 +106,8 @@ export default {
       $event.stopPropagation();
     },
     onSelectionChange(selections) {
-      this.fromDate = idate(selections[0], 'YYYY/MM/DD');
-      this.toDate = idate(selections[selections.length - 1], 'YYYY/MM/DD');
+      this.fromDate = dayjs(selections[0], 'YYYY/MM/DD');
+      this.toDate = dayjs(selections[selections.length - 1], 'YYYY/MM/DD');
       this.$emit('input', [
         this.fromDate,
         this.toDate,