**FullCalendar** Calendar,Scheduler BitFullCalendar is a feature-rich, interactive calendar component with day, week, month, year, agenda, and resource timeline views, event CRUD, drag-and-drop, resize, and culture-aware date handling.
**Basic**:
events = [
new() { Id = "1", Title = "Team Standup", StartDate = DateTime.Today.AddHours(9), EndDate = DateTime.Today.AddHours(9).AddMinutes(45), Color = "blue" },
new() { Id = "2", Title = "Design Review", StartDate = DateTime.Today.AddHours(10), EndDate = DateTime.Today.AddHours(11), Color = "purple" },
];
}
**Theme**:
EventCard => ev =>
@ MonthBadge => ev => @📌 @ev.Title;
}
**Resource timeline**:
resources = [
new() { Id = "room-bay", Title = "HQ - Bay Wing", Subtitle = "Headquarters" },
new() { Id = "room-garden", Title = "The Garden", Subtitle = "Headquarters" },
new() { Id = "room-war", Title = "War Room (B1)", Subtitle = "Basement" },
];
private readonly List events = [
new() { Id = "1", Title = "Design Review", StartDate = DateTime.Today.AddHours(10), EndDate = DateTime.Today.AddHours(11), Resource = "room-bay", Color = "purple" },
];
}
**OnChange**:
@ev.Title
@if (!string.IsNullOrWhiteSpace(ev.Description))
{
@ev.Description
}
;
private RenderFragmentLast change: @lastChange
@code {
private string? lastChange;
private Task HandleChange(BitFullCalendarChangeEventArgs args)
{
lastChange = $"{args.Kind} ({args.Source}): {args.Event.Title}";
return Task.CompletedTask;
}
}
**Localization**: