Shadcn.io is not affiliated with official shadcn/ui
React Mini Calendar Widget Block
A compact mini calendar widget with today indicator, event count badges, and quick navigation built with React, Next.js, shadcn/ui Badge component, and Tailwind CSS
Add a compact calendar widget to any sidebar or dashboard. Shows the current month with today highlighted, event count dots per day, and quick-jump navigation between months. Built with TypeScript, shadcn/ui Badge and Button components, and Tailwind CSS. Perfect for dashboard sidebars, mobile views, and embedded calendar summaries.
React Mini Calendar Widget Block preview
Installation
Related Components
Monthly View
Full month calendar grid
Agenda List
Chronological event list
Date Range Picker
Date range selection
Event Details
Event detail card with RSVP
Countdown Timer
Event countdown display
Habit Tracker
Daily habit tracking grid
FAQ
Was this page helpful?
Sign in to leave feedback.
React Meeting Scheduler Calendar Block
React meeting scheduling calendar block for Next.js with participant availability overlay, time slot suggestions, attendee conflict detection, and one-click booking using shadcn/ui and Tailwind CSS
React Monthly Calendar View Block
A full month calendar grid with event dot indicators, interactive day selection, and an event list sidebar built with React, Next.js, shadcn/ui, and Tailwind CSS