\n {event ? 'Edit Event' : 'Add New Event'}\n

\n \n ×\n \n

\n\n {error && (\n

{error}

\n )}\n\n

\n {/* Title */}\n

\n \n Title *\n \n \n

\n\n {/* Description */}\n

\n \n Description\n \n \n

\n\n {/* Start Time */}\n

\n \n Start Time *\n \n \n

\n\n {/* End Time */}\n

\n \n End Time *\n \n \n

\n\n {/* Reminder */}\n

\n \n Reminder Time\n \n \n

\n Set a time to be reminded about this event\n

\n\n {/* Quick reminder buttons */}\n

\n \n Quick Reminder Options\n \n

\n {[\n { label: '15 min before', minutes: 15 },\n { label: '30 min before', minutes: 30 },\n { label: '1 hour before', minutes: 60 },\n { label: '1 day before', minutes: 1440 }\n ].map(({ label, minutes }) => (\n {\n const startTimeInput = document.querySelector('input[name=\"start_time\"]') as HTMLInputElement;\n if (startTimeInput.value) {\n const startTime = new Date(startTimeInput.value);\n const reminderTime = new Date(startTime.getTime() - minutes * 60 * 1000);\n const reminderInput = document.querySelector('input[name=\"reminder_time\"]') as HTMLInputElement;\n reminderInput.value = reminderTime.toISOString().slice(0, 16);\n }\n }}\n className=\"px-2 py-1 text-xs bg-gray-100 text-gray-700 rounded hover:bg-gray-200\"\n >\n {label}\n \n ))}\n

\n\n {/* Form Actions */}\n

\n \n Cancel\n \n \n

\n );\n}","deleted","label",[169,170,152],"frontend","components","permalink","https://www.val.town/x/Ozy/Tracker/code/frontend/components/EventForm.tsx","extension","actionData","errors"]