Calendar Blocks based on shadcn/ui
A weekly calendar view with day navigation, meeting cards displaying time and participants, and meeting link management. Features editable events with dropdown menus for quick actions. Built with shadcn/ui components for professional scheduling and calendar management. Perfect for team calendars, weekly planners, and meeting schedules.
09:00 AM - 11:00 AM
12:00 PM - 1:00 PM
import Calendar01 from "../calendar-01"
export default function Page() {
return <Calendar01 />
}
A multi-day calendar layout showing events organized by date with detailed event cards. Each event displays organizer info, time, and location with dropdown actions for management. Built with shadcn/ui components for comprehensive daily scheduling. Ideal for event calendars, daily planners, and activity tracking.
Stay on top of your schedule with our detailed events.
Monday
Aug 29
Content Strategy Workshop
Emma Roberts
09:00 AM - 11:00 AM
Online
UX Design Review
Lucian Eurel
3:00 PM - 4:30 PM
Design Studio, Room 203
Tuesday
Aug 30
New Campaign Kickoff Meeting
Misha Stam
09:00 AM - 11:00 AM
Client HQ
Wednesday
Aug 31
Team Goals Alignment
Marcel Glock
1:00 PM - 2:00 PM
Online
Product Launch Planning
Mike Devis
3:00 PM - 4:00 PM
Online
import Calendar02 from "../calendar-02"
export default function Page() {
return <Calendar02 />
}
A comprehensive event creation form featuring date picker, time selection, frequency options, guest management, and file attachments. Includes DayPicker for intuitive date selection and avatar stacking for guest visualization. Built with shadcn/ui components and date-fns for professional event management. Perfect for meeting scheduling, event creation, and calendar appointment forms.
Use this card to quickly set up new events, invite participants, and manage all the details
import Calendar03 from "../calendar-03"
export default function Page() {
return <Calendar03 />
}