From 369fc787ec10b9749d5b8ef47d830ee9c53dab2a Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Sun, 10 Aug 2025 22:55:00 +0800
Subject: [PATCH 1/2] =?UTF-8?q?style:=20=E4=BF=AE=E5=A4=8D=E5=BC=80?=
 =?UTF-8?q?=E5=90=AF=E6=97=B6=E9=97=B4=E8=A7=86=E5=9B=BE=E5=AE=BD=E5=BA=A6?=
 =?UTF-8?q?=E6=BA=A2=E5=87=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/DateTimePicker/DatePickerBody.razor        | 2 +-
 .../Components/DateTimePicker/DatePickerBody.razor.cs     | 4 ++++
 .../Components/DateTimePicker/DatePickerBody.razor.scss   | 8 +++++++-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor b/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor
index d28df051369..4c373fdc0a1 100644
--- a/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor
+++ b/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor
@@ -37,7 +37,7 @@
                                 <i class="@PreviousMonthIcon"></i>
                             </button>
                         }
-                        <div class="d-flex align-items-center justify-content-center flex-fill">
+                        <div class="@HeaderLabelString">
                             <span role="button" class="picker-panel-header-label" @onclick="() => SwitchView(DatePickerViewMode.Year)">@YearString</span>
                             <span role="button" class="@CurrentMonthViewClassName" @onclick="() => SwitchView(DatePickerViewMode.Month)">@MonthString</span>
                             @if (IsDateTimeMode)
diff --git a/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor.cs b/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor.cs
index ce0de10e3f0..27a4b85a114 100644
--- a/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor.cs
+++ b/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor.cs
@@ -465,6 +465,10 @@ public bool AllowNull
 
     private bool IsDateTimeMode => ViewMode == DatePickerViewMode.DateTime && CurrentViewMode == DatePickerViewMode.DateTime;
 
+    private string? HeaderLabelString => CssBuilder.Default("d-flex align-items-center justify-content-center flex-fill")
+        .AddClass("picker-panel-header-bar", ViewMode == DatePickerViewMode.DateTime)
+        .Build();
+
     private readonly Dictionary<string, List<DateTime>> _monthDisabledDaysCache = [];
 
     /// <summary>
diff --git a/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor.scss b/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor.scss
index 46b222956a8..5e7c7235b51 100644
--- a/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor.scss
+++ b/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor.scss
@@ -1,4 +1,4 @@
-.picker-panel {
+.picker-panel {
     --bb-picker-panel-body-width: 320px;
     --bb-picker-hover-color: #409eff;
     --bb-picker-panel-side-width: 0;
@@ -62,6 +62,12 @@
                     }
                 }
 
+                .picker-panel-header-bar {
+                    .picker-panel-header-label {
+                        font-size: 14px;
+                    }
+                }
+
                 .picker-panel-header-label {
                     font-size: 16px;
                     font-weight: 500;

From 1d1367d3f59cbeec94ea7818eab48f27c085db45 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Sun, 10 Aug 2025 22:55:30 +0800
Subject: [PATCH 2/2] =?UTF-8?q?doc:=20=E6=9B=B4=E6=96=B0=E6=97=A5=E6=9C=9F?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4=E7=BC=96=E8=BE=91=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/Samples/Table/TablesEdit.razor             | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/BootstrapBlazor.Server/Components/Samples/Table/TablesEdit.razor b/src/BootstrapBlazor.Server/Components/Samples/Table/TablesEdit.razor
index b987c890123..74d13c8bda0 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Table/TablesEdit.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Table/TablesEdit.razor
@@ -101,7 +101,13 @@
            OnQueryAsync="@OnQueryAsync"
            OnAddAsync="@OnAddAsync" OnSaveAsync="@OnSaveAsync" OnDeleteAsync="@OnDeleteAsync">
         <TableColumns>
-            <TableColumn @bind-Field="@context.DateTime" Width="180" />
+            <TableColumn @bind-Field="@context.DateTime" Width="180">
+                <EditTemplate Context="v">
+                    <div class="col-12 col-sm-6">
+                        <DateTimePicker @bind-Value="v.DateTime" ViewMode="DatePickerViewMode.DateTime" />
+                    </div>
+                </EditTemplate>
+            </TableColumn>
             <TableColumn @bind-Field="@context.Name">
                 <EditTemplate Context="v">
                     <div class="col-12 col-sm-6">