Merge pull request #66 from Stetzon/datepicker

Added name attribute to datepicker

docs/example/datepickerDocs.vue

@@ -4,7 +4,7 @@
       <p>
         <pre>Selected date is: {{dateString}}</pre>
       </p>
-      <datepicker ref="dp" v-model="date" :disabled-days-of-week="disabled" :format="format" :clear-button="clear" :placeholder="placeholder" width="370px"></datepicker>
+      <datepicker ref="dp" v-model="date" :name="name" :disabled-days-of-week="disabled" :format="format" :clear-button="clear" :placeholder="placeholder" width="370px"></datepicker>
       <h4>Disabled days of week</h4>
 
       <v-select multiple v-model="disabled" :options="[0,1,2,3,4,5,6]"></v-select>
@@ -39,6 +39,12 @@
         <p><code>MMMM/dd/yyyy</code></p>
         <p>The date format, combination of d, dd, M, MM, MMM, MMMM, yyyy.</p>
       </div>
+      <div>
+        <p>name</p>
+        <p><code>String</code></p>
+        <p></p>
+        <p>Name to put on the input field</p>
+      </div>
       <div>
         <p>placeholder</p>
         <p><code>String</code></p>

src/Datepicker.vue

@@ -3,6 +3,7 @@
     <input class="form-control datepicker-input" type="text"
       v-model="val"
       :class="{'with-reset-button': clearButton}"
+      :name="name"
       :placeholder="placeholder"
       :style="{width:width}"
       @click="inputClick"
@@ -82,6 +83,7 @@ export default {
     width: {type: String},
     clearButton: {type: Boolean, default: false},
     lang: {type: String, default: navigator.language},
+    name: {type: String},
     placeholder: {type: String},
     iconsFont: {type: String, default: 'glyphicon'}
   },