@afeefa/vue-app 0.0.68 → 0.0.69

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

@@ -1 +1 @@
-0.0.68
+0.0.69

package/package.json

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

package/src/components/ADatePicker.vue

@@ -24,6 +24,8 @@
       v-if="menu"
       :value="date"
       no-title
+      :type="type"
+      v-bind="$attrs"
       @input="dateChanged"
     />
   </v-menu>
@@ -36,7 +38,7 @@ import { formatDate } from '@a-vue/utils/format-date'
 import { ComponentWidthMixin } from './mixins/ComponentWidthMixin'
 
 @Component({
-  props: ['value', 'validator']
+  props: ['value', 'validator', 'type']
 })
 export default class ADatePicker extends Mixins(ComponentWidthMixin) {
   value_ = null
@@ -62,7 +64,7 @@ export default class ADatePicker extends Mixins(ComponentWidthMixin) {
 
   get date () {
     return this.value_
-      ? this.value_.toISOString().substr(0, 10)
+      ? this.value_.toISOString().substr(0, this.type === 'month' ? 7 : 10)
       : null
   }
 
@@ -78,7 +80,14 @@ export default class ADatePicker extends Mixins(ComponentWidthMixin) {
 
   get formattedDate () {
     const date = this.value_
-    return formatDate(date ? new Date(date) : null)
+    if (!date) {
+      return null
+    }
+    if (this.type === 'month') {
+      const monthName = date.toLocaleString('default', { month: 'long' })
+      return monthName + ' ' + date.getFullYear()
+    }
+    return formatDate(new Date(date))
   }
 
   get validationRules () {

package/src-admin/components/App.vue

@@ -88,7 +88,7 @@
         class="topbar"
       >
         <v-app-bar-nav-icon
-          class="sidebarToggleButton mr-2 ml-4"
+          class="sidebarToggleButton mr-2 ml-3"
           @click="toggleDrawer"
         />
 
@@ -97,7 +97,7 @@
 
       <v-container
         fluid
-        class="pa-8 pt-4"
+        class="pa-8 pt-2"
       >
         <sticky-header />
 
@@ -229,7 +229,7 @@ export default class App extends Vue {
   width: 100%;
   left: 0;
   top: 0;
-  padding: .2rem 1rem;
+  padding: .2rem 1.1rem;
 }
 
 .a-breadcrumbs {

package/src-admin/components/list/ListView.vue

@@ -120,6 +120,7 @@ export default class ListView extends Mixins(ListViewMixin) {
 <style lang="scss" scoped>
 .listView {
   max-width: 100%;
+  padding-top: .2rem; // unless, floating input labels might be cut
   overflow-x: auto;
   overflow-y: hidden;
 }