ModernXamarinCalendar 1.0.2

GitHub

Setup

Step 1

Install the Nuget Package using Nuget Package Manager or in the Package Manager Console run command:

   Install-Package ModernXamarinCalendar -Version 1.0.2

Step 2

In the XAML content page where you would like the Calendar to go (such as MainPage.xaml), write within the Content Page Tag

   xmlns:control="clr-namespace:ModernXamarinCalendar;assembly=ModernXamarinCalendar"

Step 3

Within your layout in the same XAML Page, place

    <control:WeekControl x:Name="CalendarWeekControl"
                         HorizontalOptions="CenterAndExpand"
                         BackgroundColor="SteelBlue"/>

Step 4

In the c# code for your content page (such as MainPage.xaml.cs)

     public void DateSelectedChanged(object sender, EventArgs e)
     {
         WeekControl calendar = sender as WeekControl;

         // insert code here that you want to use the date selected for...

         // control.DateSelected returns a DateTime for the selected day.

         Debug.WriteLine(calendar.DateSelected.ToString());
     }

Step 5

In the same c# file, write within the constructor

   CalendarWeekControl.DataSelectedChanged += DateSelectedChanged;  

Step 6

Download images from

GitHub - Images - Download this folder for icons for the nuget package

and install them in your project

Options

Show labels for the days of the week (SUN MON TUE WED THU FRI SAT)

In the XAML page, set this property for the WeekControl:

ShowDayName="True"

or in the C# code:

CalendarWeekControl.ShowDayName = true;

(The default value for ShowDayName is false, so not specifying it means the days will not show up).

Notes

The font for the calendar is white, meaning that the calendar must be placed on a somewhat dark background in order to be visible.