[PR #4044] [MERGED] feat: date picker ui revamp #6020

New issue

Closed

opened 2026-03-23 22:21:21 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 22:21:21 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/4044
Author: @LucasXu0
Created: 11/29/2023
Status: ✅ Merged
Merged: 11/29/2023
Merged by: @LucasXu0

Base: main ← Head: date_picker_editor

📝 Commits (6)

f87bd3d feat: date picker editor
aa8f3aa feat: refactor date picker on mobile
1cc9fc8 chore: update background color
0856cbc feat: date picker UI revamp
1af7079 feat: optimize the scroll behavior
19b05a8 chore: remove unused code

📊 Changes

18 files changed (+639 additions, -334 deletions)

View changed files

📝 frontend/appflowy_flutter/ios/Podfile.lock (+1 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart (+8 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/mobile_row_property_list.dart (+0 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/cells.dart (+2 -4)
➖ frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/date_cell/mobile_date_cell.dart (+0 -103)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/date_picker/mobile_date_picker_screen.dart (+231 -123)
➕ frontend/appflowy_flutter/lib/mobile/presentation/widgets/flowy_mobile_option_decorate_box.dart (+35 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/widgets/flowy_option_tile.dart (+53 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/widgets/widgets.dart (+4 -2)
📝 frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cell_builder.dart (+2 -4)
📝 frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/date_cell/date_cell.dart (+47 -23)
➕ frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/date_cell/mobile_date_editor.dart (+193 -0)
📝 frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/select_option_cell/mobile_select_option_editor.dart (+28 -57)
📝 frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/select_option_cell/select_option_cell.dart (+0 -6)
📝 frontend/appflowy_flutter/lib/startup/tasks/generate_router.dart (+12 -5)
📝 frontend/appflowy_flutter/packages/flowy_infra_ui/lib/style_widget/button.dart (+1 -0)
📝 frontend/appflowy_flutter/packages/flowy_infra_ui/lib/widget/spacing.dart (+20 -3)
📝 frontend/resources/translations/en.json (+2 -1)

📄 Description

Feature Preview

How to integrate

// Full Screen
context.push(
  MobileDateCellEditScreen.routeName,
  extra: {
    MobileDateCellEditScreen.dateCellController:
        widget.cellControllerBuilder.build()
            as DateCellController,
    MobileDateCellEditScreen.fullScreen: true,
  },
);

// Card
showMobileBottomSheet(
  context: context,
  builder: (context) {
    return MobileDateCellEditScreen(
      controller: widget.cellControllerBuilder.build()
          as DateCellController,
      showAsFullScreen: false,
    );
  },
);

PR Checklist

My code adheres to AppFlowy's Conventions
I've listed at least one issue that this PR fixes in the description above.
I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes.
All existing tests are passing.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/AppFlowy-IO/AppFlowy/pull/4044 **Author:** [@LucasXu0](https://github.com/LucasXu0) **Created:** 11/29/2023 **Status:** ✅ Merged **Merged:** 11/29/2023 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `date_picker_editor` --- ### 📝 Commits (6) - [`f87bd3d`](https://github.com/AppFlowy-IO/AppFlowy/commit/f87bd3d3013e39af24f0a7f90b44938661f1887a) feat: date picker editor - [`aa8f3aa`](https://github.com/AppFlowy-IO/AppFlowy/commit/aa8f3aa3f53dbf0eb3c51401f5987e98456063b2) feat: refactor date picker on mobile - [`1cc9fc8`](https://github.com/AppFlowy-IO/AppFlowy/commit/1cc9fc83c81b3b3ebd6c6561791d94424cdd4460) chore: update background color - [`0856cbc`](https://github.com/AppFlowy-IO/AppFlowy/commit/0856cbc0bbdb76fffc993d6c8aa7c193dc267bfe) feat: date picker UI revamp - [`1af7079`](https://github.com/AppFlowy-IO/AppFlowy/commit/1af707966a7854b6056b261ba6560a32fc79d222) feat: optimize the scroll behavior - [`19b05a8`](https://github.com/AppFlowy-IO/AppFlowy/commit/19b05a8d8c8b3eed3dd5f00a4091d4125d22a4e6) chore: remove unused code ### 📊 Changes **18 files changed** (+639 additions, -334 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/ios/Podfile.lock` (+1 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart` (+8 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/mobile_row_property_list.dart` (+0 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/cells.dart` (+2 -4) ➖ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/date_cell/mobile_date_cell.dart` (+0 -103) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/date_picker/mobile_date_picker_screen.dart` (+231 -123) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/widgets/flowy_mobile_option_decorate_box.dart` (+35 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/widgets/flowy_option_tile.dart` (+53 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/widgets/widgets.dart` (+4 -2) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cell_builder.dart` (+2 -4) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/date_cell/date_cell.dart` (+47 -23) ➕ `frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/date_cell/mobile_date_editor.dart` (+193 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/select_option_cell/mobile_select_option_editor.dart` (+28 -57) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/select_option_cell/select_option_cell.dart` (+0 -6) 📝 `frontend/appflowy_flutter/lib/startup/tasks/generate_router.dart` (+12 -5) 📝 `frontend/appflowy_flutter/packages/flowy_infra_ui/lib/style_widget/button.dart` (+1 -0) 📝 `frontend/appflowy_flutter/packages/flowy_infra_ui/lib/widget/spacing.dart` (+20 -3) 📝 `frontend/resources/translations/en.json` (+2 -1) </details> ### 📄 Description   ### Feature Preview **How to integrate** ```dart // Full Screen context.push( MobileDateCellEditScreen.routeName, extra: { MobileDateCellEditScreen.dateCellController: widget.cellControllerBuilder.build() as DateCellController, MobileDateCellEditScreen.fullScreen: true, }, ); // Card showMobileBottomSheet( context: context, builder: (context) { return MobileDateCellEditScreen( controller: widget.cellControllerBuilder.build() as DateCellController, showAsFullScreen: false, ); }, ); ``` <img width="543" alt="Screenshot 2023-11-29 at 18 21 46" src="https://github.com/AppFlowy-IO/AppFlowy/assets/11863087/f53397d0-e734-4927-994d-0831d3cd04e9"> <img width="543" alt="Screenshot 2023-11-29 at 18 14 22" src="https://github.com/AppFlowy-IO/AppFlowy/assets/11863087/191cb706-d95d-4d7a-8ac0-bf503c1d7528"> <img width="543" alt="Screenshot 2023-11-29 at 18 14 18" src="https://github.com/AppFlowy-IO/AppFlowy/assets/11863087/b68804c3-5a44-4f8c-8d8d-7d505cc558cd">  ---  #### PR Checklist - [ ] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/conventions) - [ ] I've listed at least one issue that this PR fixes in the description above. - [ ] I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes. - [ ] All existing tests are passing. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>