Added OtherMonthSelectedDayColor property

README.md

@@ -32,6 +32,7 @@ Simple cross platform plugin for Calendar control featuring:
 * Updated to .NET 8 
 * Added OnShownDateChangedCommand so we can take action when date is changed.
 * Added Dispose method to force handlers disconnect call.
+* Added new property **OtherMonthSelectedDayColor**
 
 
 ### Usage
@@ -190,6 +191,7 @@ SelectedTodayTextColor="Green"
 TodayOutlineColor="Blue"
 TodayFillColor="Silver"
 TodayTextColor="Yellow"
+OtherMonthSelectedDayColor="HotPink"
 ```
 
 #### Available customization properties

samples/SampleApp/SampleApp.csproj

@@ -53,7 +53,7 @@
 	</ItemGroup>
 
 	<ItemGroup>
-		<PackageReference Include="Microsoft.Maui.Controls" Version="8.0.60" />		
+		<PackageReference Include="Microsoft.Maui.Controls" Version="8.0.40" />		
 		<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="8.0.0" />
 		<PackageReference Include="Mopups" Version="1.3.1" />
 	</ItemGroup>

samples/SampleApp/Views/SimplePage.xaml

@@ -5,8 +5,8 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:local="clr-namespace:SampleApp.ViewModels"
     xmlns:plugin="clr-namespace:Plugin.Maui.Calendar.Controls;assembly=Plugin.Maui.Calendar"
-    Unloaded="UnloadedHandler"   
-    x:Name="simpleCalendarPage">
+    x:Name="simpleCalendarPage"
+    Unloaded="UnloadedHandler">
     <ContentPage.Resources>
         <ResourceDictionary>
             <Style x:Key="daysLabelStyle" TargetType="Label">
@@ -18,7 +18,7 @@
                 <Setter Property="Margin" Value="5,2" />
             </Style>
             <Style x:Key="daysTitleLabelStyle" TargetType="Label">
-                <Setter Property="FontSize" Value="18" />                
+                <Setter Property="FontSize" Value="18" />
             </Style>
         </ResourceDictionary>
     </ContentPage.Resources>
@@ -31,19 +31,20 @@
 
     <plugin:Calendar
         x:Name="calendar"
+        Padding="10,0"
+        ArrowsFontSize="Medium"
+        DayViewFontSize="Medium"
+        DaysLabelStyle="{StaticResource daysLabelStyle}"
+        DaysTitleColor="{AppThemeBinding Light={StaticResource Black},
+                                         Dark={StaticResource Yellow100Accent}}"
+        DaysTitleLabelStyle="{StaticResource daysTitleLabelStyle}"
         Events="{Binding Events}"
+        HorizontalOptions="Fill"
         MaximumDate="{Binding MaximumDate}"
         MinimumDate="{Binding MinimumDate}"
-        Month="{Binding Month}"        
+        Month="{Binding Month}"
+        OtherMonthSelectedDayColor="HotPink"
         SelectedDate="{Binding SelectedDate}"
-        DayViewFontSize="Medium"
-        DaysLabelStyle="{StaticResource daysLabelStyle}"       
-        DaysTitleLabelStyle="{StaticResource daysTitleLabelStyle}"
-        ArrowsFontSize="Medium"
-        DaysTitleColor = "{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource Yellow100Accent}}"
-        Year="{Binding Year}"       
-        Padding="10,0"
-        HorizontalOptions="Fill"
-        VerticalOptions="Fill">       
-    </plugin:Calendar>
+        VerticalOptions="Fill"
+        Year="{Binding Year}" />
 </ContentPage>

src/Plugin.Maui.Calendar/Plugin.Maui.Calendar.csproj

@@ -52,7 +52,7 @@
 	  <CreatePackage>false</CreatePackage>
 	</PropertyGroup>
 	<ItemGroup>
-	  <PackageReference Include="Microsoft.Maui.Controls" Version="8.0.60" />		
+	  <PackageReference Include="Microsoft.Maui.Controls" Version="8.0.40" />		
 	  <PackageReference Include="Microsoft.SourceLink.GitHub" Version="8.0.0">
 	    <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
 	    <PrivateAssets>all</PrivateAssets>

src/Plugin.Maui.Calendar/Shared/Controls/Calendar.xaml

@@ -50,6 +50,7 @@
                 MaximumDate="{Binding MaximumDate, Source={x:Reference calendar}}"
                 MinimumDate="{Binding MinimumDate, Source={x:Reference calendar}}"
                 OtherMonthDayColor="{Binding OtherMonthDayColor, Source={x:Reference calendar}}"
+                OtherMonthSelectedDayColor="{Binding OtherMonthSelectedDayColor, Source={x:Reference calendar}}"
                 OtherMonthDayIsVisible="{Binding OtherMonthDayIsVisible, Source={x:Reference calendar}}"
                 SelectedDates="{Binding SelectedDates, Source={x:Reference calendar}, Mode=TwoWay}"
                 SelectedDayBackgroundColor="{Binding SelectedDayBackgroundColor, Source={x:Reference calendar}}"

src/Plugin.Maui.Calendar/Shared/Controls/Calendar.xaml.cs

@@ -446,6 +446,26 @@ public Color OtherMonthDayColor
         set => SetValue(OtherMonthDayColorProperty, value);
     }
 
+    /// <summary>
+    /// Bindable property for OtherMonthSelectedDayColor
+    /// </summary>
+    public static readonly BindableProperty OtherMonthSelectedDayColorProperty = BindableProperty.Create(
+        nameof(OtherMonthSelectedDayColor),
+        typeof(Color),
+        typeof(Calendar),
+        Colors.Silver
+    );
+
+    /// <summary>
+    /// Specifies the color of selected days belonging to a month other than the selected one
+    /// </summary>
+    public Color OtherMonthSelectedDayColor
+    {
+        get => (Color)GetValue(OtherMonthSelectedDayColorProperty);
+        set => SetValue(OtherMonthSelectedDayColorProperty, value);
+    }
+
+
     /// <summary>
     /// Bindable property for OtherMonthDayIsVisible
     /// </summary>

src/Plugin.Maui.Calendar/Shared/Controls/MonthDaysView.cs

@@ -292,14 +292,33 @@ public Color WeekendDayColor
     );
 
     /// <summary>
-    /// Color of text for for days not belonging to the current month
+    /// Color of text for (days not belonging to the current month
     /// </summary>
     public Color OtherMonthDayColor
     {
         get => (Color)GetValue(OtherMonthDayColorProperty);
         set => SetValue(OtherMonthDayColorProperty, value);
     }
 
+    /// <summary>
+    /// Bindable property for OtherMonthSelectedDayColor
+    /// </summary>
+    public static readonly BindableProperty OtherMonthSelectedDayColorProperty = BindableProperty.Create(
+        nameof(OtherMonthSelectedDayColor),
+        typeof(Color),
+        typeof(MonthDaysView),
+        Colors.Silver
+    );
+
+    /// <summary>
+    /// Color of text for selected days not belonging to the current month
+    /// </summary>
+    public Color OtherMonthSelectedDayColor
+    {
+        get => (Color)GetValue(OtherMonthSelectedDayColorProperty);
+        set => SetValue(OtherMonthSelectedDayColorProperty, value);
+    }
+
     /// <summary>
     /// Bindable property for OtherMonthDayIsVisible
     /// </summary>
@@ -859,6 +878,7 @@ protected override void OnPropertyChanged([CallerMemberName] string propertyName
             case nameof(SelectedDayTextColor):
             case nameof(SelectedTodayTextColor):
             case nameof(OtherMonthDayColor):
+            case nameof(OtherMonthSelectedDayColor):
             case nameof(WeekendDayColor):
             case nameof(DeselectedDayTextColor):
             case nameof(SelectedDayBackgroundColor):
@@ -1016,6 +1036,7 @@ private void UpdateDaysColors()
             dayModel.SelectedTextColor = SelectedDayTextColor;
             dayModel.SelectedTodayTextColor = SelectedTodayTextColor;
             dayModel.OtherMonthColor = OtherMonthDayColor;
+            dayModel.OtherMonthSelectedColor = OtherMonthSelectedDayColor;
             dayModel.WeekendDayColor = WeekendDayColor;
             dayModel.SelectedBackgroundColor = SelectedDayBackgroundColor;
             dayModel.TodayOutlineColor = TodayOutlineColor;

src/Plugin.Maui.Calendar/Shared/Models/DayModel.cs

@@ -71,6 +71,11 @@ internal partial class DayModel : ObservableObject
     [NotifyPropertyChangedFor(nameof(TextColor))]
     Color otherMonthColor = Colors.Silver;
 
+    [ObservableProperty]
+    [NotifyPropertyChangedFor(nameof(TextColor))]
+    Color otherMonthSelectedColor = Colors.Gray;
+
+
     [ObservableProperty]
     [NotifyPropertyChangedFor(nameof(TextColor))]
     Color weekendDayColor = Colors.Transparent;
@@ -192,11 +197,11 @@ public Color TextColor
                 (false, true, true, true, _, _) => EventIndicatorSelectedTextColor,
                 (false, false, true, true, _, _) => EventIndicatorTextColor,
                 (false, false, _, false, _, _) => OtherMonthColor,
+                (false, true, _, false, _, _) => OtherMonthSelectedColor,
                 (false, false, false, true, true, _)
                     => TodayTextColor == Colors.Transparent ? DeselectedTextColor : TodayTextColor,
                 (false, _, _, _, _, true) => WeekendDayColor,
                 (false, false, false, true, false, _) => DeselectedTextColor,
-                (_, _, _, _, _, _) => Colors.Black
             };
         }
     }