fix(DateTimeRange): should close popup after click confirm button (#5668)

* refactor: 增加关窗逻辑

* refactor: 精简代码

* chore: bump version 9.5.0-beta08

* refactor: 修复清空按钮不关窗问题

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.5.0-beta07</Version>
+    <Version>9.5.0-beta08</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/DateTimePicker/DateTimePicker.razor

@@ -7,7 +7,7 @@
 {
     <BootstrapLabel required="@Required" for="@Id" ShowLabelTooltip="ShowLabelTooltip" Value="@DisplayText" />
 }
-<div @attributes="@AdditionalAttributes" tabindex="@TabIndexString" id="@Id" class="@ClassString" data-bb-dropdown=".picker-panel" data-bb-dismiss=".picker-panel-link-btn">
+<div @attributes="@AdditionalAttributes" tabindex="@TabIndexString" id="@Id" class="@ClassString" data-bb-dropdown=".picker-panel">
     <input readonly="@ReadonlyString" class="@InputClassName" @bind="@CurrentValueAsString" placeholder="@PlaceholderString" disabled="@Disabled" data-bs-toggle="@Constants.DropdownToggleString" data-bs-placement="@PlacementString" data-bs-custom-class="@CustomClassString" @onblur="OnBlur" />
     @if (ShowIcon)
     {

src/BootstrapBlazor/Components/DateTimeRange/DateTimeRange.razor

@@ -6,7 +6,7 @@
 {
     <BootstrapLabel required="@Required" ShowLabelTooltip="ShowLabelTooltip" Value="@DisplayText" />
 }
-<div @attributes="@AdditionalAttributes" id="@Id" tabindex="0" class="@ClassString" data-bb-dropdown=".datetime-range-body" data-bb-dismiss=".picker-panel-link-btn">
+<div @attributes="@AdditionalAttributes" id="@Id" tabindex="0" class="@ClassString" data-bb-dropdown=".datetime-range-body">
     <div class="dropdown-toggle datetime-range-control" data-bs-toggle="@Constants.DropdownToggleString" data-bs-placement="@PlacementString" data-bs-custom-class="@CustomClassString">
         <div class="position-relative">
             <i class="@DateTimePickerIconClassString"></i>
@@ -37,13 +37,15 @@
                 {
                     <DatePickerBody Value="@StartValue" ValueChanged="UpdateValue" OnDateChanged="OnStartDateChanged"
                                     DateFormat="@DateFormat" TimeFormat="@TimeFormat" ViewMode="ViewMode"
-                                    ShowLunar="ShowLunar" ShowSolarTerm="ShowSolarTerm" ShowFestivals="ShowFestivals" ShowHolidays="ShowHolidays"
+                                    ShowLunar="ShowLunar" ShowSolarTerm="ShowSolarTerm"
+                                    ShowFestivals="ShowFestivals" ShowHolidays="ShowHolidays"
                                     ShowRightButtons="false" MaxValue="MaxValue" MinValue="MinValue">
                     </DatePickerBody>
                 }
                 <DatePickerBody Value="@EndValue" ValueChanged="UpdateValue" OnDateChanged="OnEndDateChanged"
                                 DateFormat="@DateFormat" TimeFormat="@TimeFormat" ViewMode="ViewMode"
-                                ShowLunar="ShowLunar" ShowSolarTerm="ShowSolarTerm" ShowFestivals="ShowFestivals" ShowHolidays="ShowHolidays"
+                                ShowLunar="ShowLunar" ShowSolarTerm="ShowSolarTerm"
+                                ShowFestivals="ShowFestivals" ShowHolidays="ShowHolidays"
                                 ShowLeftButtons="@_showLeftButtons" MaxValue="MaxValue" MinValue="MinValue">
                 </DatePickerBody>
             </CascadingValue>

src/BootstrapBlazor/Components/DateTimeRange/DateTimeRange.razor.cs

@@ -375,6 +375,7 @@ private async Task ClickClearButton()
         {
             EditContext.NotifyFieldChanged(FieldIdentifier.Value);
         }
+        await InvokeVoidAsync("hide", Id);
     }
 
     private Task OnStartDateChanged(DateTime value)
@@ -442,6 +443,7 @@ private async Task ClickConfirmButton()
         {
             EditContext.NotifyFieldChanged(FieldIdentifier.Value);
         }
+        await InvokeVoidAsync("hide", Id);
     }
 
     /// <summary>