Replace <InputDate> with <DateOnlyPicker>

Based on MudDatePicker. See: MudBlazor/MudBlazor#6178 (comment)

Pkmds.Web/Components/DateOnlyPicker.razor

@@ -0,0 +1,12 @@
+@*
+	HACK: This component works as an adapter between MudDatePicker which only accepts DateTime? and any DateOnly? object.
+	Remove once issue https://github.com/MudBlazor/MudBlazor/issues/6178 is fixed.
+	Thanks to: https://github.com/MudBlazor/MudBlazor/issues/6178#issuecomment-2056451836
+*@
+
+<MudDatePicker @ref="datePickerRef"
+               Label="@Label"
+               Class="d-inline-flex"
+               ReadOnly="@ReadOnly"
+               HelperText="@HelperText"
+               @bind-Date="DateBindTarget" />

Pkmds.Web/Components/DateOnlyPicker.razor.cs

@@ -0,0 +1,59 @@
+namespace Pkmds.Web.Components;
+
+public partial class DateOnlyPicker
+{
+    [CascadingParameter]
+    public EditContext? EditContext { get; set; }
+
+    [Parameter, EditorRequired]
+    public DateOnly? Date { get; set; }
+
+    [Parameter]
+    public EventCallback<DateOnly?> DateChanged { get; set; }
+
+    [Parameter, EditorRequired]
+    public string? Label { get; set; }
+
+    [Parameter]
+    public Expression<Func<DateOnly?>>? For { get; set; }
+
+    [Parameter]
+    public bool ReadOnly { get; set; }
+
+    [Parameter]
+    public string? HelperText { get; set; }
+
+    private MudDatePicker? datePickerRef;
+
+    private DateTime? DateBindTarget
+    {
+        get => Date?.ToDateTime(TimeOnly.MinValue);
+        set
+        {
+            if (value is not null)
+            {
+                Date = DateOnly.FromDateTime((DateTime)value);
+                DateChanged.InvokeAsync(Date);
+            }
+        }
+    }
+
+    protected override void OnAfterRender(bool firstRender)
+    {
+        if (!firstRender || For is null)
+        {
+            return;
+        }
+
+        if (EditContext is null)
+        {
+            throw new Exception("Using 'For' without an 'EditContext' is not supported. Are you missing an 'EditForm'?");
+        }
+
+        // Get the private field _fieldidentifier by reflection.
+        var fieldIdentifierField = typeof(MudFormComponent<DateTime?, string>).GetField("_fieldIdentifier", BindingFlags.Instance | BindingFlags.NonPublic);
+
+        // Set the field identifier with our DateOnly? expression, avoiding the type issue between DateOnly vs DateTime
+        fieldIdentifierField?.SetValue(datePickerRef, FieldIdentifier.Create(For));
+    }
+}

Pkmds.Web/Components/EditForms/Tabs/MetTab.razor

@@ -41,9 +41,9 @@ EntityContext.MaxInvalid &&
                               Height="22" />
                     <MudText>
                         @ball.Text
-                </MudText>
-            </MudStack>
-        </MudSelectItem>
+                    </MudText>
+                </MudStack>
+            </MudSelectItem>
         }
     </MudSelect>
 
@@ -58,15 +58,8 @@ EntityContext.MaxInvalid &&
     <MudPaper Elevation="0"
               Outlined="@true"
               Class="my-2">
-        <MudStack>
-            <MudInputLabel ForId="metDate">
-                Met Date
-            </MudInputLabel>
-            <InputDate @bind-Value="@Pokemon.MetDate"
-                       style="color: var(--mud-palette-text-primary); background-color: var(--mud-palette-surface);"
-                       id="metDate"
-                       DisplayName="Met Date" />
-        </MudStack>
+        <DateOnlyPicker @bind-Date="@Pokemon.MetDate"
+                        Label="Met Date" />
     </MudPaper>
 
     @*
@@ -86,14 +79,7 @@ EntityContext.MaxInvalid &&
     <MudPaper Elevation="0"
               Outlined="@true"
               Class="my-2">
-        <MudStack>
-            <MudInputLabel ForId="eggDate">
-                Egg Date
-            </MudInputLabel>
-            <InputDate @bind-Value="@Pokemon.EggMetDate"
-                       style="color: var(--mud-palette-text-primary); background-color: var(--mud-palette-surface);"
-                       id="eggDate"
-                       DisplayName="Egg Date" />
-        </MudStack>
+        <DateOnlyPicker @bind-Date="@Pokemon.EggMetDate"
+                        Label="Met Date" />
     </MudPaper>
 }

Pkmds.Web/GlobalUsings.cs

@@ -1,4 +1,5 @@
-global using System.Reflection;
+global using System.Linq.Expressions;
+global using System.Reflection;
 global using System.Text;
 global using KristofferStrube.Blazor.FileSystemAccess;
 global using Microsoft.AspNetCore.Components;