ui: color balance in schedule

Author: Natifishman

app/src/main/java/com/example/partymaker/ui/features/groups/creation/CreateGroupActivity.java

@@ -105,6 +105,7 @@ public class CreateGroupActivity extends BaseActivity implements OnMapReadyCallb
   private GoogleMap map;
   private LatLng chosenLatLng;
   private FusedLocationProviderClient locationClient;
+  private boolean isDatePickerShowing = false;
 
   @Override
   protected void onCreate(Bundle savedInstanceState) {
@@ -223,6 +224,11 @@ private void initializeViews() {
     etPartyName = findViewById(R.id.etPartyName);
     groupTypeCheckBox = findViewById(R.id.cbGroupType);
     timePicker = findViewById(R.id.timePicker);
+    
+    // Apply custom theme to TimePicker programmatically for better visibility
+    if (timePicker != null && android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.M) {
+      timePicker.setHour(timePicker.getHour()); // Refresh to apply theme
+    }
 
     // Floating action button
     chatFab = findViewById(R.id.fabChat);
@@ -502,6 +508,7 @@ private void transitionToDateTimeStep() {
     showViews(tvPartyDate, tvHours, tvSelectedDate, timePicker, btnAddGroup, btnBack2);
 
     hideMapAndLocationSearch();
+    // Automatically show date picker for better UX
     showDatePicker();
   }
 
@@ -934,31 +941,21 @@ public boolean onCreateOptionsMenu(Menu menu) {
   }
 
   private void showDatePicker() {
+    // Prevent showing multiple date pickers
+    if (isDatePickerShowing) {
+      return;
+    }
+    
+    isDatePickerShowing = true;
+    
     DatePickerDialog datePickerDialog =
         new DatePickerDialog(
             this,
+            android.R.style.Theme_Material_Light_Dialog_Alert,
             (view, year, month, dayOfMonth) -> {
-              Calendar pickedDate = Calendar.getInstance();
-              pickedDate.set(year, month, dayOfMonth);
-
-              // Check if picked date is in the past
-              Calendar today = Calendar.getInstance();
-              today.set(Calendar.HOUR_OF_DAY, 0);
-              today.set(Calendar.MINUTE, 0);
-              today.set(Calendar.SECOND, 0);
-              today.set(Calendar.MILLISECOND, 0);
-
-              if (pickedDate.before(today)) {
-                Toast.makeText(
-                        this,
-                        "Cannot select a date in the past. Please choose today or a future date.",
-                        Toast.LENGTH_LONG)
-                    .show();
-                return;
-              }
-
               selectedDate.set(year, month, dayOfMonth);
               updateSelectedDate();
+              isDatePickerShowing = false;
             },
             selectedDate.get(Calendar.YEAR),
             selectedDate.get(Calendar.MONTH),
@@ -967,6 +964,22 @@ private void showDatePicker() {
     // Set minimum date to today to prevent past date selection
     Calendar today = Calendar.getInstance();
     datePickerDialog.getDatePicker().setMinDate(today.getTimeInMillis());
+    
+    // Fix button text color to be visible
+    datePickerDialog.setOnShowListener(dialog -> {
+      Button positiveButton = datePickerDialog.getButton(DatePickerDialog.BUTTON_POSITIVE);
+      Button negativeButton = datePickerDialog.getButton(DatePickerDialog.BUTTON_NEGATIVE);
+      if (positiveButton != null) {
+        positiveButton.setTextColor(ContextCompat.getColor(this, R.color.primaryBlue));
+      }
+      if (negativeButton != null) {
+        negativeButton.setTextColor(ContextCompat.getColor(this, R.color.primaryBlue));
+      }
+    });
+    
+    // Handle dialog cancel/dismiss
+    datePickerDialog.setOnCancelListener(dialog -> isDatePickerShowing = false);
+    datePickerDialog.setOnDismissListener(dialog -> isDatePickerShowing = false);
 
     datePickerDialog.show();
   }

app/src/main/res/layout/activity_party_create.xml

@@ -149,10 +149,12 @@
 
             <TimePicker
                 android:id="@+id/timePicker"
+                style="@style/TimePickerStyle"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_marginBottom="16dp"
                 android:timePickerMode="clock"
+                android:theme="@style/CustomTimePickerTheme"
                 android:visibility="invisible" />
 
         </LinearLayout>

app/src/main/res/values/styles_material3.xml

@@ -67,4 +67,13 @@
     <!-- Bottom Navigation Style -->
     <!-- Dialog Styles -->
     <!-- Navigation styles removed due to compatibility issues -->
+    
+    <!-- Custom TimePicker Style with better visibility -->
+    <style name="TimePickerStyle" parent="@android:style/Widget.Material.Light.TimePicker">
+        <item name="android:headerBackground">@color/primaryBlue</item>
+        <item name="android:numbersTextColor">@color/white</item>
+        <item name="android:numbersSelectorColor">@color/modern_accent_teal</item>
+        <item name="android:numbersBackgroundColor">@android:color/transparent</item>
+        <item name="android:amPmTextColor">@color/white</item>
+    </style>
 </resources>

app/src/main/res/values/themes.xml

@@ -161,6 +161,34 @@
         <item name="android:windowBackground">@null</item>
     </style>
 
+    <!-- Custom DatePicker theme -->
+    <style name="CustomDatePickerTheme" parent="Theme.AppCompat.Light.Dialog">
+        <item name="colorAccent">@color/primaryBlue</item>
+        <item name="android:datePickerStyle">@style/CustomDatePickerStyle</item>
+        <item name="android:textColorPrimary">@color/primaryBlue</item>
+        <item name="android:colorControlNormal">@color/primaryBlue</item>
+    </style>
+
+    <style name="CustomDatePickerStyle" parent="@android:style/Widget.Material.DatePicker">
+        <item name="android:headerBackground">@color/primaryBlue</item>
+        <item name="android:dateTextAppearance">@style/DatePickerTextAppearance</item>
+    </style>
+
+    <style name="DatePickerTextAppearance" parent="TextAppearance.AppCompat.Body1">
+        <item name="android:textColor">@color/primaryBlue</item>
+    </style>
+
+    <!-- Custom TimePicker theme -->
+    <style name="CustomTimePickerTheme">
+        <item name="android:numbersTextColor">@color/white</item>
+        <item name="android:numbersBackgroundColor">@android:color/transparent</item>
+        <item name="android:numbersSelectorColor">@color/modern_accent_teal</item>
+        <item name="android:amPmTextColor">@color/white</item>
+        <item name="android:textColorPrimary">@color/white</item>
+        <item name="android:textColorSecondary">@color/modern_accent_teal</item>
+        <item name="colorAccent">@color/modern_accent_teal</item>
+    </style>
+
     <!-- Material3 themes without window background -->
     <style name="Theme.Material3.Login.NoWindowBackground" parent="Theme.Material3.Login">
         <item name="android:windowBackground">@null</item>