Example settings

Moving and resizing events

The bookings calendar inside <CalendarEditing>: drag an event to move it or its edge to resize it (a long-press on touch), or grab it from the keyboard (Space, the arrow keys, Enter). Open time, confirmed bookings and timed bookings are rules, and rejected drops say why; a fake API saves each change after a moment, slowly, or rejects or fails it, so pending changes, saves and reverts can be seen and heard. Sunday 25 October holds the hour that happens twice.

  • Drag an event to move it, or its edge to resize it; a long-press drags on touch.
  • From the keyboard: Space grabs the focused event, the arrow keys move it, Shift with ↑ or ↓ changes its end, Enter drops it and Escape cancels.
  • Anna’s bookings (Chair 2) stay inside her open time.
  • Confirmed bookings cannot be overlapped, and bookings need a start and an end time.
Saving

Oct 19 – 25, 2026

Time
All day
Time
09:30 – 11:30 Studio rental · Room A

onEventChange: no change yet

Save: nothing saved yet

onEventChangeError: no error yet

onSelect: nothing selected yet

onDateClick: no date clicked yet