Scheduler

A demo showcasing the MgLibrary Scheduler component with real-world scheduling UI patterns.

Use this example to explore default behavior, customization points, and accessibility-friendly patterns in a real Blazor page.

Scheduler

MgScheduler

This scheduler demo shows how appointments can be displayed, updated, and removed in a simple calendar-driven workflow. It is designed to demonstrate real-world scheduling UI patterns with minimal setup.

Manage time blocks

Show appointments with dates, start and end times, and short supporting details.

Use visual categories

Assign colors to events so different appointment types are easier to scan and understand.

Wire in actions

Handle click, delete, update, date, and view events to connect the scheduler to your business logic.

API Reference

MgScheduler

Property	Type	Default	Description
ScheduleItems	List<MgScheduleItem>	[]	The appointments shown in the scheduler.
ScheduleItemClicked	EventCallback<MgScheduleItem>	-	Raised when a schedule item is clicked.
ItemDeleting	EventCallback<MgScheduleItem>	-	Raised when an item is deleted from the editor.
ItemUpdating	EventCallback<MgScheduleItem>	-	Raised when an item is updated or created.
DateChanged	EventCallback<DateTime>	-	Raised when the active calendar date changes.
ViewChanged	EventCallback<MgSchedulerView>	-	Raised when the calendar view changes.
MonthTitleClasses	string	bg-blue-500 ...	CSS classes for the month title.
DayTitleClasses	string	bg-sky-100 ...	CSS classes for the day title.
Classes	string	""	Additional CSS classes for the scheduler root.
Id	string	""	Optional element id for the scheduler root.