fixes

components/CreateEventDialog.vue

@@ -92,10 +92,12 @@
                   placeholder="Select start date and time"
                   :enable-time-picker="true"
                   :is-24="true"
-                  auto-apply
+                  :auto-apply="false"
+                  :action-row="{ showSelect: true, showCancel: true, showNow: false, showPreview: true }"
                   :clearable="false"
                   :required="true"
                   @update:model-value="handleStartDateUpdate"
+                  @closed="onDatePickerClosed"
                 />
               </div>
             </v-col>
@@ -113,11 +115,13 @@
                   placeholder="Select end date and time"
                   :enable-time-picker="true"
                   :is-24="true"
-                  auto-apply
+                  :auto-apply="false"
+                  :action-row="{ showSelect: true, showCancel: true, showNow: false, showPreview: true }"
                   :clearable="false"
                   :required="true"
                   :min-date="startDateModel"
                   @update:model-value="handleEndDateUpdate"
+                  @closed="onDatePickerClosed"
                 />
               </div>
             </v-col>
@@ -487,6 +491,11 @@ const handleEndDateUpdate = (date: Date | null) => {
   }
 };
 
+const onDatePickerClosed = () => {
+  console.log('[CreateEventDialog] Date picker closed');
+  // This handler ensures the date picker behaves correctly on mobile and desktop
+};
+
 // Methods
 const resetForm = () => {
   eventData.title = '';