Experiments

Visual regression test pages for the Scheduler components.

Recurring event durations

Timeline dependency arrows (#22855, #22856)

Finish-to-Start dependencies on the timeline. The dataset covers every route shape: a straight arrow on the same lane, an elbow across rows that turns right before its target to avoid crossing other events, a short arrow between adjacent events, and S routes for successors starting before their predecessor ends. Drag or resize an event to see its arrows follow. Hover an event and drag the terminal on its end edge onto another event to create a dependency — dropping on a duplicate link is rejected with a transient toast, and dropping on empty space cancels the gesture. Click an arrow to select it, then delete it with its button or the Delete/Backspace keys; Escape or clicking away deselects. Handoff belongs to two resources: its dependencies draw one arrow per pair of row appearances, each terminal drags from its own row, and selecting any of its arrows reveals a delete button on each. The feature has no public API yet, so the demo feeds the internal store parameters.

Month view multi-day overflow

Continuation after overflow (#22735)

A multi-day event pushed into "+N more" should collapse to a lower free row and render as one continuous bar once it runs alone, with a continuation arrow.

Overflow persists when no row frees up

An overflow event that can never collapse should stay counted in "+N more" on every day it crosses, not vanish after its first day.

Overflow button behind spanning bars

Two all-day events fill the visible rows; a new event on Jul 9 forces a "+N more" button on a row a multi-day bar runs across. The button must stay visible and the bar must resurface after it, not vanish for the rest of the week.

Compact (touch) views

Touch-optimized day/time-grid views for narrow widths, rendered here at a phone-like width. Each view shows a fixed number of days and uses the touch event variant (title only, no time).

Compact day view (1 day)

Compact three-day view (3 days)

Compact week view (7 days)

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.

• <StandaloneCompactDayViewPremium />
• <StandaloneCompactThreeDayViewPremium />
• <StandaloneCompactWeekViewPremium />