Shadcn.io is not affiliated with official shadcn/ui
React Table Block Scheduling Grid
Table component with time slot scheduling grid showing availability for React booking and calendar interfaces
Schedule appointments on your Next.js booking dashboard with this scheduling table component. Features time slots as rows, days as columns, availability status indicators, click to book interactions, booked slot details on hover, and conflict highlighting. Built with shadcn/ui Table and Tooltip components using Tailwind CSS. The grid layout enables quick availability scanning perfect for appointment booking, meeting room reservations, class schedules, resource allocation, or any React app requiring time-based slot selection.
React Table Block Scheduling Grid preview
Installation
Related Components
Table with Heatmap Cells
Visual density
Table with Row Selection
Select slots
Table with Color Indicators
Status colors
Table with Quick Filters
Filter by status
Table with Checkbox Toggles
Toggle availability
Table with Row Comparison
Compare schedules