vuetify-daterange-picker - npm Package Compare versions

Comparing version 2.4.1 to 2.5.0

dist/vuetify-daterange-picker.cjs.js

 /*!
- * vuetify-daterange-picker v2.4.1
+ * vuetify-daterange-picker v2.5.0
  * (c) 2018-present Praveen Puglia <[e-mail]>
@@ -18,7 +18,7 @@ */
           _vm.formattedStartDate = $$v;
-        }, expression: "formattedStartDate" } }), _vm._v(" "), _c('v-date-picker', { attrs: { "allowed-dates": _vm.allowedDates, "next-icon": _vm.nextIcon, "prev-icon": _vm.prevIcon, "dark": _vm.dark, "min": _vm.options.minDate, "max": _vm.endDate, "locale": _vm.locale, "first-day-of-week": _vm.firstDayOfWeek, "no-title": "" }, on: { "change": _vm.onDateRangeChange }, model: { value: _vm.startDate, callback: function ($$v) {
+        }, expression: "formattedStartDate" } }), _vm._v(" "), _c('v-date-picker', { attrs: { "allowed-dates": _vm.allowedDates, "next-icon": _vm.nextIcon, "prev-icon": _vm.prevIcon, "dark": _vm.dark, "events": _vm.highlightRange ? _vm.dateRange.dates : _vm.events, "event-color": _vm.highlightRange ? _vm.dateRange.colors : _vm.eventColor, "min": _vm.options.minDate, "max": _vm.endDate, "locale": _vm.locale, "first-day-of-week": _vm.firstDayOfWeek, "no-title": "" }, on: { "change": _vm.onDateRangeChange }, model: { value: _vm.startDate, callback: function ($$v) {
           _vm.startDate = $$v;
         }, expression: "startDate" } })], 1), _vm._v(" "), _c('div', { staticClass: "date-range__picker date-range__picker--end" }, [_c('v-text-field', { staticClass: "date-range__pickers-input", attrs: { "label": ((_vm.labels.end) + "(" + (_vm.format) + ")"), "name": "endDate", "readonly": "readonly" }, model: { value: _vm.formattedEndDate, callback: function ($$v) {
           _vm.formattedEndDate = $$v;
-        }, expression: "formattedEndDate" } }), _vm._v(" "), _c('v-date-picker', { attrs: { "next-icon": _vm.nextIcon, "prev-icon": _vm.prevIcon, "dark": _vm.dark, "min": _vm.startDate, "max": _vm.maxDate, "locale": _vm.locale, "first-day-of-week": _vm.firstDayOfWeek, "no-title": "" }, on: { "change": _vm.onDateRangeChange }, model: { value: _vm.endDate, callback: function ($$v) {
+        }, expression: "formattedEndDate" } }), _vm._v(" "), _c('v-date-picker', { attrs: { "next-icon": _vm.nextIcon, "prev-icon": _vm.prevIcon, "dark": _vm.dark, "min": _vm.startDate, "max": _vm.maxDate, "events": _vm.highlightRange ? _vm.dateRange.dates : _vm.events, "event-color": _vm.highlightRange ? _vm.dateRange.colors : _vm.eventColor, "locale": _vm.locale, "first-day-of-week": _vm.firstDayOfWeek, "no-title": "" }, on: { "change": _vm.onDateRangeChange }, model: { value: _vm.endDate, callback: function ($$v) {
           _vm.endDate = $$v;
@@ -59,2 +59,18 @@ }, expression: "endDate" } })], 1)])]);
     },
+    events: {
+      type: [Array, Object, Function],
+      default: function () { return null; }
+    },
+    eventColor: {
+      type: [String, Function, Object],
+      default: 'warning'
+    },
+    highlightRange: {
+      type: Boolean,
+      default: true
+    },
+    highlightColors: {
+      type: String,
+      default: ''
+    },
     locale: {
@@ -74,3 +90,7 @@ type: String,
       format: this.options.format,
-      presets: this.options.presets
+      presets: this.options.presets,
+      dateRange: {
+        dates: [],
+        colors: {}
+      }
     };
