HorizontalCalendarControl 1.0.2

Horizontal Calendar Control

Horizontal Calendar Control - is a cross-platform plugin for Xamairn Forms that allows you to display a customized calendars in your app.

How To Use

Nuget: https://www.nuget.org/packages/HorizontalCalendarControl/1.0.1

Install this plugin in your Xamarin Form Project.

Namespace :

xmlns:views="clr-namespace:HorizontalCalendar.Views;assembly=HorizontalCalendar"

Write Following Code In Your XAML Page.

 <views:HorizontalCalendarControl LeftRightArrowColor="White"   />

UI Customization

Following Property, you can use for customizing Calendar UI

Property

1. HeaderBackgroundColor : Used to set Header Background color.
2. HeaderTextColor : Used to Set Header Text color.
3. SelectedDateTextColor : Used to Set Selected Date Text Color.
4. SelectedDateBackGroundColor : Used to Set Selected Date Background Color.
5. LeftRightArrowColor : Used to set left and right arrow color.
6. SelectedDate : Used to return Selected Date.

<views:HorizontalCalendarControl 
      HeaderBackgroundColor="LightBlue"
      HeaderTextColor="Black"
      SelectedDateTextColor="LightBlue" 
      SelectedDateBackGroundColor="Black" 
      LeftRightArrowColor="Black"   />

How to display the Selected date

Write Following Code to display Selected Date

    <Label Text="{Binding Source={x:Reference calendarControl},Path=SelectedDate}" />
    <views:HorizontalCalendarControl  x:Name="calendarControl"/>

How to get Selected Date

SelectedDateCommand: Use this command to get the selected Date

Design Side:

<views:HorizontalCalendarControl SelectedDateCommand="{Binding SelectedDateCommand}"   x:Name="calendarControl"  />

Code Behind:

private DateTime _selectedDate;
public DateTime SelectedDate
{
   get => _selectedDate;
   set => SetProperty(ref _selectedDate, value);
}
 
public ICommand SelectedDateCommand => new Command<DateTime>((selectedDate) =>
{
     SelectedDate = selectedDate; 
});