diff --git a/README.md b/README.md
index dda1ace..0301905 100644
--- a/README.md
+++ b/README.md
@@ -61,6 +61,7 @@ export default {
 | shortcuts         | Boolean/Array | true        | the shortcuts for the range picker                |
 | first-day-of-week | Number        | 7           | set the first day of week (1-7)                   |
 | minute-step       | Number        | 0           | if > 0 don't show the second picker(0 - 60)       |
+| input-class       | String        | 'input'     | the input class name                              |
 
 
 ## shortcuts
diff --git a/datepicker/calendar-panel.vue b/datepicker/calendar-panel.vue
index 224b784..ad0d0c0 100644
--- a/datepicker/calendar-panel.vue
+++ b/datepicker/calendar-panel.vue
@@ -136,7 +136,7 @@ export default {
           const date = new Date(time.getFullYear(), time.getMonth(), day, 0, 0, 0)
           date.setDate(day)
           return {
-            title: date.toLocaleString(),
+            title: date.toLocaleDateString(),
             date,
             day,
             classes
diff --git a/datepicker/index.vue b/datepicker/index.vue
index bf216e6..9969264 100644
--- a/datepicker/index.vue
+++ b/datepicker/index.vue
@@ -3,7 +3,7 @@
        :style="{'width': width + 'px','min-width':range ? (type === 'datetime' ? '320px' : '210px') : '140px'}"
        v-clickoutside="closePopup">
     <input readonly
-          class="input"
+          :class="inputClass"
           :value="text"
           :placeholder="innerPlaceholder"
           ref="input"
@@ -103,6 +103,10 @@ export default {
     confirm: {
       type: Boolean,
       default: false
+    },
+    inputClass: {
+      type: String,
+      default: 'input'
     }
   },
   data () {