Visible Dates in UWP Calendar

SfCalendar provides support for making dates inactive within a range (or) selective dates. It can be achieved by the properties VisibleMinDate, VisibleMaxDate, and VisibleDates.

Setting Minimum Visible Date

The VisibleMinDate property is used to specify the minimum date in the range.

<Page
   ...
   xmlns:input="using:Syncfusion.UI.Xaml.Controls.Input">

    <input:SfCalendar x:Name="calendar" VisibleMinDate="12/10/2015"/>
</Page>
using Syncfusion.UI.Xaml.Controls.Input;

calendar.VisibleMinDate = new DateTime(2015, 12, 10);
Imports Syncfusion.UI.Xaml.Controls.Input;

calendar.VisibleMinDate = New Date(2015, 12, 10)

SfCalendar-img9

Setting Maximum Visible Date

The VisibleMaxDate property is used to specify the maximum date in the range.

<Page
   ...
   xmlns:input="using:Syncfusion.UI.Xaml.Controls.Input">

    <input:SfCalendar x:Name="calendar" VisibleMaxDate="12/15/2015"/>
</Page>
using Syncfusion.UI.Xaml.Controls.Input;

calendar.VisibleMaxDate = new DateTime(2015, 12, 15);
Imports Syncfusion.UI.Xaml.Controls.Input;

calendar.VisibleMaxDate = New Date(2015, 12, 15)

SfCalendar-img10

Setting Visible Dates

The VisibleDates property is used to specify the active dates when they are not continuous and cannot be specified with a start and end date.

<Page
   ...
   xmlns:input="using:Syncfusion.UI.Xaml.Controls.Input">

    <input:SfCalendar x:Name="calendar"/>
</Page>
using Syncfusion.UI.Xaml.Controls.Input;

calendar.VisibleDates.Add(new DateTime(2015, 12, 1));

calendar.VisibleDates.Add(new DateTime(2015, 12, 12));

calendar.VisibleDates.Add(new DateTime(2015, 12, 25));

calendar.VisibleDates.Add(new DateTime(2015, 12, 30));
Imports Syncfusion.UI.Xaml.Controls.Input;

calendar.VisibleDates.Add(New Date(2015, 12, 1))

calendar.VisibleDates.Add(New Date(2015, 12, 12))

calendar.VisibleDates.Add(New Date(2015, 12, 25))

calendar.VisibleDates.Add(New Date(2015, 12, 30))

SfCalendar-img11