优化日期范围选择组件在手机端溢出显示的问题

src/BootstrapBlazor.Server/Locales/en-US.json

@@ -5094,17 +5094,7 @@
     "SelectedItemValue1": "Name1",
     "SelectedItemValue2": "Name2",
     "TablesSearchDesc": "Commonly used for single table maintenance, simple addition, deletion, modification, search, sorting, filtering, search and other common functions can be realized through attribute configuration, and very complex can be realized through the advanced usage of <code>Template</code> business needs functions",
-    "TablesSearchTitle": "Table Search",
-    "SearchFormItemMetadataListDesc": "The current version includes the following built-in <code>ISearchFormItemMetadata</code> implementations",
-    "SearchFormItemMetadataListP1": "<code>StringSearchMetadata</code> String search metadata, defaults to a contains relationship",
-    "SearchFormItemMetadataListP2": "<code>MultipleStringSearchMetadata</code> Multiple string search metadata, uses space-separated values to form multiple OR conditions, e.g. <b>condition1</b> <b>condition2</b> results in contains condition1 OR contains condition2",
-    "SearchFormItemMetadataListP3": "<code>NumberSearchMetadata</code> Number search metadata",
-    "SearchFormItemMetadataListP4": "<code>SelectSearchMetadata</code> Dropdown select search metadata",
-    "SearchFormItemMetadataListP5": "<code>MultipleSelectSearchMetadata</code> Multiple select dropdown search metadata",
-    "SearchFormItemMetadataListP6": "<code>DateTimeSearchMetadata</code> DateTime search metadata",
-    "SearchFormItemMetadataListP7": "<code>DateTimeRangeSearchMetadata</code> DateTime range search metadata",
-    "SearchFormItemMetadataListP8": "<code>CheckboxListSearchMetadata</code> Checkbox list search metadata",
-    "SearchFormItemMetadataCustom": "When the default search metadata above cannot meet your business requirements, for example when a dropdown needs to use the <code>SelectTable</code> component for display, you can inherit from a suitable search metadata base class to implement your own custom search metadata"
+    "TablesSearchTitle": "Table Search"
   },
   "BootstrapBlazor.Server.Components.Samples.Table.TablesSelection": {
     "TablesSelectionCountText": "Count：{0}",

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -5094,17 +5094,7 @@
     "SelectedItemValue1": "姓名1",
     "SelectedItemValue2": "姓名2",
     "TablesSearchDesc": "常用于单表维护，通过属性配置实现简单的增、删、改、查、排序、过滤、搜索等常用功能，通过 <code>Template</code> 的高级用法能实现非常复杂的业务需求功能",
-    "TablesSearchTitle": "Table 表格",
-    "SearchFormItemMetadataListDesc": "当前版本内置 <code>ISearchFormItemMetadata</code> 实现类如下",
-    "SearchFormItemMetadataListP1": "<code>StringSearchMetadata</code> 字符串搜索元模型 默认是包含关系",
-    "SearchFormItemMetadataListP2": "<code>MultipleStringSearchMetadata</code> 多字符串搜索元模型默认使用空格分隔组成多个或者条件如 <b>条件1</b> <b>条件2</b> 最终形成 包含条件1 或者 包含条件2 的判定",
-    "SearchFormItemMetadataListP3": "<code>NumberSearchMetadata</code> 数字搜索元模型",
-    "SearchFormItemMetadataListP4": "<code>SelectSearchMetadata</code> 下拉选择搜索元模型",
-    "SearchFormItemMetadataListP5": "<code>MultipleSelectSearchMetadata</code> 多选下拉搜索元模型",
-    "SearchFormItemMetadataListP6": "<code>DateTimeSearchMetadata</code> 日期时间搜索元模型",
-    "SearchFormItemMetadataListP7": "<code>DateTimeRangeSearchMetadata</code> 日期时间范围搜索元模型",
-    "SearchFormItemMetadataListP8": "<code>CheckboxListSearchMetadata</code> 复选框列表搜索元模型",
-    "SearchFormItemMetadataCustom": "例如以上默认搜索元模型无法满足业务需求时，比如下拉框需要使用 <code>SelectTable</code> 组件进行展示，可以通过继承合适的搜索元模型基类自行实现一个自定义搜索元模型"
+    "TablesSearchTitle": "Table 表格"
   },
   "BootstrapBlazor.Server.Components.Samples.Table.TablesSelection": {
     "TablesSelectionCountText": "选中的行数：{0}",

src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor

@@ -1,4 +1,4 @@
-@namespace BootstrapBlazor.Components
+@namespace BootstrapBlazor.Components
 @inherits BootstrapComponentBase
 
 <div @attributes="@AdditionalAttributes" class="@ClassString">
@@ -179,8 +179,8 @@
     }
     @if (ShowFooter)
     {
-        <div class="picker-panel-footer">
-            <div class="flex-fill">
+        <div class="picker-panel-footer justify-content-between">
+            <div>
                 @if (ShowClearButton)
                 {
                     <Button class="picker-panel-link-btn is-confirm" Color="Color.None" OnClickWithoutRender="@ClickClearButton">

src/BootstrapBlazor/Components/DateTimeRange/DateTimeRange.razor.scss

@@ -1,4 +1,4 @@
-@use "../../wwwroot/scss/variables" as *;
+@use "../../wwwroot/scss/variables" as *;
 
 .datetime-range {
     --bb-dt-range-bar-color: #{$bb-dt-range-bar-color};
@@ -85,6 +85,11 @@
         }
     }
 }
+@media (max-width: 768px) {
+    .range-panel-body {
+        flex-direction:column;
+    }
+}
 
 .is-lunar .picker-panel-body {
     .picker-panel-body-main .picker-panel-content table td {