Skip to main content
One example app per renderer, hosted on GitHub Pages. Everything here runs the real library, no mocks.
The examples/native app, exported for the web with react-native-web. This is the same code that runs on iOS and Android.

​
Things to try

  • Switch modes with the tabs: month, week, 3-day, day, schedule.
  • Pinch / Ctrl-scroll on the week or day grid to zoom the hours.
  • Click-drag an event vertically to change its time, horizontally to move it to another day. Drag the evening gig down past the end of its day and it continues on the next one. The exam is “locked”: its drop is rejected and it snaps back.
  • Drag the grip at an event’s bottom edge to resize it.
  • Click-drag empty space to create an event; press Escape mid-drag to cancel.
  • Right-click an event for the context menu (move / delete).
  • Note the shaded hours: business hours are 9–5 on weekdays, and weekends read as closed.
On native, dragging starts on a long-press (so taps and scrolls aren’t hijacked); on the web it starts after a small drag, so a plain click still selects. See Dragging & creating and Web.