Use InputSelect component with @bind-Value:after for reliable change detection

Co-authored-by: StuartFerguson <[email protected]>

Author: Copilot

EstateManagementUI.BlazorServer/Components/Pages/Home.razor

@@ -1,6 +1,7 @@
 @page "/"
 @using MediatR
 @using Microsoft.AspNetCore.Components.Authorization
+@using Microsoft.AspNetCore.Components.Forms
 @using EstateManagementUI.BlazorServer.Permissions
 @using EstateManagementUI.BlazorServer.Requests
 @using EstateManagementUI.BlazorServer.Models
@@ -108,15 +109,15 @@
         <!-- Comparison Date Selection (moved here) -->
         <div class="flex items-center gap-4 bg-white p-4 rounded-lg shadow-admin">
             <label class="text-sm font-medium text-gray-700">Compare to:</label>
-            <select value="@SelectedComparisonDate" @onchange="HandleDateSelectionChanged" class="form-control max-w-xs">
+            <InputSelect @bind-Value="_selectedComparisonDate" @bind-Value:after="OnComparisonDateChanged" class="form-control max-w-xs">
                 @if (comparisonDates != null)
                 {
                     @foreach (var date in comparisonDates)
                     {
                         <option value="@date.Date.ToString("yyyy-MM-dd")">@date.Description</option>
                     }
                 }
-            </select>
+            </InputSelect>
         </div>
 
         <!-- Comparison Cards Row 2 - Sales Data -->
@@ -220,13 +221,6 @@
     private List<MerchantModel>? recentMerchants;
     private string _selectedComparisonDate = DateTime.Now.AddDays(-7).ToString("yyyy-MM-dd");
 
-    
-    private string SelectedComparisonDate
-    {
-        get => _selectedComparisonDate;
-        set => _selectedComparisonDate = value;
-    }
-    
     protected override async Task OnInitializedAsync()
     {
         var authState = await AuthenticationStateProvider.GetAuthenticationStateAsync();
@@ -324,16 +318,13 @@
             StateHasChanged();
         }
     }
-    private async Task HandleDateSelectionChanged(ChangeEventArgs e)
+    private async Task OnComparisonDateChanged()
     {
-        if (e.Value != null)
+        // This is called after _selectedComparisonDate is updated by @bind-Value
+        if (!isAdministrator)
         {
-            _selectedComparisonDate = e.Value.ToString()!;
-            if (!isAdministrator)
-            {
-                await LoadDashboardData();
-                StateHasChanged();
-            }
+            await LoadDashboardData();
+            StateHasChanged();
         }
     }