#38 - wip

resources/js/Pages/Holidays/Create.vue

@@ -48,6 +48,7 @@
             id="date"
             v-model="form.date"
             placeholder="Wybierz datę"
+            :config="{minDate, maxDate}"
             class="block w-full max-w-lg shadow-sm rounded-md sm:text-sm"
             :class="{ 'border-red-300 text-red-900 focus:outline-none focus:ring-red-500 focus:border-red-500': form.errors.date, 'focus:ring-blumilk-500 focus:border-blumilk-500 sm:text-sm border-gray-300': !form.errors.date }"
           />
@@ -81,8 +82,9 @@
 </template>
 
 <script>
-import { useForm } from '@inertiajs/inertia-vue3'
+import {useForm} from '@inertiajs/inertia-vue3'
 import FlatPickr from 'vue-flatpickr-component'
+import useCurrentYearPeriodInfo from '@/Composables/yearPeriodInfo'
 
 export default {
   name: 'HolidayCreate',
@@ -95,7 +97,13 @@ export default {
       date: null,
     })
 
-    return { form }
+    const {minDate, maxDate} = useCurrentYearPeriodInfo()
+
+    return {
+      form,
+      minDate,
+      maxDate,
+    }
   },
   methods: {
     createHoliday() {