From 80b1254f32f887052c542e64437cffebf21f0fa1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D8=A7=D8=AD=D8=B3=D8=A7=D9=86=20=D9=88=D9=84=DB=8C?=
 <ehsanvgfl@gmail.com>
Date: Sat, 6 Jul 2024 00:22:28 +0330
Subject: [PATCH 1/3] add 'PickerMonthChanged' event and 'DaysTemplate'
 property to date picker

---
 src/Core/Components/DateTime/FluentDatePicker.razor    | 4 +++-
 src/Core/Components/DateTime/FluentDatePicker.razor.cs | 9 +++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/Core/Components/DateTime/FluentDatePicker.razor b/src/Core/Components/DateTime/FluentDatePicker.razor
index 338bf211b1..5a4991d6b6 100644
--- a/src/Core/Components/DateTime/FluentDatePicker.razor
+++ b/src/Core/Components/DateTime/FluentDatePicker.razor
@@ -36,6 +36,8 @@
                         DisabledDateFunc="@DisabledDateFunc"
                         DisabledSelectable="@DisabledSelectable"
                         Value="@Value"
-                        ValueChanged="@OnSelectedDateAsync" />
+                        ValueChanged="@OnSelectedDateAsync"
+                        DaysTemplate="@DaysTemplate"
+                        PickerMonthChanged="@PickerMonthChanged" />
     </FluentAnchoredRegion>
 }
diff --git a/src/Core/Components/DateTime/FluentDatePicker.razor.cs b/src/Core/Components/DateTime/FluentDatePicker.razor.cs
index d3ccb4fcc8..450debb1ed 100644
--- a/src/Core/Components/DateTime/FluentDatePicker.razor.cs
+++ b/src/Core/Components/DateTime/FluentDatePicker.razor.cs
@@ -35,6 +35,15 @@ protected override string? ClassValue
     [Parameter]
     public EventCallback<bool> OnCalendarOpen { get; set; }
 
+    [Parameter]
+    public RenderFragment<FluentCalendarDay> DaysTemplate { get; set; }
+
+    /// <summary>
+    /// Fired when the display month changes.
+    /// </summary>
+    [Parameter]
+    public virtual EventCallback<DateTime> PickerMonthChanged { get; set; }
+
     public bool Opened { get; set; } = false;
 
     protected override string? FormatValueAsString(DateTime? value)

From e0059ec15348517549fd70b5e53e47e6443d9b97 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D8=A7=D8=AD=D8=B3=D8=A7=D9=86=20=D9=88=D9=84=DB=8C?=
 <ehsanvgfl@gmail.com>
Date: Sun, 7 Jul 2024 11:59:37 +0330
Subject: [PATCH 2/3] add xml document for properties

---
 .../Shared/Microsoft.FluentUI.AspNetCore.Components.xml     | 5 +++++
 src/Core/Components/DateTime/FluentDatePicker.razor.cs      | 6 ++++++
 2 files changed, 11 insertions(+)

diff --git a/examples/Demo/Shared/Microsoft.FluentUI.AspNetCore.Components.xml b/examples/Demo/Shared/Microsoft.FluentUI.AspNetCore.Components.xml
index 54f0255f2b..662f34cd75 100644
--- a/examples/Demo/Shared/Microsoft.FluentUI.AspNetCore.Components.xml
+++ b/examples/Demo/Shared/Microsoft.FluentUI.AspNetCore.Components.xml
@@ -2644,6 +2644,11 @@
             Gets or sets the design of this input.
             </summary>
         </member>
+        <member name="P:Microsoft.FluentUI.AspNetCore.Components.FluentDatePicker.PickerMonthChanged">
+            <summary>
+            Fired when the display month changes.
+            </summary>
+        </member>
         <member name="P:Microsoft.FluentUI.AspNetCore.Components.FluentTimePicker.StyleValue">
             <summary />
         </member>
diff --git a/src/Core/Components/DateTime/FluentDatePicker.razor.cs b/src/Core/Components/DateTime/FluentDatePicker.razor.cs
index 450debb1ed..dded08aeb0 100644
--- a/src/Core/Components/DateTime/FluentDatePicker.razor.cs
+++ b/src/Core/Components/DateTime/FluentDatePicker.razor.cs
@@ -32,9 +32,15 @@ protected override string? ClassValue
     [Parameter]
     public virtual FluentInputAppearance Appearance { get; set; } = FluentInputAppearance.Outline;
 
+    /// <summary>
+    /// raised when calendar popup opened
+    /// </summary>
     [Parameter]
     public EventCallback<bool> OnCalendarOpen { get; set; }
 
+    /// <summary>
+    /// Defines the appearance of a Day cell.
+    /// </summary>
     [Parameter]
     public RenderFragment<FluentCalendarDay> DaysTemplate { get; set; }
 

From 39c522c30496a7e7fc3e21cd4ce3594a1f723661 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D8=A7=D8=AD=D8=B3=D8=A7=D9=86=20=D9=88=D9=84=DB=8C?=
 <ehsanvgfl@gmail.com>
Date: Mon, 8 Jul 2024 11:31:07 +0330
Subject: [PATCH 3/3] change type of DaysTemplate of FluentDatePicker to
 nullable

---
 .../Microsoft.FluentUI.AspNetCore.Components.xml       | 10 ++++++++++
 src/Core/Components/DateTime/FluentDatePicker.razor.cs |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/examples/Demo/Shared/Microsoft.FluentUI.AspNetCore.Components.xml b/examples/Demo/Shared/Microsoft.FluentUI.AspNetCore.Components.xml
index 662f34cd75..8c85e227a2 100644
--- a/examples/Demo/Shared/Microsoft.FluentUI.AspNetCore.Components.xml
+++ b/examples/Demo/Shared/Microsoft.FluentUI.AspNetCore.Components.xml
@@ -2644,6 +2644,16 @@
             Gets or sets the design of this input.
             </summary>
         </member>
+        <member name="P:Microsoft.FluentUI.AspNetCore.Components.FluentDatePicker.OnCalendarOpen">
+            <summary>
+            raised when calendar popup opened
+            </summary>
+        </member>
+        <member name="P:Microsoft.FluentUI.AspNetCore.Components.FluentDatePicker.DaysTemplate">
+            <summary>
+            Defines the appearance of a Day cell.
+            </summary>
+        </member>
         <member name="P:Microsoft.FluentUI.AspNetCore.Components.FluentDatePicker.PickerMonthChanged">
             <summary>
             Fired when the display month changes.
diff --git a/src/Core/Components/DateTime/FluentDatePicker.razor.cs b/src/Core/Components/DateTime/FluentDatePicker.razor.cs
index dded08aeb0..7989246f8d 100644
--- a/src/Core/Components/DateTime/FluentDatePicker.razor.cs
+++ b/src/Core/Components/DateTime/FluentDatePicker.razor.cs
@@ -42,7 +42,7 @@ protected override string? ClassValue
     /// Defines the appearance of a Day cell.
     /// </summary>
     [Parameter]
-    public RenderFragment<FluentCalendarDay> DaysTemplate { get; set; }
+    public RenderFragment<FluentCalendarDay>? DaysTemplate { get; set; }
 
     /// <summary>
     /// Fired when the display month changes.