Added new classes for start and end dates

ManukMinasyan · ManukMinasyan · commit 37d035709f9b · 2019-04-12T12:30:03.000+04:00
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
   },
   "name": "vue-functional-calendar",
   "description": "A style-uninstallable datepicker component for Vue.js",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/src/assets/scss/calendar.scss b/src/assets/scss/calendar.scss
@@ -217,10 +217,6 @@ input.vfc-single-input {
                   border-radius: 50%;
                   margin: 0 auto;
 
-                  &.borderd {
-
-                  }
-
                   &.vfc-today {
                     background-color: #ff8498;
 
diff --git a/src/components/FunctionalCalendar.vue b/src/components/FunctionalCalendar.vue
@@ -667,6 +667,14 @@
                     }
                 }
 
+                if(day.date === this.calendar.dateRange.start){
+                    classes.push('vfc-start-date')
+                }
+
+                if(day.date === this.calendar.dateRange.end){
+                    classes.push('vfc-end-date')
+                }
+
                 if(day.date === this.calendar.dateRange.start || day.date === this.calendar.dateRange.end || day.date === this.calendar.selectedDate){
                     classes.push('borderd');
                 }

Original file line number	Diff line number	Diff line change
`@@ -667,6 +667,14 @@`
`667`	`667`	`}`
`668`	`668`	`}`
`669`	`669`
	`670`	`+ if(day.date === this.calendar.dateRange.start){`
	`671`	`+ classes.push('vfc-start-date')`
	`672`	`+ }`
	`673`	`+`
	`674`	`+ if(day.date === this.calendar.dateRange.end){`
	`675`	`+ classes.push('vfc-end-date')`
	`676`	`+ }`
	`677`	`+`
`670`	`678`	`if(day.date === this.calendar.dateRange.start \|\| day.date === this.calendar.dateRange.end \|\| day.date === this.calendar.selectedDate){`
`671`	`679`	`classes.push('borderd');`
`672`	`680`	`}`