@@ -85,2 +105,8 @@ },
     },
+    highlightColorClasses: function highlightColorClasses() {
+      if (this.highlightColors) {
+        return this.highlightColors;
+      }
+      return this.dark ? 'blue-grey darken-1' : 'blue lighten-5';
+    },
     isPresetActive: function isPresetActive() {
@@ -106,2 +132,5 @@ var this$1 = this;
   },
+  mounted: function mounted() {
+    if (this.highlightRange) { this.setInRangeData(); }
+  },
   methods: {
@@ -113,3 +142,34 @@ onPresetSelect: function onPresetSelect(presetIndex) {
     onDateRangeChange: function onDateRangeChange() {
+      if (this.highlightRange) { this.setInRangeData(); }
       this.$emit('input', [this.startDate, this.endDate]);
+    },
+    setInRangeData: function setInRangeData() {
+      var this$1 = this;
+
+      var inRangeData = {
+        dates: [],
+        colors: {}
+      };
+
+      if (this.highlightRange) {
+        var startDate = new Date(this.startDate);
+        var endDate = new Date(this.endDate);
+        var diffDays = (endDate - startDate) / (1000 * 3600 * 24);
+
+        for (var i = 0; i <= diffDays; i += 1) {
+          var date = this$1.addDays(startDate.toDateString(), i);
+          inRangeData.dates.push(date);
+          inRangeData.colors[date] = "date-range__date-in-range " + (this$1.highlightColorClasses);
+
+          if (i === 0) { inRangeData.colors[date] += ' date-range__range-start'; }
+          if (i === diffDays) { inRangeData.colors[date] += ' date-range__range-end'; }
+        }
+      }
+
+      this.dateRange = inRangeData;
+    },
+    addDays: function addDays(date, days) {
+      var result = new Date(date);
+      result.setDate(result.getDate() + days);
+      return dateFns.format(result, 'YYYY-MM-DD');
     }
@@ -116,0 +176,0 @@ }

dist/vuetify-daterange-picker.es.js

 /*!
- * vuetify-daterange-picker v2.4.1
+ * vuetify-daterange-picker v2.5.0
  * (c) 2018-present Praveen Puglia <[e-mail]>
@@ -16,7 +16,7 @@ */
           _vm.formattedStartDate = $$v;
-        }, expression: "formattedStartDate" } }), _vm._v(" "), _c('v-date-picker', { attrs: { "allowed-dates": _vm.allowedDates, "next-icon": _vm.nextIcon, "prev-icon": _vm.prevIcon, "dark": _vm.dark, "min": _vm.options.minDate, "max": _vm.endDate, "locale": _vm.locale, "first-day-of-week": _vm.firstDayOfWeek, "no-title": "" }, on: { "change": _vm.onDateRangeChange }, model: { value: _vm.startDate, callback: function ($$v) {
+        }, expression: "formattedStartDate" } }), _vm._v(" "), _c('v-date-picker', { attrs: { "allowed-dates": _vm.allowedDates, "next-icon": _vm.nextIcon, "prev-icon": _vm.prevIcon, "dark": _vm.dark, "events": _vm.highlightRange ? _vm.dateRange.dates : _vm.events, "event-color": _vm.highlightRange ? _vm.dateRange.colors : _vm.eventColor, "min": _vm.options.minDate, "max": _vm.endDate, "locale": _vm.locale, "first-day-of-week": _vm.firstDayOfWeek, "no-title": "" }, on: { "change": _vm.onDateRangeChange }, model: { value: _vm.startDate, callback: function ($$v) {
           _vm.startDate = $$v;
         }, expression: "startDate" } })], 1), _vm._v(" "), _c('div', { staticClass: "date-range__picker date-range__picker--end" }, [_c('v-text-field', { staticClass: "date-range__pickers-input", attrs: { "label": ((_vm.labels.end) + "(" + (_vm.format) + ")"), "name": "endDate", "readonly": "readonly" }, model: { value: _vm.formattedEndDate, callback: function ($$v) {
           _vm.formattedEndDate = $$v;
-        }, expression: "formattedEndDate" } }), _vm._v(" "), _c('v-date-picker', { attrs: { "next-icon": _vm.nextIcon, "prev-icon": _vm.prevIcon, "dark": _vm.dark, "min": _vm.startDate, "max": _vm.maxDate, "locale": _vm.locale, "first-day-of-week": _vm.firstDayOfWeek, "no-title": "" }, on: { "change": _vm.onDateRangeChange }, model: { value: _vm.endDate, callback: function ($$v) {
+        }, expression: "formattedEndDate" } }), _vm._v(" "), _c('v-date-picker', { attrs: { "next-icon": _vm.nextIcon, "prev-icon": _vm.prevIcon, "dark": _vm.dark, "min": _vm.startDate, "max": _vm.maxDate, "events": _vm.highlightRange ? _vm.dateRange.dates : _vm.events, "event-color": _vm.highlightRange ? _vm.dateRange.colors : _vm.eventColor, "locale": _vm.locale, "first-day-of-week": _vm.firstDayOfWeek, "no-title": "" }, on: { "change": _vm.onDateRangeChange }, model: { value: _vm.endDate, callback: function ($$v) {
           _vm.endDate = $$v;
@@ -57,2 +57,18 @@ }, expression: "endDate" } })], 1)])]);
     },
