Pridani od/do k eventum, fix datetime pickeru pro vyber pouze data, pridano URL k otevrene fotce

src/components/event/EventDetailSkeleton.vue

@@ -1,9 +1,17 @@
 <script setup>
 import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
+import BasicTextSkeleton from "components/basicSkeletons/BasicTextSkeleton.vue";
+import ListItemSkeleton from "components/basicSkeletons/ListItemSkeleton.vue";
 </script>
 
 <template>
-  <q-card class="flight-detail-card">
-    <BasicListSkeleton :items-count-min="1" :items-count-max="5"/>
-  </q-card>
+
+  <q-list bordered separator class="q-my-lg">
+    <ListItemSkeleton/>
+    <ListItemSkeleton/>
+  </q-list>
+
+  <BasicTextSkeleton :lines="3" :paragraphs="2"/>
+
+  <BasicListSkeleton :items-count-min="1" :items-count-max="5"/>
 </template>

src/components/event/EventForm.vue

@@ -7,6 +7,8 @@ import {commonProps} from "src/composables/inputs";
 import {isRequestPending} from "src/composables/form/props";
 import {isRequired} from "src/composables/form/rules";
 import RichTextEditor from "components/inputs/RichTextEditor.vue";
+import DatetimePicker from "components/inputs/DatetimePicker.vue";
+import {FORMAT_DATE, FORMAT_DATETIME_LONG} from "src/composables/datetimeUtils";
 
 const props = defineProps({
   event: {
@@ -19,6 +21,8 @@ const formData = reactive({
   name: null,
   isPublic: false,
   description: "",
+  dateFrom: null,
+  dateTo: null,
 });
 
 const rules = {
@@ -41,6 +45,10 @@ onMounted(() => {
       :rules="rules.name"
       v-model="formData.name"
     />
+
+    <DatetimePicker :mask="FORMAT_DATE" v-model="formData.dateFrom" label="Od" />
+    <DatetimePicker :mask="FORMAT_DATE" v-model="formData.dateTo" label="Do" />
+
     <RichTextEditor v-model="formData.description" v-bind="commonProps" label="Popis letu, poznámky, ..."/>
     <q-checkbox v-model="formData.isPublic" label="Veřejný?"/>