Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProAn all-day switch that swaps a start and end date-time for plain start and end dates, remembering the times when it is switched back. Use this when an event can be a whole day or span hours and the form should not lose the times when someone toggles.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it when an event can be a whole day or span hours and the form should not lose the times when someone toggles.
Do not use it for tasks with only a deadline; use deadline-with-end-of-day.
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 |
|---|---|---|---|
| defaultValue | { allDay: boolean; start: string; end: string } | - | Dates are YYYY-MM-DD; times are HH:mm kept inside. |
| onValueChange | (event: { allDay; start; end }) => void | - | All-day events use dates; timed events use local date-times. |
The pattern ships with a Testing Library test (all-day-event-toggle.test.tsx) that covers the output shape in both modes and remembering times across a toggle.