Add id prop

Author: ankurk91

CHANGELOG.md

@@ -3,6 +3,7 @@
 
 ## [2.3.0] (unreleased)
 - New way to use as plugin, old is deprecated
+- Add `id` prop
 
 
 ## [2.2.0](https://github.com/ankurk91/vue-flatpickr-component/compare/2.1.0...2.2.0)   

README.md

@@ -137,7 +137,7 @@ The component accepts these props:
 | input-class      | String / Object                    | `''`                 | Add CSS class to input  |
 | name             | String                             | `'date-time'`        | Set input field name  |
 | required         | Boolean                            | `false`              | Make input field required |
-
+| id               | String                             | `'date-time'`        | Set input field id  |
 
 ## Install in non-module environments (without webpack)
 * Include required files

examples/App.vue

@@ -71,8 +71,8 @@
           </div>
 
           <div class="form-group">
-            <label>Select datetime</label>
-            <flat-pickr :config="configs.dateTimePicker" v-model="form.dateTime" placeholder="Date Time"></flat-pickr>
+            <label for="datetime-input">Select datetime</label>
+            <flat-pickr :config="configs.dateTimePicker" id="datetime-input" v-model="form.dateTime" placeholder="Date Time"></flat-pickr>
           </div>
 
           <div class="form-group">

src/flatPickr.vue

@@ -2,6 +2,7 @@
 
   <input type="text"
          class="form-control input"
+         :id="id"
          :class="inputClass"
          :name="name"
          :placeholder="placeholder"
@@ -46,7 +47,10 @@
       required: {
         type: Boolean,
         default: false
-      }
+      },
+      id: {
+        type: String,
+      },
     },
     data () {
       return {