Deadline Extension Request

ProNew

A request for a later deadline that shows the current date, requires the new one to be after it, caps the extension and states how many days are added. Use this when people ask for more time on a task, assignment or filing and there is a limit.

Customize

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.

current

maxExtensionDays14

Guide and examples

When to use it

Use it when people ask for more time on a task, assignment or filing and there is a limit.

Do not use it to set a first deadline; use deadline-with-end-of-day.

Installation

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.

Props

Prop	Type	Default	Description
current	string	-	Current deadline.
maxExtensionDays	number	14	Longest extension.
holidays / weekends	-	weekends off	Whether the new date may fall on a weekend (`allowWeekend`).
onRequest	`(newDate: string, daysAdded: number) => void`	-	Called when valid.

Accessibility

The result is words in a status or alert ("Adds 5 days"; "The new date must be after Oct 30"); the button is disabled with the reason visible.

Testing

The pattern ships with a Testing Library test (deadline-extension-request.test.tsx) that covers valid, earlier, same, beyond the cap and the callback.

Guide and examples

When to use it

Use it when people ask for more time on a task, assignment or filing and there is a limit.

Do not use it to set a first deadline; use deadline-with-end-of-day.

Installation

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.

Props

Prop	Type	Default	Description
current	string	-	Current deadline.
maxExtensionDays	number	14	Longest extension.
holidays / weekends	-	weekends off	Whether the new date may fall on a weekend (`allowWeekend`).
onRequest	`(newDate: string, daysAdded: number) => void`	-	Called when valid.

Accessibility

The result is words in a status or alert ("Adds 5 days"; "The new date must be after Oct 30"); the button is disabled with the reason visible.

Testing

The pattern ships with a Testing Library test (deadline-extension-request.test.tsx) that covers valid, earlier, same, beyond the cap and the callback.