Calendar planner

1 test · 5 finished runs (5 agent, 0 raw one-shot) · 5 live demos

The prompt

Build a working calendar app in one page in the spirit of Google Calendar. It needs: day, week, month and agenda views with smooth transitions; a mini month picker; events created by dragging across time slots in day and week views, moved by dragging, resized by their bottom edge, and edited in a popover (title, time, colour, location, notes); correct side-by-side layout of overlapping events; all-day events in a top strip; recurring events (daily, weekly on chosen weekdays, monthly) with edit-this-or-all choices; a current-time line that moves; keyboard navigation (t today, d/w/m/a views, arrows for previous and next); multiple calendars with colour toggles in a sidebar; search across events; and persistence to localStorage with a reset-to-sample button. Seed two realistic weeks of events for a busy product manager around today's date. Compute dates correctly across month boundaries and leap years. So the page is alive without input, on load it runs a scripted demo: switches views, drags out a new meeting, resizes it, drags it to another day, creates a weekly recurring event, toggles a calendar off and on and searches for an event, then resets and repeats, until the user touches anything. Make it calm, clean and genuinely usable. Save it as index.html in the current directory: one self-contained file with inline CSS and JavaScript only, no libraries or frameworks, and no external requests of any kind (no CDNs, web fonts, images or audio files). It must work when opened directly from disk, fit any window from a 390 px wide phone to a desktop, and run without console errors. You may serve it locally and open it in headless chromium (/usr/bin/chromium, software WebGL, no GPU) to screenshot and inspect your own output, and iterate on your own before finishing. Close any browser you open as soon as you've taken your screenshot.