Schedule a Meeting

\n Fill in the meeting details and we'll suggest the best available times during business hours (8 AM - 5 PM).\n

\n\n

\n {/* Meeting Details Form */}\n

Meeting Details

\n \n

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

\n\n

\n \n Duration\n \n \n \n \n \n \n \n \n

\n\n

\n \n Description\n \n \n

\n\n

\n \n Attendees (Email addresses)\n \n \n

Separate multiple emails with commas

\n\n

\n \n Location\n \n \n

\n\n \n {loading ? (\n <>\n

\n Finding Times...\n \n ) : (\n <>\n \n Find Available Times\n \n )}\n \n

\n\n {/* Time Suggestions */}\n

Suggested Times

\n \n {suggestions.length === 0 ? (\n

🔍

Click \"Find Available Times\" to see suggestions

\n ) : (\n

\n {suggestions.map((slot, index) => (\n setSelectedSlot(slot)}\n className={`w-full text-left p-3 rounded-lg border-2 transition-all ${\n selectedSlot === slot\n ? 'border-blue-500 bg-blue-50 text-blue-900'\n : 'border-gray-200 hover:border-gray-300 hover:bg-gray-50'\n }`}\n >\n

{getSlotLabel(slot)}

\n {formData.duration} minute meeting\n

\n \n ))}\n \n {selectedSlot && (\n \n {loading ? (\n <>\n

\n Scheduling...\n \n ) : (\n <>\n \n Schedule Meeting\n \n )}\n \n )}\n

\n )}\n

\n\n {/* Quick Stats */}\n {freeSlots.length > 0 && (\n

📊

Available This Week

\n You have {freeSlots.length} free time slots totaling{' '}\n {Math.round(freeSlots.reduce((sum, slot) => sum + slot.duration, 0) / 60)} hours\n of available time during business hours.\n

\n )}\n

\n );\n}","deleted","label",[175,176,158],"frontend","components","permalink","https://www.val.town/x/Syphrose1990/Reminder/code/frontend/components/MeetingScheduler.tsx","extension","actionData","errors"]