+    events: {
+      type: [Array, Object, Function],
+      default: function () { return null; }
+    },
+    eventColor: {
+      type: [String, Function, Object],
+      default: 'warning'
+    },
+    highlightRange: {
+      type: Boolean,
+      default: true
+    },
+    highlightColors: {
+      type: String,
+      default: ''
+    },
     locale: {
@@ -72,3 +88,7 @@ type: String,
       format: this.options.format,
-      presets: this.options.presets
+      presets: this.options.presets,
+      dateRange: {
+        dates: [],
+        colors: {}
+      }
     };
@@ -83,2 +103,8 @@ },
     },
+    highlightColorClasses: function highlightColorClasses() {
+      if (this.highlightColors) {
+        return this.highlightColors;
+      }
+      return this.dark ? 'blue-grey darken-1' : 'blue lighten-5';
+    },
     isPresetActive: function isPresetActive() {
@@ -104,2 +130,5 @@ var this$1 = this;
   },
+  mounted: function mounted() {
+    if (this.highlightRange) { this.setInRangeData(); }
+  },
   methods: {
@@ -111,3 +140,34 @@ onPresetSelect: function onPresetSelect(presetIndex) {
     onDateRangeChange: function onDateRangeChange() {
+      if (this.highlightRange) { this.setInRangeData(); }
       this.$emit('input', [this.startDate, this.endDate]);
+    },
+    setInRangeData: function setInRangeData() {
+      var this$1 = this;
+
+      var inRangeData = {
+        dates: [],
+        colors: {}
+      };
+
+      if (this.highlightRange) {
+        var startDate = new Date(this.startDate);
+        var endDate = new Date(this.endDate);
+        var diffDays = (endDate - startDate) / (1000 * 3600 * 24);
+
+        for (var i = 0; i <= diffDays; i += 1) {
+          var date = this$1.addDays(startDate.toDateString(), i);
+          inRangeData.dates.push(date);
+          inRangeData.colors[date] = "date-range__date-in-range " + (this$1.highlightColorClasses);
+
+          if (i === 0) { inRangeData.colors[date] += ' date-range__range-start'; }
+          if (i === diffDays) { inRangeData.colors[date] += ' date-range__range-end'; }
+        }
+      }
+
+      this.dateRange = inRangeData;
+    },
+    addDays: function addDays(date, days) {
+      var result = new Date(date);
+      result.setDate(result.getDate() + days);
+      return format(result, 'YYYY-MM-DD');
     }
@@ -114,0 +174,0 @@ }

dist/vuetify-daterange-picker.js

 /*!
- * vuetify-daterange-picker v2.4.1
+ * vuetify-daterange-picker v2.5.0
  * (c) 2018-present Praveen Puglia <[e-mail]>
@@ -20,7 +20,7 @@ */
           _vm.formattedStartDate = $$v;
-        }, expression: "formattedStartDate" } }), _vm._v(" "), _c('v-date-picker', { attrs: { "allowed-dates": _vm.allowedDates, "next-icon": _vm.nextIcon, "prev-icon": _vm.prevIcon, "dark": _vm.dark, "min": _vm.options.minDate, "max": _vm.endDate, "locale": _vm.locale, "first-day-of-week": _vm.firstDayOfWeek, "no-title": "" }, on: { "change": _vm.onDateRangeChange }, model: { value: _vm.startDate, callback: function ($$v) {
+        }, expression: "formattedStartDate" } }), _vm._v(" "), _c('v-date-picker', { attrs: { "allowed-dates": _vm.allowedDates, "next-icon": _vm.nextIcon, "prev-icon": _vm.prevIcon, "dark": _vm.dark, "events": _vm.highlightRange ? _vm.dateRange.dates : _vm.events, "event-color": _vm.highlightRange ? _vm.dateRange.colors : _vm.eventColor, "min": _vm.options.minDate, "max": _vm.endDate, "locale": _vm.locale, "first-day-of-week": _vm.firstDayOfWeek, "no-title": "" }, on: { "change": _vm.onDateRangeChange }, model: { value: _vm.startDate, callback: function ($$v) {
           _vm.startDate = $$v;
         }, expression: "startDate" } })], 1), _vm._v(" "), _c('div', { staticClass: "date-range__picker date-range__picker--end" }, [_c('v-text-field', { staticClass: "date-range__pickers-input", attrs: { "label": ((_vm.labels.end) + "(" + (_vm.format) + ")"), "name": "endDate", "readonly": "readonly" }, model: { value: _vm.formattedEndDate, callback: function ($$v) {
           _vm.formattedEndDate = $$v;
-        }, expression: "formattedEndDate" } }), _vm._v(" "), _c('v-date-picker', { attrs: { "next-icon": _vm.nextIcon, "prev-icon": _vm.prevIcon, "dark": _vm.dark, "min": _vm.startDate, "max": _vm.maxDate, "locale": _vm.locale, "first-day-of-week": _vm.firstDayOfWeek, "no-title": "" }, on: { "change": _vm.onDateRangeChange }, model: { value: _vm.endDate, callback: function ($$v) {
+        }, expression: "formattedEndDate" } }), _vm._v(" "), _c('v-date-picker', { attrs: { "next-icon": _vm.nextIcon, "prev-icon": _vm.prevIcon, "dark": _vm.dark, "min": _vm.startDate, "max": _vm.maxDate, "events": _vm.highlightRange ? _vm.dateRange.dates : _vm.events, "event-color": _vm.highlightRange ? _vm.dateRange.colors : _vm.eventColor, "locale": _vm.locale, "first-day-of-week": _vm.firstDayOfWeek, "no-title": "" }, on: { "change": _vm.onDateRangeChange }, model: { value: _vm.endDate, callback: function ($$v) {
           _vm.endDate = $$v;
@@ -61,2 +61,18 @@ }, expression: "endDate" } })], 1)])]);
     },
