IsTypeable, bug fixes

Author: ManukMinasyan

src/Demo.vue

@@ -8,6 +8,7 @@
                              :change-month-function="true"
                              :is-typeable="true"
                              :change-year-function="true"
+                             :is-date-picker="false"
                              :is-date-range="true"
                              :is-multiple="false"
                              :calendars-count="2"
@@ -56,7 +57,12 @@
         data() {
             return {
                 calendarData: {},
-                calendarData2: {},
+                calendarData2: {
+                    dateRange: {
+                        start: '19.4.2019',
+                        end: '25.4.2019'
+                    }
+                },
                 calendar: {
                     dateRange: {
 

src/assets/js/calendar.js

@@ -39,6 +39,15 @@ export default {
 
         return new Date(date[year], date[month] - 1, date[day]);
     },
+    checkValidDate(val){
+        val = this.getDateFromFormat(val);
+
+        if(val != "Invalid Date"){
+            return true;
+        }
+
+        return false;
+    },
     getWeeksInMonth(month, year) {
         let weeks = [],
             firstDate = new Date(year, month, 1),

src/components/FunctionalCalendar.vue

@@ -220,6 +220,11 @@
                         this.calendar.selectedDate = val;
                         this.markChooseDays();
                     }
+
+                    // Typeable
+                    if(helpCalendar.checkValidDate(val) && this.fConfigs.isTypeable) {
+                        this.ChooseDate(val);
+                    }
                 }
             },
             'input.dateRange.start': {
@@ -229,6 +234,11 @@
                         this.calendar.dateRange.start = val;
                         this.markChooseDays();
                     }
+
+                    // Typeable
+                    if(helpCalendar.checkValidDate(val) && this.fConfigs.isTypeable) {
+                        this.ChooseDate(val);
+                    }
                 }
             },
             'input.dateRange.end': {
@@ -238,6 +248,11 @@
                         this.calendar.dateRange.end = val;
                         this.markChooseDays();
                     }
+
+                    // Typeable
+                    if(helpCalendar.checkValidDate(val) && this.fConfigs.isTypeable) {
+                        this.ChooseDate(val);
+                    }
                 }
             }
         },
@@ -250,15 +265,6 @@
                 helpCalendar.configs.dayNames = this.fConfigs.dayNames;
                 helpCalendar.configs.monthNames = this.fConfigs.monthNames;
 
-
-                // Sunday Start
-                if (this.fConfigs.sundayStart) {
-                    let dayNames = this.fConfigs.dayNames;
-                    let sundayName = dayNames[dayNames.length - 1];
-                    dayNames.splice(dayNames.length - 1, 1);
-                    dayNames.unshift(sundayName);
-                }
-
                 this.setCalendarData();
                 this.listRendering();
                 this.markChooseDays();
@@ -313,6 +319,14 @@
                     // New Date
                     this.calendar.currentDate = this.newCurrentDate;
                 }
+
+                // Sunday Start
+                if (this.fConfigs.sundayStart) {
+                    let dayNames = this.fConfigs.dayNames;
+                    let sundayName = dayNames[dayNames.length - 1];
+                    dayNames.splice(dayNames.length - 1, 1);
+                    dayNames.unshift(sundayName);
+                }
             },
             listRendering() {
                 let vm = this;