Fix range inputs (#554)

* Add decimal demo

* Use CultureInfo.InvariantCulture for float, double & decimal type

Author: MarvinKlein1508

BlazorBootstrap.Demo.RCL/Pages/Form/RangeInput/RangeInputDocumentation.razor

@@ -52,6 +52,10 @@
 </div>
 <Demo Type="typeof(RangeInput_Demo_05_Tick_Marks)" Tabs="true" />
 
+
+<SectionHeading Size="HeadingSize.H2" Text="Decimals" PageUrl="@pageUrl" HashTagName="decimals" />
+<div class="mb-3"></div>
+<Demo Type="typeof(RangeInput_Demo_06_Decimals)" Tabs="false" />
 @code {
     private string pageUrl = "/form/range-input";
     private string title = "Blazor RangeInput Component";

BlazorBootstrap.Demo.RCL/Pages/Form/RangeInput/RangeInput_Demo_06_Decimals.razor

@@ -0,0 +1,5 @@
+<RangeInput TValue="decimal" @bind-Value="amount1" Min="0" Max="100" Step="0.01" />
+@amount1
+@code {
+    decimal amount1 = 0;
+}

blazorbootstrap/Components/Form/RangeInput/RangeInput.razor

@@ -7,10 +7,10 @@
        type="range"
        class="@($"{ClassNames} {fieldCssClasses} {(showTickMarks ? "bb-form-range-input" : "")}".Trim())"
        id="@ElementId"
-       min="@Min"
-       max="@Max"
-       step="@Step"
-       value="@Value"
+       min="@GetInvariantNumber(Min)"
+       max="@GetInvariantNumber(Max)"
+       step="@Step.ToString(CultureInfo.InvariantCulture)"
+       value="@GetInvariantNumber(Value)"
        style="@StyleNames"
        list="@(showTickMarks ? $"datalist-{ElementId}" : "")"
        disabled="@Disabled"

blazorbootstrap/Components/Form/RangeInput/RangeInput.razor.cs

@@ -284,6 +284,31 @@ private void SetValue(object? newValue)
             Value = value;
     }
 
+    private string GetInvariantNumber(TValue value)
+    {
+        if (value is null)
+        {
+            return string.Empty;
+        }
+
+        if (value is float floatValue)
+        {
+            return floatValue.ToString(CultureInfo.InvariantCulture);
+        }
+
+        if (value is double doubleValue)
+        {
+            return doubleValue.ToString(CultureInfo.InvariantCulture);
+        }
+
+        if (value is decimal decimalValue)
+        {
+            return decimalValue.ToString(CultureInfo.InvariantCulture);
+        }
+
+        // All numbers without decimal places work fine by default
+        return value?.ToString() ?? string.Empty;
+    }
     private bool TryParseValue(object value, out TValue newValue)
     {
         try
@@ -323,23 +348,23 @@ private bool TryParseValue(object value, out TValue newValue)
             // float? / float
             if (typeof(TValue) == typeof(float?) || typeof(TValue) == typeof(float))
             {
-                newValue = (TValue)Convert.ChangeType(value, typeof(float));
+                newValue = (TValue)Convert.ChangeType(value, typeof(float), CultureInfo.InvariantCulture);
 
                 return true;
             }
 
             // double? / double
             if (typeof(TValue) == typeof(double?) || typeof(TValue) == typeof(double))
             {
-                newValue = (TValue)Convert.ChangeType(value, typeof(double));
+                newValue = (TValue)Convert.ChangeType(value, typeof(double), CultureInfo.InvariantCulture);
 
                 return true;
             }
 
             // decimal? / decimal
             if (typeof(TValue) == typeof(decimal?) || typeof(TValue) == typeof(decimal))
             {
-                newValue = (TValue)Convert.ChangeType(value, typeof(decimal));
+                newValue = (TValue)Convert.ChangeType(value, typeof(decimal), CultureInfo.InvariantCulture);
 
                 return true;
             }