LayoutsRight ChevronCalendar
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 ViewFigma LogoGet FigmaGo 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 LogoGet FigmaGo to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator
Calendar for Room BookingFigma LogoGet FigmaGo 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 LogoGet FigmaGo to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator
Calendar with Holiday ListFigma LogoGet FigmaGo 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 LogoGet FigmaGo to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator
Calendar with Meeting ListFigma LogoGet FigmaGo 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 LogoGet FigmaGo to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator
Calendar with To-Do ListFigma LogoGet FigmaGo 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 LogoGet FigmaGo to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator
Calendar with Timeline ViewFigma LogoGet FigmaGo 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 LogoGet FigmaGo to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator