Date Restriction in .NET MAUI Date Picker (SfDatePicker)

18 Nov 20184 minutes to read

Minimum Date

The Date Picker provides an option to restrict the selection of date items by using the MinimumDate property in SfDatePicker. You cannot select dates before the minimum date. The MinimumDate value must be less than the MaximumDate value.

XAML

<ContentPage
             . . .
             xmlns:picker="clr-namespace:Syncfusion.Maui.Picker;assembly=Syncfusion.Maui.Picker">
    <picker:SfDatePicker x:Name="picker"
                         MinimumDate="2000/05/15">
    </picker:SfDatePicker>
</ContentPage>

C#

using Syncfusion.Maui.Picker;

. . .
SfDatePicker picker = new SfDatePicker();
picker.MinimumDate = new DateTime(2000, 05, 15);
this.Content = picker;

Maximum Date

The Date Picker provides an option to restrict the selection of date items by using the MaximumDate property in SfDatePicker. You cannot select dates after the maximum date.

XAML

<ContentPage
             . . .
             xmlns:picker="clr-namespace:Syncfusion.Maui.Picker;assembly=Syncfusion.Maui.Picker">
    <picker:SfDatePicker x:Name="picker"
                         MaximumDate="2042/10/10">
    </picker:SfDatePicker>
</ContentPage>

C#

using Syncfusion.Maui.Picker;

. . .
SfDatePicker picker = new SfDatePicker();
picker.MaximumDate = new DateTime(2042, 10, 10);
this.Content = picker;

Blackout Dates

The BlackoutDates property in the SfDatePicker lets you restrict the selection of specific dates by providing a list of dates to disable.

XAML

<ContentPage
             . . .
             xmlns:picker="clr-namespace:Syncfusion.Maui.Picker;assembly=Syncfusion.Maui.Picker">
    <picker:SfDatePicker x:Name="picker">
        <picker:SfDatePicker.BlackoutDates>
            <date:DateTime>2001-08-03</date:DateTime>
            <date:DateTime>2001-08-10</date:DateTime>
            <date:DateTime>2001-08-12</date:DateTime>
            <date:DateTime>2001-08-14</date:DateTime>
            <date:DateTime>2001-08-17</date:DateTime>
            <date:DateTime>2001-08-18</date:DateTime>
            <date:DateTime>2001-08-20</date:DateTime>
            <date:DateTime>2001-08-23</date:DateTime>
            <date:DateTime>2001-08-27</date:DateTime>
        </picker:SfDatePicker.BlackoutDates>
    </picker:SfDatePicker>
</ContentPage>

C#

using Syncfusion.Maui.Picker;

. . .
SfDatePicker picker = new SfDatePicker();
picker.BlackoutDates.Add(new DateTime(2001, 8, 3));
picker.BlackoutDates.Add(new DateTime(2001, 8, 10));
picker.BlackoutDates.Add(new DateTime(2001, 8, 12));
picker.BlackoutDates.Add(new DateTime(2001, 8, 14));
picker.BlackoutDates.Add(new DateTime(2001, 8, 17));
picker.BlackoutDates.Add(new DateTime(2001, 8, 18));
picker.BlackoutDates.Add(new DateTime(2001, 8, 20));
picker.BlackoutDates.Add(new DateTime(2001, 8, 23));
picker.BlackoutDates.Add(new DateTime(2001, 8, 27));
this.Content = picker;

NOTE

The Selection View will not be applicable when setting BlackoutDates.