Fixed Few Features

Author: ManukMinasyan

package.json

@@ -6,7 +6,7 @@
   },
   "name": "vue-functional-calendar",
   "description": "A style-uninstallable datepicker component for Vue.js",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "license": "MIT",
   "repository": {
     "type": "git",

src/Demo.vue

@@ -2,17 +2,15 @@
     <div>
         <functional-calendar class="demo-calendar"
                              :sunday-start="true"
-                             :is-modal="true"
+                             :is-modal="false"
                              :date-format="'dd.mm.yyyy'"
                              :change-month-function="true"
                              :change-year-function="true"
-                             :is-date-picker="true"
+                             :is-date-range="true"
+                             :is-multiple="true"
+                             :calendars-count="2"
                              ref="calendar"
         ></functional-calendar>
-        <button @click="preYear">Pre Year</button>
-        <button @click="nextYear">Next Year</button>
-        <button @click="preMonth">Pre Month</button>
-        <button @click="nextMonth">Next Month</button>
         <blockquote>
           <pre>
             <code>
@@ -79,7 +77,7 @@
 
     .demo-calendar {
         margin: 80px 50px;
-        width: 435px
+        width: 635px
     }
 
     pre {

src/components/FunctionalCalendar.vue

@@ -85,15 +85,13 @@
                                     class='c-title-anchor'
                                     :name='getTransition_()' appear>
                                 <div class="vfc-week" v-for="(week, week_key) in calendar.weeks" :key="week_key+0">
-
                                     <div class="vfc-day" v-for="(day, day_key) in week.days" :key="day_key">
                                         <span :data-date="day.day" :key="day_key"
                                               :class="getClassNames(day)"
                                               @click="clickDay(day)"
                                               @mouseover="dateMouseOver(week_key, day.date)">
                                         </span>
                                     </div>
-
                                 </div>
                             </transition-group>
                         </div>
@@ -219,8 +217,8 @@
                     this.input.dateRange.start = val = helpCalendar.mask(val);
                     if (helpCalendar.getDateFromFormat(val).getMonth()) {
                         this.calendar.dateRange.start = val;
-                        this.pickYear(helpCalendar.getDateFromFormat(val).getFullYear());
-                        this.pickMonth(helpCalendar.getDateFromFormat(val).getMonth());
+                        // this.pickYear(helpCalendar.getDateFromFormat(val).getFullYear());
+                        // this.pickMonth(helpCalendar.getDateFromFormat(val).getMonth());
                         this.markChooseDays();
                     }
                 }
@@ -230,8 +228,8 @@
                     this.input.dateRange.end = val = helpCalendar.mask(val);
                     if (helpCalendar.getDateFromFormat(val).getMonth()) {
                         this.calendar.dateRange.end = val;
-                        this.pickYear(helpCalendar.getDateFromFormat(val).getFullYear());
-                        this.pickMonth(helpCalendar.getDateFromFormat(val).getMonth());
+                        // this.pickYear(helpCalendar.getDateFromFormat(val).getFullYear());
+                        // this.pickMonth(helpCalendar.getDateFromFormat(val).getMonth());
                         this.markChooseDays();
                     }
                 }
@@ -250,9 +248,7 @@
                 // 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);
                 }
@@ -382,6 +378,7 @@
                 if (dateDay === -1) {
                     dateDay = 6;
                 }
+
                 let dayOfWeekString = this.fConfigs.dayNames[dateDay];
                 if (this.fConfigs.disabledDayNames.includes(dayOfWeekString)) {
                     return false;
@@ -433,7 +430,6 @@
                     });
                 } else if (this.fConfigs.isDatePicker) {
                     this.calendar.selectedDate = item.date;
-
                     this.$emit('input', this.calendar);
                 }
 

src/mixins/propsAndData.js

@@ -146,20 +146,15 @@ export const propsAndData = {
 
                 applyStylesheet: true,
 
-                // markedDates: ['10/12/2018', '12/12/2018'], // Simple
-                // With Custom Classes
-                markedDates: [
-                    {date: '10/1/2019', class: 'marked-class'},
-                    {date: '12/1/2019', class: 'marked-class-2'}
-                ],
+                markedDates: [],
                 markedDateRange: {
                     start: false,
                     end: false
                 },
 
                 limits: false,
 
-                disabledDates: ['10/12/2018'],
+                disabledDates: [],
                 disabledDayNames: [],
 
                 dayNames: [],