How to Change the Weekend Dates in the .NET MAUI Calendar (SfCalendar)?
In the Syncfusion® .NET MAUI Calendar, you can customize the weekend days by using the WeekendDays property of the SfCalendar.
Step 1: Create a ViewModel class and add a property WeekendDayList to specify the weekend days. Bind this property to the CalendarMonthView’s WeekendDays property of the SfCalendar.
C#
public class CalendarViewModel
{
public List<DayOfWeek> WeekendDayList { get; set; }
public CalendarViewModel()
{
this.WeekendDayList = new List<DayOfWeek>() { DayOfWeek.Monday, DayOfWeek.Friday };
}
}
XAML
<ContentPage.BindingContext>
<local:CalendarViewModel />
</ContentPage.BindingContext>
<ContentPage.Content>
<calendar:SfCalendar x:Name="calendar">
<calendar:SfCalendar.MonthView>
<calendar:CalendarMonthView WeekendDays="{Binding WeekendDayList}">
</calendar:CalendarMonthView>
</calendar:SfCalendar.MonthView>
</calendar:SfCalendar>
</ContentPage.Content>
Step 2: Customize the weekend days' background and text appearance using the WeekendDatesBackground and WeekendDatesTextStyle properties of the CalendarMonthView to highlight the weekend days.
XAML
<calendar:CalendarMonthView WeekendDays="{Binding WeekendDayList}"
WeekendDatesBackground="LightGray">
<calendar:CalendarMonthView.WeekendDatesTextStyle>
<calendar:CalendarTextStyle TextColor="Red"
FontSize="15"
FontAttributes="Italic"/>
</calendar:CalendarMonthView.WeekendDatesTextStyle>
</calendar:CalendarMonthView>
Output:
Conclusion:
I hope you enjoyed learning how to change the weekend dates in the .NET MAUI Calendar (SfCalendar).
You can refer to our .NET MAUI Calendar’s feature tour page to learn about its other groundbreaking feature representations. Explore our .NET MAUI Calendar documentation to understand how to present and manipulate data.
For current customers, you can check out our .NET MAUI components from the License and Downloads page. If you are new to Syncfusion®, you can try our 30-day free trial to check out our .NET MAUI Calendar and other .NET MAUI components.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
