Allow override input class, #18

Author: SlyNet

README.md

@@ -66,8 +66,7 @@ This example is based on Bootstrap 3 [input group](http://getbootstrap.com/compo
                 v-model="date"
                 placeholder="Select date"
                 :config="config"
-                :required="true"
-                input-class="date-input"
+                :required="true"                
                 name="date">
         </flat-pickr>
         <div class="input-group-btn">
@@ -134,7 +133,7 @@ The component accepts these props:
 | v-model / value  | String / Date Object / Array / null| `null`               | Set or Get date-picker value (required) |
 | config           | Object                             | `{wrap:false}`       | Flatpickr configuration [options](https://chmln.github.io/flatpickr/options/)|
 | placeholder      | String                             | `''`                 | Set placeholder on input |
-| input-class      | String / Object                    | `''`                 | Add CSS class to input  |
+| input-class      | String / Object                    | `'form-control input'` | Set CSS class to input  |
 | name             | String                             | `'date-time'`        | Set input field name  |
 | required         | Boolean                            | `false`              | Make input field required |
 | id               | String                             | `''`                 | Set input field id  |

examples/App.vue

@@ -55,7 +55,7 @@
                           placeholder="Select date"
                           :config="configs.wrap"
                           :required="true"
-                          input-class="date-input-class"
+                          input-class="form-control input date-input"
                           name="date-name"
               >
               </flat-pickr>

src/component.vue

@@ -1,7 +1,6 @@
 <template>
 
   <input type="text"
-         class="form-control input"
          :id="id"
          :class="inputClass"
          :name="name"
@@ -38,7 +37,7 @@
       },
       inputClass: {
         type: [String, Object],
-        default: ''
+        default: 'form-control input'
       },
       name: {
         type: String,