@afeefa/vue-app 0.0.213 → 0.0.214

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

@@ -1 +1 @@
-0.0.213
+0.0.214

package/package.json

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

package/src/components/ATimePicker.vue

@@ -15,6 +15,7 @@
         dense
         outlined
         hide-details
+        :error-messages="error ? ['error'] : []"
         @wheel.prevent="onWheelHour"
         @focus="focusHour = true"
         @blur="updateHoursAndMinute"
@@ -49,6 +50,7 @@
         dense
         outlined
         hide-details
+        :error-messages="error ? ['error'] : []"
         @wheel.prevent="onWheelMinute"
         @focus="focusMinute = true"
         @blur="updateHoursAndMinute"
@@ -73,7 +75,7 @@ import formatHour from '@a-vue/utils/format-hour'
 import formatMinutes from '@a-vue/utils/format-minutes'
 
 @Component({
-  props: ['value']
+  props: ['value', {error: false}]
 })
 export default class ATimePicker extends Vue {
   currentDate = null
@@ -91,14 +93,12 @@ export default class ATimePicker extends Vue {
 
   @Watch('value')
   valueChanged () {
-    let date = new Date(this.value)
-    if (this.currentHour) {
-      date = moment(date).hours(this.currentHour).toDate()
-    }
-    if (this.currentMinutes) {
-      date = moment(date).minutes(this.currentMinutes).toDate()
+    // filter out inner changes loop
+    if (this.value.getTime() === this.currentDate.getTime()) {
+      return
     }
-    this.currentDate = date
+
+    this.currentDate = this.value
 
     this.initHourAndMinutes()
   }
@@ -216,12 +216,17 @@ export default class ATimePicker extends Vue {
     }
   }
 
+  ::v-deep() svg {
+    width: 28px;
+    height: 28px;
+  }
+
   .up {
-    margin-bottom: -1px;
+    margin-bottom: -5px;
   }
 
   .down {
-    margin-top: -3px;
+    margin-top: -7px;
   }
 
   .hourMinutesSeparator {