How can I bind to a nullable enum in FluentSelect

[MarvinKlein1508]

I try to figure out how I can bind to a nullable enum using the FluentSelect component.

In my case I have a nullable enum which is part of my object. It is nullable because I don't want to provide a value for the user by default. Instead he/she should pick a value from it.

Currently I have this example code:

<FluentSelect TOption="DayOfWeek?"
              Label="Select a day"
              Items="Items"
              Id="day-listbox"
              Width="200px"
              Height="250px"
              Placeholder="Make a selection..."
              @bind-Value="@SelectedValue"
              @bind-SelectedOption="@SelectedDayOfWeek" />

<p>
    Selected value: @SelectedValue <br />
    Selected day (strongly typed): @SelectedDayOfWeek?.ToString()
</p>

@code
{
    private IEnumerable<DayOfWeek?> Items => [..Enum.GetValues<DayOfWeek>()];

    DayOfWeek? SelectedDayOfWeek;
    string? SelectedValue;
}

However now the user cannot switch back to empty state when he has selected a value before. But not all of my actions require the user to select an enum.

Is there any easy way to get it working?

Right now I'm using this work-around which isn't ideal to maintain.

<FluentSelect TOption="Produktinformationsart" Label="Versendungsart" Width="100%;">
    <FluentOption Value="null" Selected="@(Content.Produktinformationsart is null)" OnSelect="(val) => Content.Produktinformationsart = null">--- Auswählen ---</FluentOption>
    @foreach (var item in Enum.GetValues<Produktinformationsart>())
    {
        <FluentOption TOption="Produktinformationsart" Value="@item.ToString()" Selected="@(Content.Produktinformationsart == item)" OnSelect="(val) => Content.Produktinformationsart = item">@item</FluentOption>
    }
</FluentSelect>

[MarvinKlein1508]

@vnbaaij @dvoituron do you have any guidance on this? Sadly the demos don't offer any real null example

[dvoituron]

I don't know if there's an easier way. Perhaps by creating a “Wrapper” that accepts the value null but returns an object needed by the component.

However, we have greatly simplified these options in v5.

https://fluentui-blazor-v5.azurewebsites.net/List/Select#optiontemplate-and-enum-values

Example with null

<FluentSelect Label="Colors"
              Items="@GetEnumValues()"
              @bind-Value="@Value">
</FluentSelect>

@code {
    IEnumerable<Color?> GetEnumValues() => new Color?[] { null }.Concat(Enum.GetValues(typeof(Color)).Cast<Color?>());
    Color? Value;
}

Example without null

<FluentSelect Label="Colors"
              Items="@GetEnumValues()"
              @bind-Value="@Value">
</FluentSelect>

@code {
    IEnumerable<Color> GetEnumValues() => Enum.GetValues(typeof(Color)).Cast<Color>();
    Color Value;
}