TimeInput: Cannot set time with non-english locales

[eerojaaskelainen]

Describe the bug TimeInput cannot set time when CultureInfo.CurrentCulture.DateTimeFormat is not what JS expects. This occurs at least in Finnish Windows locale (where time is presented in H.mm).

To Reproduce

1. Create Blazor component with TimeInput control
2. Change System.Globalization.CultureInfo.CurrentCulture and System.Globalization.CultureInfo.CurrentUICulture to Finnish ("fi")
3. Run component
4. (Pick time, or type from keyboard)

Current behavior

• Control shows '--.--'
• Following message is printed in console:

  blazor.web.js:1 The specified value "00.00" does not conform to the required format. The format is "HH:mm", "HH:mm:ss" or "HH:mm:ss.SSS" where HH is 00-23, mm is 00-59, ss is 00-59, and SSS is 000-999.

(Specified value reflects to desired value)

Expected behavior Time should be updated to control and variable

Screenshots

Versions (please complete the following information):

• .NET Version: .NET 8.0.302
• BlazorBootstrap: 2.2.0
• Blazor WebAssembly / Server: Server
• Blazor Interactive Render Mode: Server
• Blazor Interactivity Location: Global

Sample code

<TimeInput @bind-Value="StartTime" TValue="TimeOnly" />

@code {
  private TimeOnly StartTime { get; set; } 
}

GitHub repo N/A

Desktop (please complete the following information):

• OS: Windows
• Browser: Chrome
• Version: 126.0.6478.127
• Browser locale: Finnish (fi)
• System locale: Finnish (fi)

[gvreddy04]

@eerojaaskelainen Thank you for trying BlazorBootstrap, I will take a look at the issue mentioned above.