From af3999587da2ba5ce97d35c52566b54c826a4d2c Mon Sep 17 00:00:00 2001
From: "Lucas.Xu" <lucas.xu@appflowy.io>
Date: Tue, 5 Dec 2023 14:36:57 +0800
Subject: [PATCH] feat: improve datepicker color

---
 .../mobile_date_picker_screen.dart            | 20 ++++++++++---------
 .../row/cells/date_cell/date_cell.dart        |  2 ++
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/frontend/appflowy_flutter/lib/mobile/presentation/database/date_picker/mobile_date_picker_screen.dart b/frontend/appflowy_flutter/lib/mobile/presentation/database/date_picker/mobile_date_picker_screen.dart
index 813d751362..5efdf70bd9 100644
--- a/frontend/appflowy_flutter/lib/mobile/presentation/database/date_picker/mobile_date_picker_screen.dart
+++ b/frontend/appflowy_flutter/lib/mobile/presentation/database/date_picker/mobile_date_picker_screen.dart
@@ -77,15 +77,17 @@ class _MobileDateCellEditScreenState extends State<MobileDateCellEditScreen> {
       builder: (_, controller) => Material(
         child: ColoredBox(
           color: Theme.of(context).colorScheme.surface,
-          child: SingleChildScrollView(
-            controller: controller,
-            child: Column(
-              children: [
-                const DragHandler(),
-                _buildHeader(),
-                _buildBody(),
-              ],
-            ),
+          child: Column(
+            children: [
+              const DragHandler(),
+              _buildHeader(),
+              Expanded(
+                child: SingleChildScrollView(
+                  controller: controller,
+                  child: _buildBody(),
+                ),
+              ),
+            ],
           ),
         ),
       ),
diff --git a/frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/date_cell/date_cell.dart b/frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/date_cell/date_cell.dart
index d58d12cc0c..eacaacfcee 100644
--- a/frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/date_cell/date_cell.dart
+++ b/frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/date_cell/date_cell.dart
@@ -165,6 +165,8 @@ class _DateCellState extends GridCellState<GridDateCell> {
                 showMobileBottomSheet(
                   context,
                   padding: EdgeInsets.zero,
+                  backgroundColor:
+                      Theme.of(context).colorScheme.secondaryContainer,
                   builder: (context) {
                     return MobileDateCellEditScreen(
                       controller: widget.cellControllerBuilder.build()