New to Telerik UI for .NET MAUI? Start a free 30-day trial

How to Select Week Range in the .NET MAUI Calendar


Version Product Author
6.6.0 Calendar for .NET MAUI Dobrinka Yordanova


This article shows how to select a week in the Calendar for .NET MAUI when tapping or clicking on a date from this week. In the end, you will receive the following result:

.NET MAUI Calendar Week Selection


To achieve the desired result, define a Calendar, and then handle the SelectionChanged event:

1. Define the Calendar in XAML:

    <telerik:RadCalendar x:Name="calendar"
                            SelectionChanged="OnCalendarSelectionChanged" />

2. Handle the SelectionChanged event to get the first day of the week, and then select the range for the whole week.

public partial class MainPage : ContentPage
    private bool isInternalSelection = false;

    public MainPage()

    private void OnCalendarSelectionChanged(object sender, Telerik.Maui.Controls.Calendar.CalendarSelectionChangedEventArgs e)
        if (this.isInternalSelection)

        var selectedDate = e.AddedDates.First();
        var culture = this.calendar.Culture ?? CultureInfo.CurrentCulture;
        var firstDayOfWeek = this.calendar.FirstDayOfWeek ?? culture.DateTimeFormat.FirstDayOfWeek;

        var rangeStart = this.GetFirstDayOfWeek(selectedDate, firstDayOfWeek);
        var rangeEnd = rangeStart.AddDays(6);

        var selectedDates = (CalendarSelectionCollection)this.calendar.SelectedDates;

        this.isInternalSelection = true;
        selectedDates.AddRange(rangeStart, rangeEnd);
        this.isInternalSelection = false;

    private DateTime GetFirstDayOfWeek(DateTime dateTime, DayOfWeek weekStart)
        var selectedDay = (int)dateTime.DayOfWeek;
        if (selectedDay < (int)weekStart)
            selectedDay += 7;

        int daysToSubtract = selectedDay - (int)weekStart;
        DateTime result = dateTime.AddDays(-daysToSubtract);
        return result;
In this article