Components
Loading preview...
The Stacked Bar Calendar is a visually intuitive calendar component built entirely with Shadcn UI components. Each day is represented as a vertical stack of colored bars, where each bar corresponds to an event, and its height and color indicate the event’s category or importance (low, medium, high). Users can filter events by category using a sleek Shadcn Select component, allowing them to focus on specific event types. Clicking a date opens a detailed view of all events scheduled for that day, with options to remove events via a Trash icon. New events can be added dynamically for any selected date with a title and category. The component leverages Shadcn’s Calendar, Card, Popover, Input, Button, and Select components to provide a fully interactive, responsive, and aesthetically consistent interface for managing and visualizing events.