feat/disable_dates (#9)

* temp

* feat: disable dates

* added disabled

* version bump

Author: liloow

README.md

@@ -87,17 +87,19 @@ Emits events
 
 ## Available props
 
-| Prop           | Type    | Default | Description                                                                                                           |
-| :------------- | :------ | :------ | :-------------------------------------------------------------------------------------------------------------------- |
-| days           | Number  | 365     | Number of days to append                                                                                              |
-| months         | Number  | 12      | Numbers of months to append (has precedence over `days` if custom set)                                                |
-| years          | Number  | 0       | Number of years to append and enable year mode (see [Demo](#demo) )                                                   |
-| prependedYears | Number  | 0       | Number of years to preppend. **Note:** this prop is ignored if years is not set                                       |
-| prepended      | Number  | 1       | Number of month to preppend                                                                                           |
-| pastIsDisabled | Boolean | true    | Allows the selection of alreay past days and predend the days of `prepended` months                                   |
-| fullMonths     | Boolean | false   | Weither or not to always use complete months (i.e. `days=1` if set to `true` the whole month is going to be appended) |
-| accentColor    | String  | #00008b | Set the accent color (`HEX` or `CSS color names`)                                                                     |
-| lang           | String  | EN      | Language (see available in [Transations](#Translation))                                                               |
+| Prop            | Type    | Default | Description                                                                                                           |
+| :-------------- | :------ | :------ | :-------------------------------------------------------------------------------------------------------------------- |
+| days            | Number  | 365     | Number of days to append                                                                                              |
+| months          | Number  | 12      | Numbers of months to append (has precedence over `days` if custom set)                                                |
+| years           | Number  | 0       | Number of years to append and enable year mode (see [Demo](#demo) )                                                   |
+| prependedYears  | Number  | 0       | Number of years to preppend. **Note:** this prop is ignored if years is not set                                       |
+| prependedMonths | Number  | 1       | Number of month to preppend                                                                                           |
+| disabledWeekDays| Object  | {}      | Disable a specific week day by setting it's day number to true. ie. `{0: true}` will disable sundays                  |
+| disabledDates   | Array   | []      | Disable a specific date. Format of the day should be a string `YYYY-MM-DD` ie. `['2018-01-01']`                       |
+| pastIsDisabled  | Boolean | true    | Allows the selection of alreay past days and predend the days of `prepended` months                                   |
+| fullMonths      | Boolean | false   | Weither or not to always use complete months (i.e. `days=1` if set to `true` the whole month is going to be appended) |
+| accentColor     | String  | #00008b | Set the accent color (`HEX` or `CSS color names`)                                                                     |
+| lang            | String  | EN      | Language (see available in [Transations](#Translation))                                                               |
 
 ## Events
 

demo/index.html

@@ -9,13 +9,17 @@ <h1 style="backgroundColor: #00008bb0;"> All default</h1>
   <div class="container-fluid">
     <noyear></noyear>
   </div>
+  <h1 style="backgroundColor: #00bcd4b0;"> Sunday Disabled</h1>
+  <div class="container-fluid">
+    <byebyesunday :disabled-week-days="{0:true}" accent-color="#00bcd4"></byebyesunday>
+  </div>
   <h1 style="backgroundColor: #dbde1bb0;"> 18 Full Months </h1>
   <div class="container-fluid">
     <noyearcustom :days=2 :months=18 :full-months=true accent-color="#dbde1b"></noyearcustom>
   </div>
-  <h1 style="backgroundColor: #f44336b0;"> Year Mode 5 Years </h1>
+  <h1 style="backgroundColor: #f44336b0;">Year Enabled Next 3 days disabled </h1>
   <div class="container-fluid">
-    <year :years=5 accent-color="#f44336"></year>
+    <year :years=5 :disabled-dates="[`${y}-${m}-${d + 1}`,`${y}-${m}-${d + 2}`,`${y}-${m}-${d + 3}`]" accent-color="#f44336"></year>
   </div>
   <h1 style="backgroundColor: #8bc34ab0;"> Past Dates 11 Months</h1>
   <div class="container-fluid">
@@ -28,10 +32,20 @@ <h1 style="backgroundColor: #372838b0;"> Past Dates + Year Mode 3 years back 5 a
 </div>
 
 <script>
+  const today = new Date()
+
   new Vue({
+    data() {
+      return {
+        m: today.getMonth(),
+        d: today.getDate(),
+        y: today.getFullYear(),
+      }
+    },
     components: {
       noyear: draggableCal,
       year: draggableCal,
+      byebyesunday: draggableCal,
       noyearcustom: draggableCal,
       pastenabled: draggableCal,
       pastenabledyears: draggableCal,