Shadcn UI Dashboard Block
Dashboard17 is a hospitality-focused dashboard built with Shadcn UI, featuring a two-column layout with a collapsible inset sidebar, main content with hotel KPIs and charts, and a fixed right panel with an advanced booking calendar. The sidebar has grouped navigation for front office, property, revenue, and administration sections. The main area includes a header with user greeting and date controls, hotel stat cards with trends, a sales pipeline chart, a revenue flow line chart, a paginated orders table, and a fulfillment panel. The right panel features a sophisticated booking calendar with a month grid showing booking markers on dates, category legend for arrivals, in-house, and departures, date selection, and detailed booking cards with guest information.
Card containers have rounded corners on a muted background. The booking calendar is the distinctive feature, displaying a full month grid where dates contain visual markers indicating booking types. Different marker styles distinguish arrivals, in-house stays, and departures. Clicking a date shows booking cards for that day with guest avatars, room information, source badges, and expandable details. The main charts follow the standard pattern with bar and line visualizations.
This dashboard stands out for its advanced booking calendar visualization that overlays booking status on a calendar grid. The marker system showing different booking types by date provides at-a-glance occupancy awareness that a simple list cannot convey. Very complex with the custom calendar component being the primary unique element alongside standard dashboard charts. Requires hotel metrics, pipeline and revenue time series, order records, fulfillment data, and detailed booking records with dates, guest information, room assignments, and booking types.