From 7771f397b6663182ec45f52b9aeb2a0020e2a2f3 Mon Sep 17 00:00:00 2001
From: Dejan <panovskidejan@yahoo.com>
Date: Mon, 28 Oct 2024 21:01:12 +0100
Subject: [PATCH] - Added validation to not allow end time to be before start
 time on add and edit event

---
 .../pages/calendar/ManuallyAddEventModal.tsx  | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/components/pages/calendar/ManuallyAddEventModal.tsx b/components/pages/calendar/ManuallyAddEventModal.tsx
index aacb252..fc420c8 100644
--- a/components/pages/calendar/ManuallyAddEventModal.tsx
+++ b/components/pages/calendar/ManuallyAddEventModal.tsx
@@ -317,8 +317,15 @@ export const ManuallyAddEventModal = () => {
                             </View>
                             <DateTimePicker
                                 value={startTime}
-                                onChange={(date) => setStartTime(date)}
-                                maximumDate={endTime}
+                                onChange={(time) =>  {
+                                    if (time <= endTime) {
+                                        setStartTime(time)
+                                    } else {
+                                        const currentTime = new Date();
+                                        currentTime.setSeconds(0, 0);
+                                        setStartTime(currentTime);
+                                    }
+                                }}
                                 minuteInterval={5}
                                 dateTimeFormatter={(date, mode) =>
                                     date.toLocaleTimeString("en-us", {
@@ -355,7 +362,15 @@ export const ManuallyAddEventModal = () => {
                                 </View>
                                 <DateTimePicker
                                     value={endTime}
-                                    onChange={(date) => setEndTime(date)}
+                                    onChange={(time) => {
+                                        if (time >= endTime) {
+                                            setEndTime(time);
+                                        } else {
+                                            const currentTime = new Date();
+                                            currentTime.setSeconds(0, 0);
+                                            setEndTime(currentTime);
+                                        }
+                                    }}
                                     minimumDate={startTime}
                                     minuteInterval={5}
                                     dateTimeFormatter={(date, mode) =>