add a function: updateRanges(Object)

Author: alumuko

README.md

@@ -49,6 +49,10 @@ See [simple example page](examples/datetime-example-simple.html).
 | start-date | Date or string | The beginning date of the initially selected date range. If you provide a string, it must match the date format string set in your locale setting.|
 | end-date | Date or string | The end date of the initially selected date range.|
 
+## Methods
+| Method | Description |
+| updateDate(newStartDateTime, newEndDateTime) | update date |
+| updateRanges(newRanges) | update datetime range selection (since 0.2.0 with vanilla-datetimerange-picker 0.2.0 or later)|
 
 ### Other properties
 <details>

dist/vue2-datetimerange-picker.js

@@ -11,6 +11,7 @@
 Vue.component('datetimerange-picker', {
     //template: '<input type="text" :id="inputTextId" :class="inputTextClass" :size="inputTextSize" :style="inputTextStyle" />',
     props: {
+        id: null,
         startDate: {
             type: [Date, String]
         },
@@ -172,9 +173,12 @@ Vue.component('datetimerange-picker', {
         }
     },
     methods: {
-        updateData: function(newStartDateTime, newEndDateTime){
+        updateDate: function(newStartDateTime, newEndDateTime){
             this.picker.setStartDate(newStartDateTime);
             this.picker.setEndDate(newEndDateTime);
+        },
+        updateRanges: function(newRanges){
+            this.picker.updateRanges(newRanges);
         }
     },
     render: function (createElement) {