Added component examples

Author: gwindes

README.md

@@ -4,7 +4,7 @@
 [![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/) 
 
 
-> Date picker with range selection
+> Vue Date picker with range selection
 
 ## Demo
 
@@ -72,6 +72,8 @@ You can pass these below props to `<vue-rangedate-picker :props="props"></vue-ra
 
   *Default Value* : `'EN'`
 
+  *Component Example* : `<vue-rangedate-picker i18n="ID" />`
+
 + **months**
 
   *Description* : Array of months name
@@ -84,6 +86,8 @@ You can pass these below props to `<vue-rangedate-picker :props="props"></vue-ra
   ID: ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember']
   ```
 
+  *Component Example* : `<vue-rangedate-picker :months="['Enero', 'Febrero', 'Marzo', ...]" />`
+
 + **shortDays**
 
   *Description* : Array of days name in short
@@ -118,6 +122,8 @@ You can pass these below props to `<vue-rangedate-picker :props="props"></vue-ra
 
   *Default Value* : `'DD MMM YYYY'`
 
+  *Component Example* : `<vue-rangedate-picker months="YYYY-MM-DD" />`
+
 + **styles**
 
   *Description* : -
@@ -153,6 +159,19 @@ You can pass these below props to `<vue-rangedate-picker :props="props"></vue-ra
   }
   ```
 
+
+  *Component Example* : `<vue-rangedate-picker :initRange="initialRange" />`
+  ```
+  // initial 7 day range
+  const n = new Date();
+  const start = new Date(n.getFullYear(), n.getMonth(), n.getDate() - 5);
+  const end = new Date(n.getFullYear(), n.getMonth(), n.getDate() + 1);
+  {
+    start: start,
+    end: end
+  }
+  ```
+
 + **startActiveMonth**
 
   *Description* : Month will be shown in first launch