--- title: "Advanced Date Customization in .NET MAUI Calendar Control" published_at: "2023-09-19T12:38:32+00:00" modified_at: "2026-01-09T08:53:41+00:00" url: "https://www.syncfusion.com/blogs/post/advanced-date-customization-dotnet-maui-calendar" excerpt: "This blog explains the different types of date customization options available in the Syncfusion .NET MAUI Calendar control." taxonomy_category: - ".NET MAUI" - "Desktop" - "Mobile" - "Syncfusion" - "UI" taxonomy_post_tag: - ".NET MAUI" - "Calendar" - "desktop" - "MAUI" - "Mobile" --- # Advanced Date Customization in .NET MAUI Calendar Control [Sasi Kumar Arumugam](https://www.syncfusion.com/blogs/author/sasi-kumar-arumugam) ![Advanced Date Customization in .NET MAUI Calendar Control](https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Advanced-Date-Customization-in-.NET-MAUI-Calendar-Control.png) Syncfusion [.NET MAUI Calendar](https://www.syncfusion.com/maui-controls/maui-calendar) control is used to display and select dates. It also handles and considers different types of dates, offering various customization options. Users can create versatile and user-friendly date selection experiences that cater to various app scenarios by understanding these multiple date types. ![.NET MAUI Calendar](https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/NET-MAUI-Calendar-1.png) .NET MAUI Calendar In this blog, we’ll explore the different types of dates and their customization options available in the .NET MAUI Calendar control. **Note:** If you are new to this control, please refer to the [.NET MAUI Calendar getting started](https://help.syncfusion.com/maui/calendar/getting-started) documentation before proceeding. ## Current month dates: exploring dates within the present month Current month dates fall within the current month displayed in the .NET MAUI Calendar. These dates represent the days of the current month, ranging from the first day to the last day of the month. You can customize the default first day of the week (Sunday) based on your needs using the [FirstDayOfWeek](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_FirstDayOfWeek) property in the Calendar. You can also customize the current month date’s text and background using the [TextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_TextStyle) and [Background](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_Background) properties of the [MonthView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html) . Refer to the following code example. ``` SfCalendar calendar = new SfCalendar(); calendar.MonthView.TextStyle = new CalendarTextStyle() { TextColor = Colors.Red }; this. Content = calendar; ``` ![Customizing the Current Month's Dates in the .NET MAUI Calendar](https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Customizing-the-Current-Months-Dates-in-the-.NET-MAUI-Calendar.png) Customizing the Current Month’s Dates in the .NET MAUI Calendar ## Neighbor month dates The neighbor month dates denote the dates from the trailing (inclusion of the past) and leading (extension into the future) month dates displayed alongside the current month dates in the Calendar. The previous and next month’s dates will vary based on the specified first day of the week in the calendar. The visibility of the neighbor month dates can be customized by using the [ShowTrailingAndLeadingDates](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html#Syncfusion_Maui_Calendar_SfCalendar_ShowTrailingAndLeadingDates) property. Including the neighbor month dates improves usability and provides a broader view of the current month. By default, the .NET MAUI Calendar displays the neighbor month dates with a faded style to differentiate them from the current month dates. You can customize the neighbor month dates text and background using the [TrailingLeadingDatesTextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_TrailingLeadingDatesTextStyle) and [TrailingLeadingDatesBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_TrailingLeadingDatesBackground) properties of the [MonthView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html) . Refer to the following code example. ``` SfCalendar calendar = new SfCalendar(); calendar.MonthView.TrailingLeadingDatesTextStyle = new CalendarTextStyle() { TextColor = Colors.Red }; this. Content = calendar; ``` ![Customizing the Trailing and Leading Dates in the .NET MAUI Calendar](https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Customizing-the-Trailing-and-Leading-Dates-in-the-.NET-MAUI-Calendar.png) Customizing the Trailing and Leading Dates in the .NET MAUI Calendar ## Weekends Weekend dates fall on Saturdays and Sundays within a shown month of the calendar. The .NET MAUI Calendar supports changing the default weekend days using the [WeekendDays](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_WeekendDays) property of the [MonthView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html) . The Calendar also supports highlighting or customizing the month weekend dates text and background using the [WeekendDatesTextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_WeekendDatesTextStyle) and [WeekendDatesBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_WeekendDatesBackground) properties of the [MonthView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html) . **Note:** If the user does not provide the custom text style and background for the weekend dates, the Calendar control will render the weekend dates based on the current and neighbor month dates styles. Refer to the following code example. ``` SfCalendar calendar = new SfCalendar(); calendar.MonthView.WeekendDatesTextStyle = new CalendarTextStyle() { TextColor = Colors.Red }; calendar.MonthView.WeekendDays = new List { DayOfWeek.Sunday, DayOfWeek.Saturday }; this. Content = calendar; ``` ![Customizing Weekend Dates in .NET MAUI Calendar](https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Customizing-Weekend-Dates-in-.NET-MAUI-Calendar-1.png) Customizing Weekend Dates in .NET MAUI Calendar ## Today Today’s month date provides a point of reference for users. The date is highlighted by a border based on the selection shape in the calendar to distinguish today’s date from other dates. You can change the default color of today using the [TodayHighlightBrush](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html#Syncfusion_Maui_Calendar_SfCalendar_TodayHighlightBrush) property. You can also customize the text and background of today’s date using the [TodayTextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_TodayTextStyle) and [TodayBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_TodayBackground) properties of [MonthView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html) . Refer to the following code example. ``` SfCalendar calendar = new SfCalendar(); calendar.MonthView.TodayTextStyle = new CalendarTextStyle() { TextColor = Colors.Red }; calendar.TodayHighlightBrush = Brush.Red; this. Content = calendar; ``` ![Customizing Today's Date in .NET MAUI Calendar](https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Customizing-Todays-Date-in-.NET-MAUI-Calendar-1.png) Customizing Today’s Date in .NET MAUI Calendar ## Disabled dates: limiting the selection Disabled dates refer to the dates that are not considered valid because the dates fall before the minimum supported date or after the maximum supported date of the calendar. These dates restrict user interaction for the selection. By default, the calendar displays the disabled dates in a faded style to differentiate them from valid month dates. You can customize the valid date range using the [MinimumDate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html#Syncfusion_Maui_Calendar_SfCalendar_MinimumDate) and [MaximumDate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html#Syncfusion_Maui_Calendar_SfCalendar_MaximumDate) properties. The .NET MAUI Calendar also supports customizing the disabled month dates text and background using the [DisabledDatesTextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_DisabledDatesTextStyle) and [DisabledDatesBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_DisabledDatesBackground) properties of the [MonthView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html) . Refer to the following code example. ``` SfCalendar calendar = new SfCalendar(); calendar.MonthView.DisabledDatesTextStyle = new CalendarTextStyle() { TextColor = Colors.Red }; calendar.MinimumDate = DateTime.Now; this. Content = calendar; ``` ![Customizing the Disabled Dates in the .NET MAUI Calendar](https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Customizing-the-Disabled-Dates-in-the-.NET-MAUI-Calendar.png) Customizing the Disabled Dates in the .NET MAUI Calendar ## Blackout month dates: restricting the selection Blackout dates refer to the dates that are unavailable or restricted for selection. They are commonly used in apps such as event booking systems, reservation platforms, and scheduling tools to restrict booking or scheduling. The .NET MAUI Calendar supports specifying the blackout dates by using the [SelectableDayPredicate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html#Syncfusion_Maui_Calendar_SfCalendar_SelectableDayPredicate) property. By default, the Calendar displays the blackout dates similarly to disabled dates. You can also customize the blackout month dates text and background using the [DisabledDatesTextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_DisabledDatesTextStyle) and [DisabledDatesBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_DisabledDatesBackground) properties of the [MonthView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html) . Refer to the following code example. Here, the dates 19 and 20 of June 2023 are marked as blackout dates. ``` SfCalendar calendar = new SfCalendar(); calendar.MonthView.DisabledDatesTextStyle = new CalendarTextStyle() { TextColor = Colors.Red }; calendar.SelectableDayPredicate = (date) => { if (date.Date == DateTime.Now.AddDays(2).Date || date.Date == DateTime.Now.AddDays(3).Date) return false; return true; }; this. Content = calendar; ``` ![Customizing the Blackout dates in .NET MAUI Calendar](https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Customizing-the-Blackout-dates-in-.NET-MAUI-Calendar-1.png) Customizing the Blackout dates in .NET MAUI Calendar ## Special month dates: highlighting dates Special dates refer to dates that need to be highlighted for special occasions such as birthdays, anniversaries, and other important events. They are used to enhance the user experience by providing recognition for essential occasions. The .NET MAUI Calendar control supports specifying special dates using the [SpecialDayPredicate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_SpecialDayPredicate) property. Also, it offers options to specify icon shapes—such as Bell, Diamond, Dot, Heart, Square, Star, and Triangle icons—and the color of the icons. You can customize the text of special month dates and backgrounds using the [SpecialDatesTextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_SpecialDatesTextStyle) and [SpecialDatesBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_SpecialDatesBackground) properties of [MonthView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html) . **Note:** If the user does not wish to add an icon for special dates, they need to set the icon details color as transparent in the [SpecialDayPredicate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_SpecialDayPredicate) property. Refer to the following code example. Here, the date 21 of June 2023 is marked as a special day. ``` SfCalendar calendar = new SfCalendar(); calendar.MonthView.SpecialDatesTextStyle = new CalendarTextStyle() { TextColor = Colors.Red }; calendar.MonthView.SpecialDayPredicate = (date) => { if (date.Date == DateTime.Now.AddDays(4).Date) return new CalendarIconDetails() { Icon = CalendarIcon.Dot }; else if (date.Date == DateTime.Now.AddDays(5).Date) return new CalendarIconDetails() { Fill = Brush.Transparent }; return null; }; this. Content = calendar; ``` ![Customizing Special Date in .NET MAUI Calendar](https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Customizing-Special-Date-in-.NET-MAUI-Calendar-1.png) Customizing Special Date in .NET MAUI Calendar ## Selected month dates: highlight selection A selected date on the calendar refers to a specific date a user has chosen or highlighted as their desired date of selection. The selected date is shown as a single date, multiple dates, or a range of dates based on the selection mode of the calendar. These dates are marked with a filled highlight. You can customize the text and highlight the selected month dates using the following properties: - [SelectionBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html#Syncfusion_Maui_Calendar_SfCalendar_SelectionBackground) : Used to customize the selected date highlight for single and multiple selection modes and customize the in-between range dates highlight for the range selection mode of the calendar. - [SelectionTextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarYearView.html?tabs=tabid-2#Syncfusion_Maui_Calendar_CalendarYearView_SelectionTextStyle) : Used to customize the selected date text style for single and multiple selection modes and customize the selected range start and end dates text style for the range selection mode of the calendar. - [StartRangeSelectionBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html#Syncfusion_Maui_Calendar_SfCalendar_StartRangeSelectionBackground) : Used to customize the selected range start date highlight for the range selection mode of the calendar. - [EndRangeSelectionBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html#Syncfusion_Maui_Calendar_SfCalendar_EndRangeSelectionBackground) : Used to customize the selected range end date highlight for the range selection mode of the calendar. - [RangeTextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarYearView.html?tabs=tabid-2#Syncfusion_Maui_Calendar_CalendarYearView_RangeTextStyle) : Used to customize the selected date range text style. Refer to the following code example. ``` SfCalendar calendar = new SfCalendar(); calendar.MonthView.SelectionTextStyle = new CalendarTextStyle() { TextColor = Colors.Yellow, }; calendar.SelectionBackground = Brush.Red; this. Content = calendar; ``` ![Customizing a Selected Date in .NET MAUI Calendar](https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Customizing-a-Selected-Date-in-.NET-MAUI-Calendar-1.png) Customizing a Selected Date in .NET MAUI Calendar ## Conclusion Thanks for reading! In this blog, we’ve seen the different types of dates and their customization options available in the [.NET MAUI Calendar](https://www.syncfusion.com/maui-controls/maui-calendar) . You can also explore other features in the Calendar control in its [documentation](https://help.syncfusion.com/maui/calendar/overview) . Please try the [.NET MAUI demos on GitHub](https://github.com/syncfusion/maui-demos) and share your feedback or ask questions in the comments section. If you are not a Syncfusion customer, try our 30-day [free trial](https://www.syncfusion.com/downloads) to see how our components can enhance your projects. You can also contact us through our [support forum](https://www.syncfusion.com/forums) , [support portal](https://support.syncfusion.com/) , or [feedback portal](https://www.syncfusion.com/feedback/home) . We are always happy to assist you! ## Related blogs - [Introducing the 9th Set of New .NET MAUI Controls and Features](https://www.syncfusion.com/blogs/post/whats-new-dotnet-maui-2.aspx) - [What’s New in 2023 Volume 3: .NET MAUI Charts](https://www.syncfusion.com/blogs/post/whats-new-dotnet-maui-chart.aspx) - [The Ultimate Patient Appointment Manager App in .NET MAUI](https://www.syncfusion.com/blogs/post/patient-appointment-app-dotnet-maui.aspx) - [Mastering Globalization: Utilizing Calendar Types in .NET MAUI Calendar Control](https://www.syncfusion.com/blogs/post/globalization-in-dotnet-maui-calendar.aspx)