Merge pull request #5 from MadMikeyB/master

Bump version number and style enhancements.

Author: ManukMinasyan

README.md

@@ -150,6 +150,13 @@ export default {
 }
 ````
 
+### A note on markDates
+
+The `markDates` and `markDatesMore` properties **must** be in JavaScript Date format, e.g, no leading zeroes on month and days. 
+
+✅ Correct: 2019/1/16
+❎ Incorrect: 2019/01/16
+
 ### API
 
 | Attributes           | Description                                                        | Whether it must pass |
@@ -171,6 +178,6 @@ For example: <FunctionalCalendar ref="Calendar"></FunctionalCalendar>
 
 ## Other
 * The following Demo.vue has a demo for reference.
-* If there are other issues or versions, functionally incompatible mail communication manuk.minasyan1@gmail.com
+* If there are other issues or versions, or functionally incompatible issues, please email manuk.minasyan1@gmail.com
 
 To develop this package, I used the component vue-calendar-component.

package.json

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

src/components/FunctionalCalendar.vue

@@ -384,13 +384,20 @@
                     classNames.push('wh_isMark_disabled');
                 }
 
+                // Disable days of week if set in configuration
+                let dayOfWeekString = this.fConfigs.dayNames[new Date(item.date).getDay()];
+
+                if (this.fConfigs.disabledDayNames.includes(dayOfWeekString)) {
+                    classNames.push('cursor-disallowed');
+                    classNames.push('wh_other_dayhide');
+                }
+
                 return classNames;
             },
             clickDay: function (item) {
 
                 // Disable days of week if set in configuration
-                let dayOfWeek = new Date(item.date).getDay();
-                let dayOfWeekString = this.fConfigs.dayNames[dayOfWeek];
+                let dayOfWeekString = this.fConfigs.dayNames[new Date(item.date).getDay()];
 
                 if (this.fConfigs.disabledDayNames.includes(dayOfWeekString)) {
                     return false;
@@ -632,6 +639,9 @@
                     this.fConfigs.isModal = this.isModal;
 
                     this.fConfigs.applyStylesheet = this.applyStylesheet;
+
+                    this.fConfigs.disabledDayNames = this.disabledDayNames;
+                    this.fConfigs.disableMarkDates = this.disableMarkDates;
                 }