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.
Oct 19 – 25, 2026
Press Space to start a selectionMonday, October 19, 2026, Press Space to moveWednesday, October 21, 2026, 11:00 to 11:45, Chair 1, Press Space to moveThursday, October 22, 2026, 09:00 to 10:30, Chair 2, Press Space to moveThursday, October 22, 2026, 14:00 to 14:45, Chair 1, Press Space to moveFriday, October 23, 2026, 09:00 to 09:30, Room A, Press Space to moveFriday, October 23, 2026, 09:30 to 11:30, Room A, Press Space to moveSaturday, October 24, 2026, 22:00 to Sunday, October 25, 2026, 06:00, Room A, Press Space to moveSaturday, October 24, 2026, 22:00 to Sunday, October 25, 2026, 06:00, Room A, Press Space to moveSunday, October 25, 2026, 01:30 to 02:00 (UTC+2), Room A, Press Space to moveSunday, October 25, 2026, 10:00 to 12:00, Room A, Press Space to move
onEventChange: no change yet
Save: nothing saved yet
onEventChangeError: no error yet
onSelect: nothing selected yet
onDateClick: no date clicked yet