Added helpers classes

Author: ManukMinasyan

src/Demo.vue

@@ -10,6 +10,7 @@
                              :is-date-range="true"
                              :is-multiple="true"
                              :calendars-count="2"
+                             :marked-date-range="{start: '22.4.2019', end: '24.4.2019'}"
                              ref="calendar"
         ></functional-calendar>
         <blockquote>
@@ -79,7 +80,7 @@
 
     .demo-calendar {
         margin: 80px 50px;
-        width: 635px
+        width: 735px
     }
 
     pre {

src/assets/scss/calendar.scss

@@ -230,7 +230,7 @@ input.vfc-single-input {
                   }
 
                   &.vfc-marked {
-                    &.borderd {
+                    &.vfc-borderd, &.vfc-start-marked, &.vfc-end-marked {
                       &:before {
                         background: transparent;
                       }

src/components/FunctionalCalendar.vue

@@ -623,12 +623,22 @@
                         classes.push('vfc-marked');
                     }
 
+                    if(this.fConfigs.markedDates.includes(day.date)){
+                        classes.push('vfc-borderd');
+                    }
+
                     // Date Range Marked
                     if (this.fConfigs.markedDateRange.start && this.fConfigs.markedDateRange.end) {
                         if (helpCalendar.getDateFromFormat(this.fConfigs.markedDateRange.start) <= helpCalendar.getDateFromFormat(day.date)
                             && helpCalendar.getDateFromFormat(this.fConfigs.markedDateRange.end) >= helpCalendar.getDateFromFormat(day.date)) {
                             classes.push('vfc-marked');
                         }
+
+                        if(day.date === this.fConfigs.markedDateRange.start){
+                            classes.push('vfc-start-marked');
+                        }else if(day.date === this.fConfigs.markedDateRange.end){
+                            classes.push('vfc-end-marked');
+                        }
                     } else {
 
                         // Only After Start Marked
@@ -660,15 +670,15 @@
                 }
 
                 if(day.date === this.calendar.dateRange.start){
-                    classes.push('vfc-start-date')
+                    classes.push('vfc-start-marked');
                 }
 
                 if(day.date === this.calendar.dateRange.end){
-                    classes.push('vfc-end-date')
+                    classes.push('vfc-end-marked');
                 }
 
-                if(day.date === this.calendar.dateRange.start || day.date === this.calendar.dateRange.end || day.date === this.calendar.selectedDate){
-                    classes.push('borderd');
+                if(day.date === this.calendar.selectedDate){
+                    classes.push('vfc-borderd')
                 }
 
                 return classes;