Layouts Right Chevron Calendar
Calendar - Image
Calendar
The calendar provides an organized, user-friendly view of dates, events, and tasks, making it easy to manage schedules. With features like date selection, agenda and to-do lists, timeline views, and customizable filters, users can quickly navigate their calendars and stay on top of important appointments and deadlines. Interactive action buttons for adding events, setting reminders, and marking tasks complete further enhance usability, ensuring a seamless experience for planning and managing daily activities.
Calendar for Quick View Figma Logo Get Figma Go to Figma
In this demo, the calendar layout is positioned on the right as an overlay panel, displaying a monthly view along with a list of scheduled events. The event list shows upcoming meetings, including titles, time slots, and assigned individuals.
Figma Logo Get Figma Go to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator
Calendar for Room Booking Figma Logo Get Figma Go to Figma
In this demo, the calendar layout offers date selection along with filters for personalized room booking. The filters include an accordion to select categories, a price range slider, and checkboxes for choosing hotel facilities, making it easy to narrow down the options.
Figma Logo Get Figma Go to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator
Calendar with Holiday List Figma Logo Get Figma Go to Figma
In this demo, the calendar layout uses an overlay with an agenda view to display events and holidays in a chronological list. At the bottom, a button allows users to add new entries directly from the panel, offering a seamless way to manage and update the calendar.
Figma Logo Get Figma Go to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator
Calendar with Meeting List Figma Logo Get Figma Go to Figma
In this demo, the calendar layout is positioned on the right as an overlay panel, displaying a monthly view along with a list of scheduled events. The event list shows upcoming meetings, including titles, time slots, and duration.
Figma Logo Get Figma Go to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator
Calendar with To-Do List Figma Logo Get Figma Go to Figma
In this demo, the calendar layout combines a calendar view with a to-do list for easy task management. The to-do list displays tasks with checkboxes and strikethrough for completed items, providing a clear overview of daily tasks. At the bottom, a button allows users to add new to-do items, offering an easy way to expand the list as needed.
Figma Logo Get Figma Go to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator
Calendar with Timeline View Figma Logo Get Figma Go to Figma
In this demo, the calendar layout presents a timeline view, displaying holidays in chronological order. It also includes details about individual leave, such as the date, type, and approval status, providing a comprehensive overview.
Figma Logo Get Figma Go to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator