Event editor redesign: Simplify the event editor so event creation is easier on mobile devices.

Tasks

• design a new event editor #7384
• implement the design with new components
  • Title
  • Time section #7912
    • The mobile apps should use the Button and the desktop/web application should use the input
  • Calendar selection
    • Reduce calendar color to same size as icons (Clock icon specifically)
  • Repeating rules Repeat Rules Page #7905
  • Reminders Reminders Section #7913
  • Guests Guests Page #7904
  • Location
    • Don't handle location url when editing
  • Description
    • Handle focus highlight

Fixes

• Adjust colors and themes
• Adjust spacing
  • Fix the spacing between title and header (Should be the same as right/left)

Second Iteration

• Add line separator to time section

• Increase components interactive area (44px or check w3c accessibility guidelines)

• Change select icon Update Dropdown component #7907

• Add click feedback

• Match dropdown width w/ parent

• Change arrow icon to match settings

• Repeat rules

  • Input should select option (Ends section)

• Guests Page

  • Attending always visible
  • Separate guests with line
  • Remove "Password for ..." label

• Third Iteration - General changes, repeat rules and guest pages #7991