Add input-id parameter to avoid id collisions

README.md

@@ -106,6 +106,7 @@ Parameter | Type | Default | Description
 --------- | ---- | ------- | -----------
 v-model (*required*) | ISO 8601 `String` | - | Datetime.
 type | `String` | `date` | Picker type. date or datetime.
+input-id | `String` | `''` | Id for the input.
 input-class | `String` | `''` | Class for the input.
 hidden-name | `String` | `null` | Name for hidden input with raw value. See #51.
 value-zone | `String` | `UTC` | Time zone for the value.

src/Datetime.vue

@@ -2,6 +2,7 @@
   <div class="vdatetime">
     <input class="vdatetime-input"
            :class="inputClass"
+           :id="inputId"
            type="text"
            :value="inputValue"
            v-bind="$attrs"
@@ -48,6 +49,10 @@ export default {
       type: String,
       default: 'UTC'
     },
+    inputId: {
+      type: String,
+      default: ''
+    },
     inputClass: {
       type: String,
       default: ''

test/specs/Datetime.spec.js

@@ -34,6 +34,16 @@ describe('Datetime.vue', function () {
       expect(vm.$('.vdatetime-input')).to.have.class('class-name')
     })
 
+    it('should add id to input', function () {
+      const vm = createVM(this,
+        `<Datetime input-id="id-name"></Datetime>`,
+        {
+          components: { Datetime }
+        })
+
+      expect(vm.$('.vdatetime-input')).to.have.id('id-name')
+    })
+
     it('input should inherit attributes', function () {
       const vm = createVM(this,
         `<Datetime placeholder="Select date..."></Datetime>`,