fix(Yarn): Update yarn file; Remove unused stuff in DateTimeModal

Author: binh-dam-ibigroup

lib/components/form/date-time-modal.js

@@ -10,6 +10,8 @@ import * as TripFormClasses from '@opentripplanner/trip-form/lib/styled'
 
 import { setQueryParam } from '../../actions/form'
 
+// Styles for the DateTimeSelector.
+// TODO: Find a way to bring OTP CSS classes in here.
 const StyledDateTimeSelector = styled(DateTimeSelector)`
   margin: 0 -15px 20px;
   ${TripFormClasses.DateTimeSelector.DateTimeRow} {
@@ -81,21 +83,15 @@ const StyledDateTimeSelector = styled(DateTimeSelector)`
     }
   }
 `
-// ^ ^ TODO: On Chrome on MacOS, here is a one-pixel gap between the selection highlight and the control
-// that didn't occur in the old version.
 
 // Define default routingType labels and components
 const rtDefaults = [
   {
     key: 'ITINERARY',
-    text: 'Itinerary',
-    component: <StyledDateTimeSelector />,
-    componentClass: StyledDateTimeSelector
+    text: 'Itinerary'
   }, {
     key: 'PROFILE',
-    text: 'Profile',
-    component: <StyledDateTimeSelector profile />, // TODO: Profile in DateTimeSelector.
-    componentClass: StyledDateTimeSelector
+    text: 'Profile'
   }
 ]
 
@@ -107,7 +103,6 @@ class DateTimeModal extends Component {
 
   render () {
     const { config, date, dateFormatLegacy, departArrive, routingType, setQueryParam, time, timeFormatLegacy } = this.props
-    const ActualDateSelector = rtDefaults.find(d => d.key === routingType).componentClass
 
     return (
       <div className='date-time-modal'>
@@ -135,7 +130,7 @@ class DateTimeModal extends Component {
 
         {/* The main panel for the selected routing type */}
         <div className='main-panel'>
-          <ActualDateSelector
+          <StyledDateTimeSelector
             className='date-time-selector'
             date={date}
             dateFormatLegacy={dateFormatLegacy}
@@ -157,11 +152,11 @@ const mapStateToProps = (state, ownProps) => {
     departArrive,
     date,
     time,
-    // startTime, // Not used right now, was once used in "Profile mode".
-    // endTime, // Not used right now, was once used in "Profile mode".
     routingType,
-    // These props below are for very old browsers + Safari on MacOS that don't support `<input type="time|date">`.
-    // Otherwise, `<input type="time|date">` in modern browsers displays the time|date according to user/local settings.
+    // These props below are for Safari on MacOS, and old browsers
+    // that don't support `<input type="time|date">`.
+    // In modern browsers, `<input type="time|date">` already
+    // formats the time|date according to the OS settings.
     timeFormatLegacy: getTimeFormat(state.otp.config),
     dateFormatLegacy: getDateFormat(state.otp.config)
   }