feat(DateTimePicker): add Color parameter (dotnetcore#6342)

* feat(DateTimePicker):DateTimePicker增加Color样式属性

DateTimePicker增加Color样式属性，默认Color.None

* test: 增加单元测试

---------

Co-authored-by: Argo Zhang <[email protected]>

Author: Mydashixiong

src/BootstrapBlazor/Components/DateTimePicker/DateTimePicker.razor.cs

@@ -27,6 +27,7 @@ public partial class DateTimePicker<TValue>
     /// </summary>
     private string? InputClassName => CssBuilder.Default("dropdown-toggle form-control datetime-picker-input")
         .AddClass("has-icon", ShowIcon)
+        .AddClass($"border-{Color.ToDescriptionString()}", Color != Color.None && !IsDisabled && !IsValid.HasValue)
         .AddClass(ValidCss)
         .Build();
 
@@ -105,6 +106,12 @@ public string? Format
     [Parameter]
     public bool ShowIcon { get; set; } = true;
 
+    /// <summary>
+    /// 获得/设置  控件边框颜色样式 默认为 None 显示
+    /// </summary>
+    [Parameter]
+    public Color Color { get; set; } = Color.None;
+
     /// <summary>
     /// 获得/设置 组件显示模式 默认为显示年月日模式
     /// </summary>

test/UnitTest/Components/DateTimePickerTest.cs

@@ -10,6 +10,18 @@ namespace UnitTest.Components;
 public class DateTimePickerTest : BootstrapBlazorTestBase
 {
     #region DateTimePicker
+    [Fact]
+    public void Color_Ok()
+    {
+        var cut = Context.RenderComponent<DateTimePicker<DateTime>>(pb =>
+        {
+            pb.Add(a => a.AutoToday, true);
+            pb.Add(a => a.Value, DateTime.MinValue);
+            pb.Add(a => a.Color, Color.Primary);
+        });
+        cut.Contains("border-primary");
+    }
+
     [Fact]
     public void AutoToday_DateTime()
     {