shadcn.io is not affiliated with official shadcn/ui
Notification Task List Block for Ark UI
A due-soon digest sorting tasks into Overdue, Due today and This week, with a Done button and a Snooze select on each row and a receipt with Undo in the same place.
Installation
Overview
Start the day with what needs you, with this notification to-do list block for React with Ark UI. Tasks are sorted from a fixed date into three bands, Overdue, Due today and This week, each with its own open count, and a Badge in the header counts everything still open. Every row has a Done button and a Native Select that snoozes the task to Tomorrow or Next Monday. Snoozing moves the due date and leaves a receipt in the same row ("Snoozed to Thu 15 Oct") with an Undo in the place of the select; Done strikes the title and offers Undo the same way, so no row jumps between bands under the pointer. When no row is open the foot says "All clear for this week." This digest lists tasks that need you, not events that happened, so it has no read state. Guides rule the bands. For daily digests, reminder emails and task apps.
FAQ
How are the bands chosen?
At load, from each task's ISO due date against one fixed AS_OF (Wed 14 Oct): before it is Overdue, equal is Due today, and up to Sunday is This week. A band is stored on the task and kept, so snoozing or completing a task never moves its row.
What do the snooze options do?
Tomorrow sets the due date to Thu 15 Oct and Next Monday to Mon 19 Oct, both counted from AS_OF. The receipt shows the new day, and Undo puts back the date the task had before the snooze.
Where does focus go?
After Done or Snooze it moves to that row's Undo button, which takes the select's place, and after Undo back to the row's Done button, so keyboard users never lose their place.