Example settings

Drops from dnd-kit

Another drag-and-drop library's items dropped on the calendar: dnd-kit's pointer and keyboard sensors move service chips, the calendar is a dnd-kit drop target, and on the drop store.hitTest names the slot or day under the chip, where the app books it.

  • Drag a service onto a time or a day: dnd-kit moves it, the calendar names the slot.
  • From the keyboard: Tab to a service, Space picks it up, the arrow keys move it a slot or a day at a time, Space books it there and Escape cancels.
  • The calendar’s own drag-in, with a slot cursor and a single-pointer pick-up, is on the external drag example.

Services

Oct 19 – 25, 2026

Time
All day
Time
11:00 – 11:45 Haircut · Ben
09:00 – 10:30 Haircut · Anna14:00 – 14:45 Haircut · Ben
09:30 – 11:30 Studio rental · Room A
22:00 – 06:00 Night shoot · Room A
00:00 – 06:00 Night shoot · Room A10:00 – 12:00 Studio rental · Room A

Over: not dragging

Dropped: no drop yet