UI: Redesign DateTime selector and improve time picker layout

[ksharma-xyz]

TL;DR

Improved the date/time selector UI with enhanced styling, layout adjustments, and reduced splash screen delay for development.

What changed?

• Reduced splash screen delay from 1200ms to 100ms for development purposes
• Renamed backgroundColor parameter to themeColor in RadioButton component
• Added proper theme content color handling in RadioButton
• Enhanced DateTimeSelector screen with:
  • Reordered UI components (time picker above date selection)
  • Added selected date/time row with reset option
  • Adjusted time picker density for better visibility
  • Improved radio button layout and spacing
  • Added back navigation functionality

How to test?

1. Navigate to the trip planner screen
2. Click on the "Leaving Now" text
3. Verify the date/time selector opens with:
   • Functioning radio buttons for Leave/Arrive options
   • Working time picker with proper theming
   • Visible date selection with navigation arrows
   • Back button navigation
4. Confirm the splash screen appears briefly during development

Why make this change?

To enhance the user experience by providing a more intuitive and visually appealing date/time selection interface while improving development workflow with faster splash screen transitions.

[ksharma-xyz]

• UI: Redesign DateTime selector and improve time picker layout #395 👈 (View in Graphite)
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[ksharma-xyz]

Merge activity

• Nov 29, 1:23 AM EST: A user merged this pull request with Graphite.