@afeefa/vue-app 0.0.165 → 0.0.167

package/.afeefa/package/release/version.txt

@@ -1 +1 @@
-0.0.165
+0.0.167

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afeefa/vue-app",
-  "version": "0.0.165",
+  "version": "0.0.167",
   "description": "",
   "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
   "license": "MIT",

package/src/components/ADatePicker.vue

@@ -178,9 +178,19 @@ export default class ADatePicker extends Mixins(ComponentWidthMixin, UsesPositio
   }
 
   get date () {
-    return this.value_
-      ? this.value_.toISOString().substr(0, this.type === 'month' ? 7 : 10)
-      : null
+    if (!this.value_) {
+      return null
+    }
+
+    return this.dateToString(this.value_).substr(0, this.type === 'month' ? 7 : 10)
+  }
+
+  dateToString (date) {
+    // format date to v-date-picker compatible string: https://stackoverflow.com/a/29774197
+    // respecting and adding local time zone time shift to the utc iso string
+    const offset = date.getTimezoneOffset()
+    date = new Date(date.getTime() - (offset * 60 * 1000))
+    return date.toISOString()
   }
 
   get label () {
@@ -202,12 +212,22 @@ export default class ADatePicker extends Mixins(ComponentWidthMixin, UsesPositio
       this.dateChanged(null)
     } else if (this.validateTextInput(value)) {
       const [day, month, year] = value.split('.')
-      this.dateChanged(new Date(year + '-' + month + '-' + day))
+      const date = new Date(year + '-' + month + '-' + day)
+      this.dateChanged(this.dateToString(date).split('T')[0])
     }
   }
 
-  dateChanged (date) {
-    this.value_ = date ? new Date(date) : null
+  dateChanged (date) { // date is a yyyy-mm or yyyy-mm-dd string
+    if (date) {
+      // take given date string an create a local time date object
+      // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#date_time_string_format
+      // > When the time zone offset is absent, date-only forms are interpreted as a UTC time and date-time forms are interpreted as local time.
+      const dateStringThatGetsConvertedToLocalDate = date + 'T00:00'
+      this.value_ = new Date(dateStringThatGetsConvertedToLocalDate)
+    } else {
+      this.value_ = null
+    }
+
     this.validate()
 
     this.close()
@@ -223,7 +243,7 @@ export default class ADatePicker extends Mixins(ComponentWidthMixin, UsesPositio
       const monthName = date.toLocaleString('default', { month: 'long' })
       return monthName + ' ' + date.getFullYear()
     }
-    return formatDate(new Date(date))
+    return formatDate(date)
   }
 
   validate () {

package/src-admin/components/FlyingContextContainer.vue

@@ -76,7 +76,6 @@ export default class FlyingContextContainer extends Vue {
 
     this.visible = !!container.children.length
     const isOpening = mutationRecords.length === 1 && mutationRecords[0].addedNodes.length === 1 // only 1 record ... and this one is 'added'
-    console.log(mutationRecords)
 
     const el = document.documentElement