Components
Loading preview...
The Heatmap Calendar component is a visually intuitive way to track daily activity using Shadcn UI components. Each day of the current month is displayed as a block whose color intensity reflects the number of events scheduled, allowing users to quickly gauge activity at a glance. Clicking or hovering on a day opens a Popover showing all events for that day, with each event displayed inside a Card. Users can add new events via an input field and button, and each event can be removed using the Lucide Trash2 icon. The design is clean, responsive, and works seamlessly in both light and dark themes, providing a simplified, month-focused view without extra or overlapping dates.