ui_poc/app/static/pages/calendar.html
2024-09-06 11:46:30 -04:00

20 lines
882 B
HTML

<!-- frontend/pages/calendar.html -->
<div id="calendar" class="content">
<h3 class="text-xl font-semibold">Calendar</h3>
<p class="mt-3">Keep track of your events and appointments.</p>
<div class="mt-5">
<p>You can add your events using the form below:</p>
<form class="mt-2">
<label class="block mb-2">Event Title:</label>
<input type="text" class="border rounded p-2 mb-4 w-full" placeholder="Meeting with John">
<label class="block mb-2">Date:</label>
<input type="date" class="border rounded p-2 mb-4 w-full">
<label class="block mb-2">Time:</label>
<input type="time" class="border rounded p-2 mb-4 w-full">
<button type="submit" class="bg-blue-500 text-white rounded p-2">Add Event</button>
</form>
</div>
</div>