diff --git a/components/calendar/avcalendar.tsx b/components/calendar/avcalendar.tsx
index a7ab3b2..4fb3e2a 100644
--- a/components/calendar/avcalendar.tsx
+++ b/components/calendar/avcalendar.tsx
@@ -19,6 +19,7 @@ import axiosInstance from '../../src/axiosSecure';
 // import { set, format, addDays } from 'date-fns';
 import { isEqual, isSameDay, getHours, getMinutes } from 'date-fns';
 import { filter } from 'jszip';
+import e from 'express';
 
 
 
@@ -229,10 +230,14 @@ const AvCalendar = ({ publisherId, events, selectedDate }) => {
         setDate(start);
 
         // get exising events for the selected date
-        const existingEvents = filterEvents(evts, publisherId, startdate);
+        let existingEvents = filterEvents(evts, publisherId, startdate);
+        // if existingEvents is empty - create new with the selected range
+        if (existingEvents.length === 0) {
+            existingEvents = [{ startTime: start, endTime: end }];
+        }
         console.log("handleSelect: " + existingEvents);
         setSelectedEvents(existingEvents);
-       setIsModalOpen(true);
+        setIsModalOpen(true);
     };
 
     const handleEventClick = (event) => {