Sunday Start Functionality Fixes

Author: ManukMinasyan

package.json

@@ -6,7 +6,7 @@
   },
   "name": "vue-functional-calendar",
   "description": "A style-uninstallable datepicker component for Vue.js",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -76,15 +76,15 @@
     "sass-resources-loader": "^1.3.4",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.2",
+    "terser": "3.14.1",
     "thread-loader": "^1.2.0",
     "vue-loader": "^15.4.2",
     "vue-style-loader": "^4.1.2",
-    "vue-template-compiler": "^2.5.21",
-    "terser": "3.14.1"
+    "vue-template-compiler": "^2.5.21"
   },
   "resolutions": {
-	"terser": "3.14.1"
-	},
+    "terser": "3.14.1"
+  },
   "eslintConfig": {
     "root": true,
     "env": {

src/Demo.vue

@@ -1,9 +1,10 @@
 <template>
     <div>
         <functional-calendar class="demo-calendar"
+                             :sunday-start="true"
                              :change-month-function="true"
                              :change-year-function="true"
-                             :is-date-range="true"
+                             :is-date-picker="true"
                              ref="calendar"
         ></functional-calendar>
         <button @click="preYear">Pre Year</button>

src/components/FunctionalCalendar.vue

@@ -250,8 +250,9 @@
                 // Sunday Start
                 if (this.fConfigs.sundayStart) {
                     let dayNames = this.fConfigs.dayNames;
+                    console.log(dayNames);
                     let sundayName = dayNames[dayNames.length - 1];
-
+                    console.log(sundayName);
                     dayNames.splice(dayNames.length - 1, 1);
                     dayNames.unshift(sundayName);
                 }
@@ -670,7 +671,7 @@
                     }
                 }
 
-                if(day.date === this.calendar.dateRange.start || day.date === this.calendar.dateRange.end){
+                if(day.date === this.calendar.dateRange.start || day.date === this.calendar.dateRange.end || day.date === this.calendar.selectedDate){
                     classes.push('borderd');
                 }
 

src/mixins/propsAndData.js

@@ -88,7 +88,7 @@ export const propsAndData = {
         },
         dayNames: {
             type: Array,
-            default: () => ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']
+            default: () => ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su']
         },
         monthNames: {
             type: Array,