diff --git a/resources/js/Pages/Calendar.vue b/resources/js/Pages/Calendar.vue
index ef8faac..7c31aaa 100644
--- a/resources/js/Pages/Calendar.vue
+++ b/resources/js/Pages/Calendar.vue
@@ -29,7 +29,7 @@
                   <MenuButton
                     class="inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blumilk-500"
                   >
-                    {{ selectedMonth.name }}
+                    {{ selectedMonth.name }} {{ years.current }}
                     <ChevronDownIcon class="-mr-1 ml-2 h-5 w-5" />
                   </MenuButton>
                 </div>
@@ -160,6 +160,10 @@ export default {
       type: String,
       default: () => 'january',
     },
+    years: {
+      type: Object,
+      default: () => null,
+    },
   },
   setup(props) {
     const {getMonths, findMonth} = useMonthInfo()