From 69ecf856741ca05a73c7bbd48e34362326d69196 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 18 Apr 2026 21:00:30 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/routes/calendar.index.tsx | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/routes/calendar.index.tsx b/src/routes/calendar.index.tsx
index 2ce43bd..7bc6e80 100644
--- a/src/routes/calendar.index.tsx
+++ b/src/routes/calendar.index.tsx
@@ -769,13 +769,20 @@ function CalendarPage() {
                 <Textarea value={fNotes} onChange={(e) => setFNotes(e.target.value)} rows={3} />
               </div>
             </div>
-            <DialogFooter>
-              <Button variant="outline" onClick={() => setDialogOpen(false)} disabled={saving}>
-                Cancel
-              </Button>
-              <Button onClick={handleCreate} disabled={saving}>
-                {saving ? "Saving…" : "Save event"}
-              </Button>
+            <DialogFooter className="gap-2 sm:justify-between">
+              {editingId ? (
+                <Button variant="ghost" onClick={handleDelete} disabled={saving} className="text-destructive">
+                  <Trash2 className="h-4 w-4 mr-1" /> Delete
+                </Button>
+              ) : <span />}
+              <div className="flex gap-2">
+                <Button variant="outline" onClick={() => setDialogOpen(false)} disabled={saving}>
+                  Cancel
+                </Button>
+                <Button onClick={handleCreate} disabled={saving}>
+                  {saving ? "Saving…" : editingId ? "Save changes" : "Save event"}
+                </Button>
+              </div>
             </DialogFooter>
           </DialogContent>
         </Dialog>