mediacube-ui 0.1.145 → 0.1.146

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.146](https://github.com/MediaCubeCo/mcui/compare/v0.1.145...v0.1.146) (2023-09-21)
+
 ### [0.1.145](https://github.com/MediaCubeCo/mcui/compare/v0.1.144...v0.1.145) (2023-09-19)
 
 ### [0.1.144](https://github.com/MediaCubeCo/mcui/compare/v0.1.143...v0.1.144) (2023-09-18)

package/package.json

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

package/src/elements/McDatePicker/McDatePicker.vue

@@ -225,6 +225,13 @@ export default {
             type: String,
             default: 'YYYY-MM-DD',
         },
+        /**
+         *  Отдаваемая дата будет в формате ISO String
+         */
+        toIsoFormat: {
+            type: Boolean,
+            default: false,
+        },
         /**
          *  Формат отдаваемой даты
          */
@@ -427,35 +434,46 @@ export default {
         getFormattedDate(value) {
             let newValue = value
 
-            if (!this.useTimezone) {
-                if (Array.isArray(newValue)) {
-                    return newValue.map(v => {
-                        return v?.toString?.().trim() ? dayjs(v).format(this.toFormat) : ' '
-                    })
+            switch (true) {
+                case this.toIsoFormat: {
+                    if (Array.isArray(newValue)) {
+                        return newValue.map(v => {
+                            return v?.toString?.().trim() ? dayjs(v).toISOString() : ' '
+                        })
+                    }
+                    return dayjs(value).toISOString()
+                }
+                case !this.useTimezone: {
+                    if (Array.isArray(newValue)) {
+                        return newValue.map(v => {
+                            return v?.toString?.().trim() ? dayjs(v).format(this.toFormat) : ' '
+                        })
+                    }
+                    return value?.toString?.().trim() ? (this.isTime ? value : dayjs(value).format(this.toFormat)) : ' '
+                }
+                default: {
+                    const hasDate = date => date && date?.trim()?.length
+                    const formatingDate = date =>
+                        dayjs
+                            .tz(dayjs(date, this.format).format('YYYY-MM-DD HH:mm:ss'), this.currentTimezone)
+                            .utc()
+                            .format()
+                    if (Array.isArray(newValue)) {
+                        const [start_date, end_date] = newValue
+                        if (hasDate(start_date) && hasDate(end_date))
+                            newValue = [
+                                start_date,
+                                dayjs(end_date, this.format)
+                                    .add(1, 'days')
+                                    .format(this.format),
+                            ]
+                        newValue = newValue.every(d => hasDate(d)) ? newValue.map(v => formatingDate(v)) : newValue
+                    } else {
+                        newValue = formatingDate(value)
+                    }
+                    return newValue
                 }
-                return value?.toString?.().trim() ? (this.isTime ? value : dayjs(value).format(this.toFormat)) : ' '
-            }
-
-            const hasDate = date => date && date?.trim()?.length
-            const formatingDate = date =>
-                dayjs
-                    .tz(dayjs(date, this.format).format('YYYY-MM-DD HH:mm:ss'), this.currentTimezone)
-                    .utc()
-                    .format()
-            if (Array.isArray(newValue)) {
-                const [start_date, end_date] = newValue
-                if (hasDate(start_date) && hasDate(end_date))
-                    newValue = [
-                        start_date,
-                        dayjs(end_date, this.format)
-                            .add(1, 'days')
-                            .format(this.format),
-                    ]
-                newValue = newValue.every(d => hasDate(d)) ? newValue.map(v => formatingDate(v)) : newValue
-            } else {
-                newValue = formatingDate(value)
             }
-            return newValue
         },
         selectPeriod(key) {
             let start = new Date()