
Essential UI Kit
for Blazor
Layouts
Calendar

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
Get 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.
Get Figma
- Preview
- Code
Code copied!
Calendar for Room Booking
Get 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.
Get Figma
- Preview
- Code
Code copied!
Calendar with Holiday List
Get 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.
Get Figma
- Preview
- Code
Code copied!
Calendar with Meeting List
Get 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.
Get Figma
- Preview
- Code
Code copied!
Calendar with To-Do List
Get 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.
Get Figma
- Preview
- Code
Code copied!
Calendar with Timeline View
Get 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.
Get Figma
- Preview
- Code
Code copied!