confireBtn css update

README.md

@@ -62,7 +62,7 @@ export default {
 | 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                              |
-| confirm_text      | String        | 'Ok'        | the default text to display on confirm button     |
+| confirm-text      | String        | 'OK'        | the default text to display on confirm button     |
 
 
 ## shortcuts

datepicker/index.vue

@@ -41,7 +41,7 @@
                         :show="showPopup"></calendar-panel>
       </template>
       <div class="datepicker-footer" v-if="confirm">
-        <button type="button" class="datepicker-btn datepicker-btn-confirm" @click="confirmDate"> {{ confirm_text }}</button>
+        <button type="button" class="datepicker-btn datepicker-btn-confirm" @click="confirmDate"> {{ confirmText }}</button>
       </div>
     </div>
   </div>
@@ -108,9 +108,9 @@ export default {
       type: String,
       default: 'input'
     },
-    confirm_text: {
+    confirmText: {
       type: String,
-      default: 'Ok'
+      default: 'OK'
     }
   },
   data () {
@@ -409,15 +409,21 @@ export default {
 }
 .datepicker-btn {
   font-size: 12px;
-  line-height: 28px;
-  padding: 0 5px;
+  line-height: 1;
+  padding: 7px 15px;
   margin: 0 5px;
   cursor: pointer;
   background-color: transparent;
   outline: none;
   border: none;
+  border-radius: 3px;
 }
 .datepicker-btn-confirm {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  color: #73879c;
+}
+.datepicker-btn-confirm:hover {
   color: #1284e7;
+  border-color: #1284e7;
 }
 </style>

datepicker/languages.js

@@ -6,7 +6,7 @@ export default {
     'placeholder': {
       'date': '请选择日期',
       'dateRange': '请选择日期范围'
-    },
+    }
   },
   'en': {
     'days': ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
@@ -15,7 +15,7 @@ export default {
     'placeholder': {
       'date': 'Select Date',
       'dateRange': 'Select Date Range'
-    },
+    }
   },
   'fr': {
     'days': ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
@@ -24,7 +24,7 @@ export default {
     'placeholder': {
       'date': 'Sélectionnez une date',
       'dateRange': 'Sélectionnez une période'
-    },
+    }
   },
   'es': {
     'days': ['Dom', 'Lun', 'mar', 'Mie', 'Jue', 'Vie', 'Sab'],
@@ -33,7 +33,7 @@ export default {
     'placeholder': {
       'date': 'Seleccionar fecha',
       'dateRange': 'Seleccionar un rango de fechas'
-    },
+    }
   },
   'pt-br': {
     'days': ['Dom', 'Seg', 'Ter', 'Qua', 'Quin', 'Sex', 'Sáb'],
@@ -42,7 +42,7 @@ export default {
     'placeholder': {
       'date': 'Selecione uma data',
       'dateRange': 'Selecione um período'
-    },
+    }
   },
   'ru': {
     'days': ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],
@@ -51,7 +51,7 @@ export default {
     'placeholder': {
       'date': 'Выберите дату',
       'dateRange': 'Выберите период'
-    },
+    }
   },
   'de': {
     'days': ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
@@ -60,7 +60,7 @@ export default {
     'placeholder': {
       'date': 'Datum auswählen',
       'dateRange': 'Zeitraum auswählen'
-    },
+    }
   },
   'it': {
     'days': ['Dom', 'Lun', 'Mar', 'Mer', 'Gio', 'Ven', 'Sab'],
@@ -69,7 +69,7 @@ export default {
     'placeholder': {
       'date': 'Seleziona una data',
       'dateRange': 'Seleziona un intervallo date'
-    },
+    }
   },
   'cs': {
     'days': ['Ned', 'Pon', 'Úte', 'Stř', 'Čtv', 'Pát', 'Sob'],
@@ -78,6 +78,6 @@ export default {
     'placeholder': {
       'date': 'Vyberte datum',
       'dateRange': 'Vyberte časové rozmezí'
-    },
+    }
   }
 }

package.json

@@ -2,7 +2,7 @@
   "name": "vue2-datepicker",
   "description": "A Datepicker Component For Vue2",
   "main": "datepicker/index.vue",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "scripts": {
     "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"