started working on a leaner picker, added emit to picker

src/components/MonthPicker.vue

@@ -1,9 +1,12 @@
 <template>
 <div class="d-flex justify-content-center" >
     <button type="button" class="btn btn-outline-primary" @click="openPicker" v-show="state === 'closed'">
-        {{months[selectedMonth]}} {{selectedYear}}
+        Startmonat: {{months[selectedMonth]}} {{selectedYear}}
     </button>
 
+    <button type="button" class="btn btn-outline-primary"><i class="bi bi-caret-left" /></button>
+    <input type="number" v-model="selectedYear" @change="emit('getYear', selectedYear)" />
+    <button type="button" class="btn btn-outline-primary"><i class="bi bi-caret-right" /></button>
     <table v-show="state === 'month'" class="table table-bordered table-sm">
         <tbody>
             <tr v-for="n in 3">
@@ -62,6 +65,8 @@
 
     function updateMonth(monthId : number) {
         selectedMonth.value = monthId
+        emit('getMonth', selectedMonth.value)
+        emit('getYear', selectedYear.value)
         state.value = 'closed'
 
     }