+    events: {
+      type: [Array, Object, Function],
+      default: function () { return null; }
+    },
+    eventColor: {
+      type: [String, Function, Object],
+      default: 'warning'
+    },
+    highlightRange: {
+      type: Boolean,
+      default: true
+    },
+    highlightColors: {
+      type: String,
+      default: ''
+    },
     locale: {
@@ -76,3 +92,7 @@ type: String,
       format: this.options.format,
-      presets: this.options.presets
+      presets: this.options.presets,
+      dateRange: {
+        dates: [],
+        colors: {}
+      }
     };
@@ -87,2 +107,8 @@ },
     },
+    highlightColorClasses: function highlightColorClasses() {
+      if (this.highlightColors) {
+        return this.highlightColors;
+      }
+      return this.dark ? 'blue-grey darken-1' : 'blue lighten-5';
+    },
     isPresetActive: function isPresetActive() {
@@ -108,2 +134,5 @@ var this$1 = this;
   },
+  mounted: function mounted() {
+    if (this.highlightRange) { this.setInRangeData(); }
+  },
   methods: {
@@ -115,3 +144,34 @@ onPresetSelect: function onPresetSelect(presetIndex) {
     onDateRangeChange: function onDateRangeChange() {
+      if (this.highlightRange) { this.setInRangeData(); }
       this.$emit('input', [this.startDate, this.endDate]);
+    },
+    setInRangeData: function setInRangeData() {
+      var this$1 = this;
+
+      var inRangeData = {
+        dates: [],
+        colors: {}
+      };
+
+      if (this.highlightRange) {
+        var startDate = new Date(this.startDate);
+        var endDate = new Date(this.endDate);
+        var diffDays = (endDate - startDate) / (1000 * 3600 * 24);
+
+        for (var i = 0; i <= diffDays; i += 1) {
+          var date = this$1.addDays(startDate.toDateString(), i);
+          inRangeData.dates.push(date);
+          inRangeData.colors[date] = "date-range__date-in-range " + (this$1.highlightColorClasses);
+
+          if (i === 0) { inRangeData.colors[date] += ' date-range__range-start'; }
+          if (i === diffDays) { inRangeData.colors[date] += ' date-range__range-end'; }
+        }
+      }
+
+      this.dateRange = inRangeData;
+    },
+    addDays: function addDays(date, days) {
+      var result = new Date(date);
+      result.setDate(result.getDate() + days);
+      return dateFns.format(result, 'YYYY-MM-DD');
     }
@@ -118,0 +178,0 @@ }

dist/vuetify-daterange-picker.min.js

 /*!
- * vuetify-daterange-picker v2.4.1
+ * vuetify-daterange-picker v2.5.0
  * (c) 2018-present Praveen Puglia <[e-mail]>
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("date-fns")):"function"==typeof define&&define.amd?define(["date-fns"],t):e.vuetifyDaterangePicker=t(e.dateFns)}(this,function(e){"use strict";var t={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"date-range"},[e.noPresets?e._e():a("div",{staticClass:"date-range__presets"},[a("v-list",{attrs:{dark:e.dark}},[a("v-subheader",[e._v(e._s(e.labels.preset))]),e._v(" "),e._l(e.presets,function(t,n){return a("v-list-tile",{key:n,on:{click:function(t){e.onPresetSelect(n)}},model:{value:e.isPresetActive[n],callback:function(t){e.$set(e.isPresetActive,n,t)},expression:"isPresetActive[index]"}},[a("v-list-tile-content",[e._v(" "+e._s(t.label)+" ")])],1)})],2)],1),e._v(" "),a("div",{staticClass:"date-range__pickers"},[a("div",{staticClass:"date-range__picker date-range__pickers--start"},[a("v-text-field",{staticClass:"date-range__pickers-input",attrs:{label:e.labels.start+"("+e.format+")",name:"startDate","prepend-icon":"event",readonly:"readonly"},model:{value:e.formattedStartDate,callback:function(t){e.formattedStartDate=t},expression:"formattedStartDate"}}),e._v(" "),a("v-date-picker",{attrs:{"allowed-dates":e.allowedDates,"next-icon":e.nextIcon,"prev-icon":e.prevIcon,dark:e.dark,min:e.options.minDate,max:e.endDate,locale:e.locale,"first-day-of-week":e.firstDayOfWeek,"no-title":""},on:{change:e.onDateRangeChange},model:{value:e.startDate,callback:function(t){e.startDate=t},expression:"startDate"}})],1),e._v(" "),a("div",{staticClass:"date-range__picker date-range__picker--end"},[a("v-text-field",{staticClass:"date-range__pickers-input",attrs:{label:e.labels.end+"("+e.format+")",name:"endDate",readonly:"readonly"},model:{value:e.formattedEndDate,callback:function(t){e.formattedEndDate=t},expression:"formattedEndDate"}}),e._v(" "),a("v-date-picker",{attrs:{"next-icon":e.nextIcon,"prev-icon":e.prevIcon,dark:e.dark,min:e.startDate,max:e.maxDate,locale:e.locale,"first-day-of-week":e.firstDayOfWeek,"no-title":""},on:{change:e.onDateRangeChange},model:{value:e.endDate,callback:function(t){e.endDate=t},expression:"endDate"}})],1)])])},staticRenderFns:[],_scopeId:"data-v-a39c29f4",name:"v-daterange",props:{options:{type:Object,required:!0},noPresets:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},nextIcon:{type:String,default:"chevron_right"},prevIcon:{type:String,default:"chevron_left"},labels:{type:Object,default:function(){return{start:"Start Date",end:"End Date",preset:"Presets"}}},locale:{type:String,default:"en-us"},firstDayOfWeek:{type:Number,default:0}},data:function(){return{startDate:this.options.startDate,endDate:this.options.endDate,format:this.options.format,presets:this.options.presets}},computed:{formattedStartDate:function(){return e.format(new Date(this.startDate),this.format)},formattedEndDate:function(){return e.format(new Date(this.endDate),this.format)},isPresetActive:function(){var e=this;return this.presets.map(function(t){return t.range[0]===e.startDate&&t.range[1]===e.endDate})},today:function(){return e.format(new Date,"YYYY-MM-DD")},maxDate:function(){return this.options.maxDate||this.today}},watch:{startDate:function(){this.onDateRangeChange()},endDate:function(){this.onDateRangeChange()}},methods:{onPresetSelect:function(e){this.startDate=this.presets[e].range[0],this.endDate=this.presets[e].range[1]},onDateRangeChange:function(){this.$emit("input",[this.startDate,this.endDate])}}};return{install:function(e){e.component(t.name,t)}}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("date-fns")):"function"==typeof define&&define.amd?define(["date-fns"],t):e.vuetifyDaterangePicker=t(e.dateFns)}(this,function(e){"use strict";var t={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"date-range"},[e.noPresets?e._e():a("div",{staticClass:"date-range__presets"},[a("v-list",{attrs:{dark:e.dark}},[a("v-subheader",[e._v(e._s(e.labels.preset))]),e._v(" "),e._l(e.presets,function(t,n){return a("v-list-tile",{key:n,on:{click:function(t){e.onPresetSelect(n)}},model:{value:e.isPresetActive[n],callback:function(t){e.$set(e.isPresetActive,n,t)},expression:"isPresetActive[index]"}},[a("v-list-tile-content",[e._v(" "+e._s(t.label)+" ")])],1)})],2)],1),e._v(" "),a("div",{staticClass:"date-range__pickers"},[a("div",{staticClass:"date-range__picker date-range__pickers--start"},[a("v-text-field",{staticClass:"date-range__pickers-input",attrs:{label:e.labels.start+"("+e.format+")",name:"startDate","prepend-icon":"event",readonly:"readonly"},model:{value:e.formattedStartDate,callback:function(t){e.formattedStartDate=t},expression:"formattedStartDate"}}),e._v(" "),a("v-date-picker",{attrs:{"allowed-dates":e.allowedDates,"next-icon":e.nextIcon,"prev-icon":e.prevIcon,dark:e.dark,events:e.highlightRange?e.dateRange.dates:e.events,"event-color":e.highlightRange?e.dateRange.colors:e.eventColor,min:e.options.minDate,max:e.endDate,locale:e.locale,"first-day-of-week":e.firstDayOfWeek,"no-title":""},on:{change:e.onDateRangeChange},model:{value:e.startDate,callback:function(t){e.startDate=t},expression:"startDate"}})],1),e._v(" "),a("div",{staticClass:"date-range__picker date-range__picker--end"},[a("v-text-field",{staticClass:"date-range__pickers-input",attrs:{label:e.labels.end+"("+e.format+")",name:"endDate",readonly:"readonly"},model:{value:e.formattedEndDate,callback:function(t){e.formattedEndDate=t},expression:"formattedEndDate"}}),e._v(" "),a("v-date-picker",{attrs:{"next-icon":e.nextIcon,"prev-icon":e.prevIcon,dark:e.dark,min:e.startDate,max:e.maxDate,events:e.highlightRange?e.dateRange.dates:e.events,"event-color":e.highlightRange?e.dateRange.colors:e.eventColor,locale:e.locale,"first-day-of-week":e.firstDayOfWeek,"no-title":""},on:{change:e.onDateRangeChange},model:{value:e.endDate,callback:function(t){e.endDate=t},expression:"endDate"}})],1)])])},staticRenderFns:[],_scopeId:"data-v-a39c29f4",name:"v-daterange",props:{options:{type:Object,required:!0},noPresets:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},nextIcon:{type:String,default:"chevron_right"},prevIcon:{type:String,default:"chevron_left"},labels:{type:Object,default:function(){return{start:"Start Date",end:"End Date",preset:"Presets"}}},events:{type:[Array,Object,Function],default:function(){return null}},eventColor:{type:[String,Function,Object],default:"warning"},highlightRange:{type:Boolean,default:!0},highlightColors:{type:String,default:""},locale:{type:String,default:"en-us"},firstDayOfWeek:{type:Number,default:0}},data:function(){return{startDate:this.options.startDate,endDate:this.options.endDate,format:this.options.format,presets:this.options.presets,dateRange:{dates:[],colors:{}}}},computed:{formattedStartDate:function(){return e.format(new Date(this.startDate),this.format)},formattedEndDate:function(){return e.format(new Date(this.endDate),this.format)},highlightColorClasses:function(){return this.highlightColors?this.highlightColors:this.dark?"blue-grey darken-1":"blue lighten-5"},isPresetActive:function(){var e=this;return this.presets.map(function(t){return t.range[0]===e.startDate&&t.range[1]===e.endDate})},today:function(){return e.format(new Date,"YYYY-MM-DD")},maxDate:function(){return this.options.maxDate||this.today}},watch:{startDate:function(){this.onDateRangeChange()},endDate:function(){this.onDateRangeChange()}},mounted:function(){this.highlightRange&&this.setInRangeData()},methods:{onPresetSelect:function(e){this.startDate=this.presets[e].range[0],this.endDate=this.presets[e].range[1]},onDateRangeChange:function(){this.highlightRange&&this.setInRangeData(),this.$emit("input",[this.startDate,this.endDate])},setInRangeData:function(){var e={dates:[],colors:{}};if(this.highlightRange)for(var t=new Date(this.startDate),a=(new Date(this.endDate)-t)/864e5,n=0;n<=a;n+=1){var r=this.addDays(t.toDateString(),n);e.dates.push(r),e.colors[r]="date-range__date-in-range "+this.highlightColorClasses,0===n&&(e.colors[r]+=" date-range__range-start"),n===a&&(e.colors[r]+=" date-range__range-end")}this.dateRange=e},addDays:function(t,a){var n=new Date(t);return n.setDate(n.getDate()+a),e.format(n,"YYYY-MM-DD")}}};return{install:function(e){e.component(t.name,t)}}});
 //# sourceMappingURL=vuetify-daterange-picker.min.js.map

package.json

 {
   "name": "vuetify-daterange-picker",
   "description": "The missing date range picker for Vuetify JS you have been looking for",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "main": "dist/vuetify-daterange-picker.cjs.js",
@@ -6,0 +6,0 @@ "module": "dist/vuetify-daterange-picker.es.js",

README.md

@@ -133,2 +133,10 @@ # Vuetify Date Range Picker
 
+#### <kbd>NEW</kbd> `highlight-range` : Boolean
+
+Whether or not the selected range should be highlighted. Default : true
+
+#### <kbd>NEW</kbd> `highlight-colors` : String
+
+Which classes from the vuetify [material color palette](https://vuetifyjs.com/en/style/colors) should be applied to each date that's in range. Default : `blue lighten-5` for light mode and `blue-grey darken-1` for dark mode.
+
 ## Events
@@ -135,0 +143,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

51173

increased by41.97%

Lines of code

596

increased by49.75%

Number of lines in readme file

152

increased by5.56%

No dependency changes