Shadcn.io is not affiliated with official shadcn/ui
React Task Deadline Calendar Block
React task deadline calendar block for Next.js with priority indicators, overdue warnings, due date sorting, progress tracking, and assignee avatars using shadcn/ui and Tailwind CSS
Track every deadline with this task calendar block. View tasks sorted by due date with priority indicators, overdue warnings, progress bars, and assignee avatars. Filter by priority level and see at a glance what needs attention today. Built with React, TypeScript, shadcn/ui Badge, Button, and Progress components, and Tailwind CSS.
React Task Deadline Calendar Block preview
Installation
Related Components
Sprint Timeline
Agile sprint timeline view
Countdown Timer
Event countdown display
Meeting Scheduler
Meeting scheduling with availability
Timeline View
Horizontal timeline with event blocks
Year Overview
12-month year heat map view
Resource Scheduler
Resource scheduling grid with rooms
FAQ
Was this page helpful?
Sign in to leave feedback.
React Calendar Sync Settings Block
React calendar sync settings block for Next.js with Google, Outlook, and iCal integration toggles, sync frequency selector, and conflict resolution options built with shadcn/ui and Tailwind CSS
React Calendar Team Schedule Block
A team availability matrix with member rows, time slot columns, status indicators, and overlap detection built with React, Next.js, shadcn/ui Avatar, and Tailwind CSS