Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA disbursement date and a preferred payment day of the month that work out the first payment date, at least thirty days out, with the last day of the month as an option. Use this when a loan repays on a fixed day each month and the first payment must be a minimum time after funding.
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 loan repays on a fixed day each month and the first payment must be a minimum time after funding.
Do not use it for repeating events in general; use recurrence-picker.
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 |
|---|---|---|---|
| disbursement | string | today | Funding date. |
| minDays | number | 30 | Smallest gap before the first payment. |
| paymentDays | (number | "last")[] | 1, 5, 10, 15, 20, 25, last | Days offered. |
| onValueChange | (result: { day; firstPayment; schedule: string[] }) => void | - | First payment and the next three. |
The pattern ships with a Testing Library test (loan-first-payment-date.test.tsx) that covers the minimum gap, the last day option and a short February.