Create New Event

\n Share your event with the community and connect with attendees\n

\n\n

\n {/* Event Title */}\n

\n \n Event Title *\n \n handleInputChange(\"title\", e.target.value)}\n placeholder=\"e.g., Community BBQ, Tech Meetup, Art Workshop\"\n className={`w-full form-input px-3 py-2 border rounded-md ${\n errors.title ? \"border-red-300\" : \"border-gray-300\"\n }`}\n maxLength={100}\n />\n {errors.title &&

{errors.title}

}\n

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

\n \n Event Description *\n \n handleInputChange(\"description\", e.target.value)}\n placeholder=\"Describe your event, what to expect, what to bring, etc.\"\n rows={4}\n className={`w-full form-input px-3 py-2 border rounded-md ${\n errors.description ? \"border-red-300\" : \"border-gray-300\"\n }`}\n maxLength={500}\n />\n

\n {errors.description &&

{errors.description}

}\n

\n {formData.description.length}/500 characters\n

\n\n {/* Date and Time */}\n

\n \n Date & Time *\n \n handleInputChange(\"date\", e.target.value)}\n min={getMinDateTime()}\n className={`w-full form-input px-3 py-2 border rounded-md ${\n errors.date ? \"border-red-300\" : \"border-gray-300\"\n }`}\n />\n {errors.date &&

{errors.date}

}\n

\n\n {/* Location */}\n

\n \n Location *\n \n handleInputChange(\"location\", e.target.value)}\n placeholder=\"e.g., Central Park, 123 Main St, Community Center\"\n className={`w-full form-input px-3 py-2 border rounded-md ${\n errors.location ? \"border-red-300\" : \"border-gray-300\"\n }`}\n maxLength={200}\n />\n {errors.location &&

{errors.location}

}\n {userLocation && (\n

\n ✅ Your current location will be used for distance calculations\n

\n )}\n

\n\n {/* Organizer Information */}\n

\n \n Your Name *\n \n handleInputChange(\"organizer_name\", e.target.value)}\n placeholder=\"Your full name\"\n className={`w-full form-input px-3 py-2 border rounded-md ${\n errors.organizer_name ? \"border-red-300\" : \"border-gray-300\"\n }`}\n maxLength={50}\n />\n {errors.organizer_name &&

{errors.organizer_name}

}\n

\n\n

\n \n Your Email *\n \n handleInputChange(\"organizer_email\", e.target.value)}\n placeholder=\"your@email.com\"\n className={`w-full form-input px-3 py-2 border rounded-md ${\n errors.organizer_email ? \"border-red-300\" : \"border-gray-300\"\n }`}\n />\n {errors.organizer_email &&

{errors.organizer_email}

}\n

\n\n {/* Age Restrictions */}\n

\n \n Age Restrictions (optional)\n \n

\n handleInputChange(\"min_age\", e.target.value ? parseInt(e.target.value) : undefined)}\n placeholder=\"Minimum age\"\n min=\"0\"\n max=\"120\"\n className={`w-full form-input px-3 py-2 border rounded-md ${\n errors.min_age ? \"border-red-300\" : \"border-gray-300\"\n }`}\n />\n {errors.min_age &&

{errors.min_age}

}\n

\n\n

\n handleInputChange(\"max_age\", e.target.value ? parseInt(e.target.value) : undefined)}\n placeholder=\"Maximum age\"\n min=\"0\"\n max=\"120\"\n className={`w-full form-input px-3 py-2 border rounded-md ${\n errors.max_age ? \"border-red-300\" : \"border-gray-300\"\n }`}\n />\n {errors.max_age &&

{errors.max_age}

}\n

\n {errors.age &&

{errors.age}

}\n

\n Leave blank for no age restrictions\n

\n\n {/* Submit Error */}\n {errors.submit && (\n

{errors.submit}

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

\n \n Cancel\n \n \n {isSubmitting ? (\n

\n Creating...\n

\n ) : (\n \"🎉 Create Event\"\n )}\n \n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/M_mb_a/untitled-8829/code/frontend/components/EventForm.tsx","extension","actionData","errors"]