Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

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>