diff --git a/lib/model/expense/add_expense_bottom_sheet.dart b/lib/model/expense/add_expense_bottom_sheet.dart
index 29f52e8..8592fe4 100644
--- a/lib/model/expense/add_expense_bottom_sheet.dart
+++ b/lib/model/expense/add_expense_bottom_sheet.dart
@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
-
+import 'package:intl/intl.dart';
 import 'package:marco/controller/expense/add_expense_controller.dart';
 import 'package:marco/model/expense/expense_type_model.dart';
 import 'package:marco/model/expense/payment_types_model.dart';
@@ -222,15 +222,16 @@ class _AddExpenseBottomSheetState extends State<_AddExpenseBottomSheet> {
   }
 
   Widget _buildTransactionDateField() {
-    return _buildTileSelector(
-      icon: Icons.calendar_today,
-      title: "Transaction Date",
-      required: true,
-      displayText: controller.transactionDateController.text.isEmpty
-          ? "Select Transaction Date"
-          : controller.transactionDateController.text,
-      onTap: () => controller.pickTransactionDate(context),
-    );
+    return Obx(() => _buildTileSelector(
+          icon: Icons.calendar_today,
+          title: "Transaction Date",
+          required: true,
+          displayText: controller.selectedTransactionDate.value == null
+              ? "Select Transaction Date"
+              : DateFormat('dd MMM yyyy')
+                  .format(controller.selectedTransactionDate.value!),
+          onTap: () => controller.pickTransactionDate(context),
+        ));
   }
 
   Widget _buildLocationField() {