Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProTwo date-time fields where moving the start moves the end by the same amount to keep the length, and an end before the start is flagged. Use this when an event has a start and an end and editing the start should not break the length.
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 an event has a start and an end and editing the start should not break the length.
Do not use it for whole-day events; use all-day-event-toggle.
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 |
|---|---|---|---|
| value / defaultValue / onValueChange | { start: string | null; end: string | null } | empty | Local date-times. |
| defaultMinutes | number | 60 | Length given to a new end when the start is first set. |
| minMinutes | number | 5 | Shortest allowed event. |
The pattern ships with a Testing Library test (start-end-datetime-pair.test.tsx) that covers keeping the length when the start moves, a default length for a new event and an end before the start.