List Todo With Due Date - Todo list panel with due date

Pro

Task list with due date meta and overdue row styling.
Shadcn List Todo With Due Date component

Component data

ID
list-panel/list-todo-with-due-date
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

List Todo With Due Date component design & features

This example adds due date text in ItemDescription and applies destructive text color when a task is past due.

Due date lists suit reminder panels, invoice follow-ups, and project trackers where deadlines must stay visible in the row.