Default Values Settings Block for React

From a typed day, never the clock: AS_OF is the day the card's task is made on. Calendar days add the number to it; working days step forward one day at a time and skip Saturdays and Sundays, so 5 working days after Wednesday is the next Wednesday and 7 calendar days is the same one. Zero means due the day it is made. The number is limited to 60: typing more says so and keeps 60. A real app would do the same sum on the server when a task is created, from its own clock and calendar.

Tags Input takes a label when you press Enter or a comma, or when you leave the field. A label is lowercase letters, digits and hyphens up to 16, once each, and four is the most; a refused label says why in the line under the field, and when four are in, the line says so. Each label has its own remove button, and Backspace in the empty field selects the last label and a second press removes it. The card shows the labels as chips in a place that keeps its height, so adding the fourth never moves the rest.

It puts every default back to the product's own (normal priority, unassigned, due in 7 days, no estimate, no labels, visible to everyone on the project) in the form and the card, and counts it as unsaved changes: nothing is saved until you press Save defaults, and Discard goes back to what was last saved.

Everything. Save keeps the edited defaults as the saved ones, in this page only, and says how many changes it kept; nothing is created, assigned or sent. Wire it by posting the saved object (priority, assignee, days, whether they are working days, estimate, labels and visibility) to your API in the save handler, and read the same object when a task is created. Save and Discard stay in place and focusable while nothing changed and answer "No changes to save." in words.

No, it is a picture of the result. The title and description lines are drawn shapes; the six defaults are real text in a description list, so a screen reader reads them, and the figure's caption says nothing is created. Because it follows the draft, it changes as you type, before anything is saved.

Every control has a visible label, and the due field's hint and the labels' hint are tied to their fields by aria-describedby; a problem is shown in words under the field with an icon, never by colour alone. The status line is a polite live region present from the start. Below the large breakpoint the card moves under the rows, and each row stacks its name over its control.