TF-2057 Add event time detail widget

(cherry picked from commit d9782f9a0038c05a9d9911f3066989db3b41fc52)

core/lib/presentation/extensions/color_extension.dart

@@ -195,6 +195,7 @@ extension AppColor on Color {
   static const colorCalendarEventInformationStroke = Color(0x1F000000);
   static const colorShadowCalendarDateIcon = Color(0x26000000);
   static const colorOrganizerMailto = Color(0xFFB3B3B3);
+  static const colorMailto = Color(0xFFB3B3B3);
 
   static const mapGradientColor = [
     [Color(0xFF21D4FD), Color(0xFFB721FF)],

lib/features/email/presentation/styles/event_time_detail_widget_styles.dart

@@ -0,0 +1,5 @@
+
+class EventTimeDetailWidgetStyles {
+  static const double maxWidth = 100;
+  static const double textSize = 16;
+}

lib/features/email/presentation/widgets/calendar_event/event_time_detail_widget.dart

@@ -0,0 +1,43 @@
+
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+import 'package:tmail_ui_user/features/email/presentation/styles/event_time_detail_widget_styles.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+class EventTimeWidgetWidget extends StatelessWidget {
+
+  final String timeEvent;
+
+  const EventTimeWidgetWidget({
+    super.key,
+    required this.timeEvent
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        SizedBox(
+          width: EventTimeDetailWidgetStyles.maxWidth,
+          child: Text(
+            AppLocalizations.of(context).time,
+            style: const TextStyle(
+              fontSize: EventTimeDetailWidgetStyles.textSize,
+              fontWeight: FontWeight.w500,
+              color: AppColor.colorSubTitleEventActionText
+            ),
+          ),
+        ),
+        Expanded(child: Text(
+          timeEvent,
+          style: const TextStyle(
+            fontSize: EventTimeDetailWidgetStyles.textSize,
+            fontWeight: FontWeight.w500,
+            color: Colors.black
+          ),
+        ))
+      ],
+    );
+  }
+}

lib/l10n/intl_messages.arb

@@ -1,5 +1,5 @@
 {
-  "@@last_modified": "2023-07-26T18:42:34.026265",
+  "@@last_modified": "2023-07-27T12:18:46.254059",
   "initializing_data": "Initializing data...",
   "@initializing_data": {
     "type": "text",
@@ -3077,5 +3077,23 @@
     "type": "text",
     "placeholders_order": [],
     "placeholders": {}
+  },
+  "time": "Time",
+  "@time": {
+    "type": "text",
+    "placeholders_order": [],
+    "placeholders": {}
+  },
+  "location": "Location",
+  "@location": {
+    "type": "text",
+    "placeholders_order": [],
+    "placeholders": {}
+  },
+  "attendees": "Attendees",
+  "@attendees": {
+    "type": "text",
+    "placeholders_order": [],
+    "placeholders": {}
   }
 }

lib/main/localizations/app_localizations.dart

@@ -3173,4 +3173,23 @@ class AppLocalizations {
       'Organizer',
       name: 'organizer');
   }
+
+  String get time {
+    return Intl.message(
+      'Time',
+      name: 'time',
+    );
+  }
+
+  String get location {
+    return Intl.message(
+      'Location',
+      name: 'location');
+  }
+
+  String get attendees {
+    return Intl.message(
+      'Attendees',
+      name: 'attendees');
+  }
 }