Validate that end time is after start time before setting state.

zetkin · Sep 12, 2023 · ae0ae5d · ae0ae5d
1 parent b4fc78a
commit ae0ae5d
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/features/events/components/EventOverviewCard/index.tsx b/src/features/events/components/EventOverviewCard/index.tsx
@@ -260,16 +260,19 @@ const EventOverviewCard: FC<EventOverviewCardProps> = ({
                     return (
                       <TimeField
                         ampm={false}
+                        disableIgnoringDatePartForTimeValidation={true}
                         format="HH:mm"
                         fullWidth
                         label={messages.eventOverviewCard.endTime()}
                         minTime={dayjs(naiveStart).add(1, 'min')}
                         onChange={(newEndTime) => {
                           if (newEndTime) {
-                            const endTimeString = makeNaiveTimeString(
-                              newEndTime.utc().toDate()
-                            );
-                            setEndTime(endTimeString);
+                            if (newEndTime >= dayjs(naiveStart).add(1, 'min')) {
+                              const endTimeString = makeNaiveTimeString(
+                                newEndTime.utc().toDate()
+                              );
+                              setEndTime(endTimeString);
+                            }
                           }
                         }}
                         slotProps={{