From c0d884afd7499d3174b405bb10a2629eec376ecc Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Thu, 14 Jan 2021 15:10:11 +0200
Subject: [PATCH] Event edit: automatically populate end date when setting
 start date.

Fixes #195.
---
 src/Calendars/EventEdit.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/Calendars/EventEdit.tsx b/src/Calendars/EventEdit.tsx
index f9c99d9..2605f20 100644
--- a/src/Calendars/EventEdit.tsx
+++ b/src/Calendars/EventEdit.tsx
@@ -310,7 +310,13 @@ export default class EventEdit extends React.PureComponent<PropsType> {
               dateOnly={this.state.allDay}
               placeholder="Start"
               value={this.state.start}
-              onChange={(date?: Date) => this.setState({ start: date })}
+              onChange={(date?: Date) => {
+                // If end is unset, set it to start + 30 minutes
+                const end = this.state.end ?? (
+                  new Date(date!.getTime() + 30 * 60 * 1000)
+                );
+                this.setState({ start: date, end });
+              }}
             />
             {differentTimezone && this.state.start && (
               <FormHelperText>{ICAL.Time.fromJSDate(this.state.start, false).convertToZone(differentTimezone!).toJSDate().toString()}</FormHelperText>