Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProPhases with a length each that follow one another from a start date, so changing one length or the start moves every later phase, with the finish date at the end. Use this when a plan is a chain of phases and each one starts when the previous one ends.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it when a plan is a chain of phases and each one starts when the previous one ends.
Do not use it for milestones with independent dates; use project-milestone-dates.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
| start | string | today | First day of the first phase. |
| phases | { name: string; days: number }[] | - | Phases and lengths in calendar days. |
| onValueChange | (rows: { name; from; to }[], finish: string) => void | - | The dated phases. |
The pattern ships with a Testing Library test (timeline-phase-dates.test.tsx) that covers the chain, a change in one phase moving the rest, and the start date.