@page "/"
<h1>Hello, world!</h1>
<MatSelect Label="Pick a Food Group" @bind-Value="@myTimeSpan">
<MatOption TValue="DateTime?" Value="@(null)"></MatOption>
<MatOption TValue="TimeSpan?" Value="new TimeSpan(2, 14, 18)">2,14,18</MatOption>
<MatOption TValue="TimeSpan?" Value="new TimeSpan(3, 14, 18)">3,14,18</MatOption>
<MatOption TValue="TimeSpan?" Value="new TimeSpan(4, 14, 18)">4,14,18</MatOption>
<MatOption TValue="TimeSpan?" Value="new TimeSpan(5, 14, 18)">5,14,18</MatOption>
</MatSelect>
@code {
DateTime? myTimeSpan;
}