fix(MdDatepicker): Pick text button (confirm and cancel) from locale

vuematerial · May 7, 2020 · 1d5850f · 1d5850f
1 parent 5a37ab8
commit 1d5850f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/docs/app/pages/Configuration.vue b/docs/app/pages/Configuration.vue
@@ -62,7 +62,10 @@
             shorterMonths: ['J', 'F', 'M', 'A', 'M', 'Ju', 'Ju', 'A', 'Se', 'O', 'N', 'D'],
 
             // `0` stand for Sunday, `1` stand for Monday
-            firstDayOfAWeek: 0
+            firstDayOfAWeek: 0,
+
+            cancel: 'Cancel',
+            confirm: 'Ok'
           }
         }
       </code-example>

diff --git a/src/components/MdDatepicker/MdDatepickerDialog.vue b/src/components/MdDatepicker/MdDatepickerDialog.vue
@@ -79,8 +79,8 @@
           </div>
 
           <md-dialog-actions class="md-datepicker-body-footer">
-            <md-button class="md-primary" @click="onCancel">Cancel</md-button>
-            <md-button v-if="!mdImmediately" class="md-primary" @click="onConfirm">Ok</md-button>
+            <md-button class="md-primary" @click="onCancel">{{ locale.cancel }}</md-button>
+            <md-button v-if="!mdImmediately" class="md-primary" @click="onConfirm">{{ locale.confirm }}</md-button>
           </md-dialog-actions>
         </div>
       </div>

diff --git a/src/material.js b/src/material.js
@@ -16,7 +16,9 @@ const init = () => {
       months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
       shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'],
       shorterMonths: ['J', 'F', 'M', 'A', 'M', 'Ju', 'Ju', 'A', 'Se', 'O', 'N', 'D'],
-      firstDayOfAWeek: 0
+      firstDayOfAWeek: 0,
+      cancel: 'Cancel',
+      confirm: 'Ok'
     },
     router: {
       linkActiveClass: 'router-link-active'