From bc18095315944a20285518d0ee8dad37ee59fd07 Mon Sep 17 00:00:00 2001
From: zmeyer44 <zmmeyer44@gmail.com>
Date: Tue, 24 Oct 2023 14:35:55 -0400
Subject: [PATCH] fixed wrapping issue

---
 components/Modals/CreateCalendarEvent.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Modals/CreateCalendarEvent.tsx b/components/Modals/CreateCalendarEvent.tsx
index 1847417..e83abd4 100644
--- a/components/Modals/CreateCalendarEvent.tsx
+++ b/components/Modals/CreateCalendarEvent.tsx
@@ -169,7 +169,7 @@ export default function CreateCalendarEventModal() {
               <div className="flex justify-between p-0.5 px-2 pl-3">
                 <div className="flex w-[50px] items-center">Start</div>
                 <div className="flex-1 shrink-0">
-                  <div className="flex max-w-full break-keep bg-green-500">
+                  <div className="flex max-w-full break-keep">
                     <DatePicker
                       displayFormat="ddd, MMM D"
                       date={startDate}
@@ -188,7 +188,7 @@ export default function CreateCalendarEventModal() {
                     />
                     <TimePicker
                       className="shrink-0 break-keep"
-                      inputClassName="pl-0 pr-1"
+                      inputClassName="pl-0 pr-1 break-keep min-w-fit"
                       value={startTime}
                       onChange={(newTime) =>
                         setStartDate(
@@ -227,8 +227,8 @@ export default function CreateCalendarEventModal() {
                       hideIcon={true}
                     />
                     <TimePicker
-                      className="shrink-0"
-                      inputClassName="max-w-fit pl-0 pr-1"
+                      className="shrink-0 break-keep"
+                      inputClassName="pl-0 pr-1 break-keep min-w-fit"
                       value={endTime}
                       onChange={(newTime) =>
                         setEndDate(