Fix event indicators not being visible in Event calendar examples in sample app

Author: ME-MarvinE

XCalendarFormsSample/XCalendarFormsSample/App.xaml

@@ -84,6 +84,15 @@
             <Setter Property="TextColor" Value="{StaticResource CalendarTertiaryColor}"/>
         </Style>
 
+        <Style x:Key="DefaultEventIndicatorRectangleStyle" TargetType="{x:Type Rectangle}">
+            <Setter Property="HeightRequest" Value="8"/>
+            <Setter Property="HorizontalOptions" Value="CenterAndExpand"/>
+            <Setter Property="RadiusX" Value="100"/>
+            <Setter Property="RadiusY" Value="100"/>
+            <Setter Property="VerticalOptions" Value="Center"/>
+            <Setter Property="WidthRequest" Value="8"/>
+        </Style>
+
         <Style x:Key="DefaultPageStyle" TargetType="{x:Type ContentPage}">
             <Setter Property="BackgroundColor" Value="{StaticResource PageBackgroundColor}"/>
             <Setter Property="xct:SafeAreaEffect.SafeArea" Value="True"/>

XCalendarFormsSample/XCalendarFormsSample/Views/EventCalendarExamplePage.xaml

@@ -8,7 +8,6 @@
     xmlns:ViewModels="clr-namespace:XCalendarFormsSample.ViewModels"
     xmlns:xc="clr-namespace:XCalendar.Forms.Views;assembly=XCalendar.Forms"
     xmlns:xcConverters="clr-namespace:XCalendar.Forms.Converters;assembly=XCalendar.Forms"
-    xmlns:xcModels="clr-namespace:XCalendar.Forms.Models;assembly=XCalendar.Forms"
     xmlns:xct="http://xamarin.com/schemas/2020/toolkit"
     x:Name="This"
     Title="Event Calendar"
@@ -94,6 +93,14 @@
                                     IsToday="{Binding IsToday}"
                                     OtherMonthStyle="{StaticResource DefaultDayViewOtherMonthStyle}">
 
+                                    <xc:DayView.EventTemplate>
+                                        <DataTemplate x:DataType="{x:Null}">
+                                            <Rectangle
+                                                    Fill="{Binding Color}"
+                                                    Style="{StaticResource DefaultEventIndicatorRectangleStyle}"/>
+                                        </DataTemplate>
+                                    </xc:DayView.EventTemplate>
+
                                     <xc:DayView.CurrentMonthStyle>
                                         <Style BasedOn="{StaticResource DefaultDayViewCurrentMonthStyle}" TargetType="{x:Type xc:DayView}">
                                             <Setter Property="Command" Value="{Binding BindingContext.ChangeDateSelectionCommand, Source={x:Reference This}}"/>

XCalendarFormsSample/XCalendarFormsSample/Views/PlaygroundPage.xaml

@@ -1010,14 +1010,10 @@
                                             <DataTemplate x:DataType="{x:Null}">
                                                 <Rectangle
                                                     Fill="{Binding Color}"
-                                                    HeightRequest="8"
-                                                    HorizontalOptions="CenterAndExpand"
-                                                    RadiusX="100"
-                                                    RadiusY="100"
-                                                    VerticalOptions="Center"
-                                                    WidthRequest="8"/>
+                                                    Style="{StaticResource DefaultEventIndicatorRectangleStyle}"/>
                                             </DataTemplate>
                                         </xc:DayView.EventTemplate>
+                                        
                                         <xc:DayView.CurrentMonthStyle>
                                             <Style BasedOn="{StaticResource DefaultDayViewCurrentMonthStyle}" TargetType="{x:Type xc:DayView}">
                                                 <Setter Property="BackgroundColor" Value="{Binding BindingContext.DayCurrentMonthBackgroundColor, Source={x:Reference This}}"/>

XCalendarMauiSample/App.xaml

@@ -85,6 +85,15 @@
             <Setter Property="TextColor" Value="{StaticResource CalendarTertiaryColor}"/>
         </Style>
 
+        <Style x:Key="DefaultEventIndicatorRectangleStyle" TargetType="{x:Type Rectangle}">
+            <Setter Property="HeightRequest" Value="8"/>
+            <Setter Property="HorizontalOptions" Value="CenterAndExpand"/>
+            <Setter Property="RadiusX" Value="100"/>
+            <Setter Property="RadiusY" Value="100"/>
+            <Setter Property="VerticalOptions" Value="Center"/>
+            <Setter Property="WidthRequest" Value="8"/>
+        </Style>
+
         <Style x:Key="DefaultPageStyle" TargetType="{x:Type ContentPage}">
             <Setter Property="BackgroundColor" Value="{StaticResource PageBackgroundColor}"/>
             <Setter Property="Shell.BackgroundColor" Value="{StaticResource PrimaryColor}"/>

XCalendarMauiSample/Views/EventCalendarExamplePage.xaml

@@ -8,7 +8,6 @@
     xmlns:mct="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
     xmlns:xc="clr-namespace:XCalendar.Maui.Views;assembly=XCalendar.Maui"
     xmlns:xcConverters="clr-namespace:XCalendar.Maui.Converters;assembly=XCalendar.Maui"
-    xmlns:xcModels="clr-namespace:XCalendar.Maui.Models;assembly=XCalendar.Maui"
     x:Name="This"
     Title="Event Calendar"
     x:DataType="{x:Type ViewModels:EventCalendarExampleViewModel}"
@@ -94,6 +93,14 @@
                                 IsToday="{Binding IsToday}"
                                 OtherMonthStyle="{StaticResource DefaultDayViewOtherMonthStyle}">
 
+                                <xc:DayView.EventTemplate>
+                                    <DataTemplate x:DataType="{x:Null}">
+                                        <Rectangle
+                                                    Fill="{Binding Color}"
+                                                    Style="{StaticResource DefaultEventIndicatorRectangleStyle}"/>
+                                    </DataTemplate>
+                                </xc:DayView.EventTemplate>
+
                                 <xc:DayView.CurrentMonthStyle>
                                     <Style BasedOn="{StaticResource DefaultDayViewCurrentMonthStyle}" TargetType="{x:Type xc:DayView}">
                                         <Setter Property="Command" Value="{Binding BindingContext.ChangeDateSelectionCommand, Source={x:Reference This}}"/>

XCalendarMauiSample/Views/PlaygroundPage.xaml

@@ -1051,12 +1051,7 @@
                                     <DataTemplate x:DataType="{x:Null}">
                                         <Rectangle
                                             Fill="{Binding Color}"
-                                            HeightRequest="8"
-                                            HorizontalOptions="CenterAndExpand"
-                                            RadiusX="100"
-                                            RadiusY="100"
-                                            VerticalOptions="Center"
-                                            WidthRequest="8"/>
+                                            Style="{StaticResource DefaultEventIndicatorRectangleStyle}"/>
                                     </DataTemplate>
                                 </xc:DayView.EventTemplate>