mediacube-ui 0.1.196 → 0.1.197

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.197](https://github.com/MediaCubeCo/mcui/compare/v0.1.196...v0.1.197) (2023-12-20)
+
 ### [0.1.196](https://github.com/MediaCubeCo/mcui/compare/v0.1.195...v0.1.196) (2023-12-20)
 
 ### [0.1.195](https://github.com/MediaCubeCo/mcui/compare/v0.1.194...v0.1.195) (2023-12-19)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui",
-  "version": "0.1.196",
+  "version": "0.1.197",
   "description": "Design system for Mediacube services",
   "author": "Mediacube",
   "private": false,

package/src/elements/McDatePicker/McDatePicker.vue

@@ -413,8 +413,14 @@ export default {
             return formattingDate(this.value)
         },
     },
-    async mounted() {
-        await this.setupDayjsLocale()
+    watch: {
+        lang: {
+            immediate: true,
+            handler() {
+                this.setupDayjsLocale()
+                this.setupDatePickerLocale()
+            }
+        }
     },
     methods: {
         async setupDayjsLocale() {
@@ -422,6 +428,10 @@ export default {
             await dayjsLocales[locale]?.()
             dayjs.locale(locale)
         },
+        setupDatePickerLocale() {
+            const locale = ['en', 'ru', 'es'].includes(this.lang) ? this.lang : 'en'
+            DatePicker.locale(locale);
+        },
         handleEmitDate(value) {
             const date = this.getFormattedDate(value)
             this.toggleErrorVisible()