Add min-date and max-date props

Author: mariomka

README.md

@@ -64,7 +64,7 @@ Vue.extend({
 <datetime v-model="date"></datetime>
 ```
 
-### Full
+### Complete
 
 ```html
 <datetime v-model="date"
@@ -75,6 +75,8 @@ Vue.extend({
           placeholder="Select date"
           locale="es"
           :disabled-dates="['2017-09-07', ['2017-09-25', '2017-10-05']]"
+          max-date="2017-12-10"
+          min-date="2017-07-10"
           monday-first
           auto-continue
           auto-close
@@ -85,24 +87,26 @@ Vue.extend({
 
 Parameter | Type | Default
 --------- | ---- | ------
-v-model (*required*) | `String` | -
+v-model (*required*) | Date `String` | -
 type | `String`: *date*, *datetime* or *time* | `date`
 input-format | `String` | `YYYY-MM-DD`, `YYYY-MM-DD HH:mm` or `HH:mm`
 wrapper-class | `String` | `null`
 input-class | `String` | `null`
 placeholder | `String` | `null`
 locale | `String` | `null`
-disabled-dates | `Array` | `[]`
+disabled-dates | `Array` of date `Strings` | `[]`
+min-date | Date `String` | `null`
+max-date | Date `String` | `null`
 monday-first | `Boolean` | `false`
 auto-continue | `Boolean` | `false`
 auto-close | `Boolean` | `false`
 required | `Boolean` | `false`
 
-The component is based on [Moment.js](https://momentjs.com), check out documentation to set `input-format` and `locale`.
+The component is based on [Moment.js](https://momentjs.com), check out documentation to set dates (ISO 8601 recommended), `input-format` and `locale`.
 
 ## Events
 
-Component emit the `input` event.
+Component emits the `input` event.
 
 # License
 

src/Datetime.vue

@@ -98,6 +98,14 @@
         type: String,
         default: null
       },
+      minDate: {
+        type: String,
+        default: null
+      },
+      maxDate: {
+        type: String,
+        default: null
+      },
       disabledDates: {
         type: Array,
         default () {
@@ -207,7 +215,7 @@
           }
         })
       },
-      disabledDatesParsed () {
+      disabledDatesRanges () {
         return this.disabledDates.map(function (item) {
           return Array.isArray(item) ? [moment(item[0]), moment(item[1])] : [moment(item), moment(item).add(1, 'day')]
         })
@@ -321,9 +329,11 @@
         this.newDate = this.typeFlow.date.clone()
       },
       isDisabled (date) {
-        return this.disabledDatesParsed && this.disabledDatesParsed.find(function (dates) {
-          return date.isBetween(dates[0], dates[1], 'day', '[)')
-        }) !== undefined
+        return (this.minDate && date.isBefore(this.minDate, 'day')) ||
+               (this.maxDate && date.isAfter(this.maxDate, 'day')) ||
+               (this.disabledDatesRanges && this.disabledDatesRanges.find(function (dates) {
+                 return date.isBetween(dates[0], dates[1], 'day', '[)')
+               }) !== undefined)
       }
     }
   }