Shadcn Event Calendar Event Form Dialog

When to use

• Team calendars in month, week, day and agenda views where events are added, edited and dragged
• Room and appointment bookings laid out as one column per resource or as a single day of open slots
• Project and campaign plans drawn as color coded bars spanning several days of a month

When not to use

• New bookings drawn by dragging across empty time rather than typed into a form: use the Event Calendar Drag-to-Book example
• A finished full page scheduling workspace, such as a hotel desk, shift roster or clinic: use the Event Calendar blocks
• A compact booking card where someone picks a day, then a free time slot, and confirms: use the Schedule blocks
• A plain date or date range input in a form, with no hours, events or dragging: use the Calendar component

Agent notes

• openCreate keeps only the day of a clicked slot and seedCreate starts every draft at 9:00, even after a 2 PM click in week view
• openEdit reads only getHours of the start, so saving an item dragged to 9:15 moves it back to 9:00
• No example passes onEventsChange, so drags, resizes and apiRef edits stay in calendar state and are lost on reload
• New event ids come from a useRef counter that restarts at 0 on every mount, so take ids from your store once events persist

Third-party API docs

• date-fns v4: docs