How to add the blackout dates in the WinUI Calendar Date Range Picker (SfCalendarDateRangePicker)
In the WinUI Calendar Date Range Picker (SfCalendarDateRangePicker), you can add the particular dates as blackout dates in the date range picker by using the BlackoutDates property.
CS
Create a ViewModel class and add the required dates as blackout dates.
public class ViewModel
{
public DateTimeOffsetCollection BlockedDates { get; set; }
public ViewModel()
{
BlockedDates = new DateTimeOffsetCollection();
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 1, 17)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 1, 4)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 2, 5)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 2, 6)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 1, 9)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 3, 11)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 3, 12)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 3, 23)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 3, 26)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 4, 14)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 1, 18)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 5, 19)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 1, 26)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 6, 29)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 1, 31)));
BlockedDates.Add(new DateTimeOffset(new DateTime(2021, 1, 27)));
}
}
XAML
Bind those BlockedDates property to property from ViewModel by setting the DataContext to BlackoutDates property of the calendar.
<calendar:SfCalendarDateRangePicker Height="400" Width="400"
BlackoutDates="{Binding BlockedDates}"
x:Name="sfCalendarDateRangePicker">
<calendar:SfCalendarDateRangePicker.DataContext>
<local:ViewModel/>
</calendar:SfCalendarDateRangePicker.DataContext>
</calendar:SfCalendarDateRangePicker>
|
