fix(DateTimePicker): body defaulting to current month (#4357)

* adjusting single view mode to display current date instead of previous month

* doc: 代码格式化

* refactor: 更新变量名称

* doc: 代码格式化

---------

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

Author: eramosr16

src/BootstrapBlazor/Components/DateTimeRange/DateTimeRange.razor

@@ -33,19 +33,19 @@
                 </div>
             }
             <CascadingValue Value="this" IsFixed="true">
-                <DatePickerBody Value="@StartValue" ValueChanged="UpdateValue" OnDateChanged="OnStartDateChanged"
-                                DateFormat="@DateFormat" TimeFormat="@TimeFormat" ViewMode="ViewMode"
-                                ShowLunar="ShowLunar" ShowSolarTerm="ShowSolarTerm" ShowFestivals="ShowFestivals" ShowHolidays="ShowHolidays"
-                                ShowRightButtons="@_showRightButtons" MaxValue="MaxValue" MinValue="MinValue">
-                </DatePickerBody>
                 @if (RenderMode == DateTimeRangeRenderMode.Double)
                 {
-                    <DatePickerBody Value="@EndValue" ValueChanged="UpdateValue" OnDateChanged="OnEndDateChanged"
+                    <DatePickerBody Value="@StartValue" ValueChanged="UpdateValue" OnDateChanged="OnStartDateChanged"
                                     DateFormat="@DateFormat" TimeFormat="@TimeFormat" ViewMode="ViewMode"
                                     ShowLunar="ShowLunar" ShowSolarTerm="ShowSolarTerm" ShowFestivals="ShowFestivals" ShowHolidays="ShowHolidays"
-                                    ShowLeftButtons="false" MaxValue="MaxValue" MinValue="MinValue">
+                                    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"
+                                ShowLeftButtons="@_showLeftButtons" MaxValue="MaxValue" MinValue="MinValue">
+                </DatePickerBody>
             </CascadingValue>
         </div>
         <div class="picker-panel-footer">

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

@@ -270,7 +270,7 @@ public bool AllowNull
         .AddClass("disabled", IsDisabled)
         .Build();
 
-    private bool _showRightButtons = false;
+    private bool _showLeftButtons = false;
 
     /// <summary>
     /// <inheritdoc/>
@@ -297,7 +297,7 @@ protected override void OnInitialized()
             }
         }
 
-        _showRightButtons = RenderMode == DateTimeRangeRenderMode.Single;
+        _showLeftButtons = RenderMode == DateTimeRangeRenderMode.Single;
     }
 
     /// <summary>