Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA date field for something that expires, such as a licence or certificate, with a message that moves from fine to expiring soon to expired and says how many days remain. Use this when a record has an expiry date and the person editing it should see how urgent it is.
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 record has an expiry date and the person editing it should see how urgent it is.
Do not use it for dates that only need to be in the future; use date-field.
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 | string | null | null | Expiry date. |
| warnDays | number | 30 | Days before expiry that count as expiring soon. |
| today / locale | - | - | Reference day and locale. |
The pattern ships with a Testing Library test (expiry-warning-date.test.tsx) that covers the three states at their boundaries and the wording.